eba-pedidos/css/style.css

body,html{
	width: 100%;
	min-height: 100%;
	margin: 0px 0px;
	font-family: Century Gothic, sans-serif;
	background-color: #F3F6F9;
	height: 100%;
}

.container{
	width: 60%;
	min-width:100%;
	margin: 0px auto;
	background-color: #FFF;
	padding: 20px;
	border-radius: 10px;
}

.error-container,
.info-container {
	padding: 20px;
	border: 1px solid #324875;
	border-radius: 10px;
}

.btn-eba {
	background-color: #324875;
	border-color: #2B3E60;
	color: white;
	opacity: 0.9;
}

.btn-eba:hover,
.btn-eba:active,
.btn-eba:focus {
	background-color: #324875;
	border-color: #2B3E60;
	color: white;
	opacity: 1;
}
.user-icon {
	width: 15px;
	margin-right: 5px;
}
.error-icon {
	width: 30px;
}

.status-label {
    background-color: #c0c0c0;
    padding: 3px;
    font-size: 10px;
    letter-spacing: 1px;
    border-radius: 5px;
}

.status-label.ACEPTADO {
	background-color: #79BD9A;
	border: 1px solid #74AF8F;
}

.status-label.CREADO {
	background-color: #ECD078;
	border: 1px solid #E5C877
}

.status-label.CONFIRMADO {
	background-color: #FF9F80;
	border: 1px solid #E8927C;
}

.action-label {
	margin: 0px 2px;
	background-color: #324875;
	color: white;
	opacity: 0.9;
}

.action-label:hover,
.action-label:focus,
.action-label:active {
	text-decoration: none;
	color: white;
	opacity: 1;
}
.no-disponible { color: #ccc; }
.low { color: #c22;display:block;font-size:smaller; }

.column { width:50%; float:left;}
div > .column::after{clear:both;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; } 
.warn { background-color:#E7DFBB !important; color:black;}
a:focus{ color:white !important; }
.navbar{
	width: 100%;
/*	height: 60px;*/
	background-color: #324875;
	color: white;
	font-family: Century Gothic, sans-serif;
}

.nav-wrap{
	padding-top: 6px;
	padding-left: 10px;
}

.menu{
	float:right;
	margin-top: 14px;
	margin-right: 50px;
	text-transform: capitalize;
	font-size: 11pt;
}

.menu li{
	display: inline;
	list-style-type: none;
	margin-left: 10px;
}
.menu a{
	color: white;
	text-decoration: none;

}

.menu a:hover{
	color: #CCCCCC;
}
.clear{
	clear: both;
}

.columnas{ width:100%;  }
.columnLeft, .columnRight {
	width:47%;
	margin:1%;
	margin-left: 0px;
	float:left;
}
.labelblock label { 
	display:inline-block; 
	min-width: 90px; 
	margin-bottom: 5px;
	font-size:15px;
}

.labelblock{
	margin-bottom: 10px;
}

#ex1, #ex2 {
	width: 80%;
	display:inline-block;
}

#ex1_value, #ex2_value{
	color: #324875;
	font-weight: bold;
	font-size: 12pt;
}
#cantidad { width:60px; }

/*.form-control{
    height: 25px; 
    width: 100%; 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color: #324875; 
    outline:0; 
} */

h1{
	color: #324875;
	font-size: 20pt;
	margin-top: 0px;
}

.best-table{
	width: 100%;
	font-size:15px;
	border-spacing:0px;
}
.best-table th{
	color: #324875;
font-weight: bold;
font-size: 11pt;
padding: 10px 8px;
text-transform: uppercase;
}

.best-table td{
	border-bottom: 1px solid #CCC;
color: #4D4D4D;
padding: 6px 8px;
text-align: center;
}

.best-table tr{
	border-bottom: 2px solid #6678B1;
}

.product-cell{
	width: 50%;
}

.delete{
	border: none!important;
	cursor:pointer;
	color: #324875;

}

.total-table{
	width: 60%!important;
	margin: 0px 45%!important;
	margin-top: 20px;
}

.css-button{
	text-transform: uppercase;
    text-decoration: inherit;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #3866A3;
    padding: 6px 14px;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    background-color: #324875;
}

.css-button:hover {
    background-color: #56688C;
	color:white;
}

.css-button:active {
    position:relative;
    top: 1px;
	color:white;
}

.factura-datos{
	color: #324875;
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 8px;
}

.preview{
	border: 1px solid #D6DAE3;
	padding: 20px;
	margin: 20px 0px;
}

.best-table img{
	width: 15px;
	cursor: pointer;
}

.best-table .tleft td { text-align:left !important;}
.left {float:left;}
.right{float:right;}

#camaras > img { max-width: 45%; }

@media print {
	.noimprimir { display: none; }
	a:after{ content: "" !important; }
	html, body {
		width: 210mm;
		height: 297mm;
		font-size: 10px !important;
	}

	table { table-layout: fixed !important; width: 95%; }
	td:first-child, th:first-child { width: 200px !important }
	table td, table th {
		margin:0px;
		border-spacing:0px;
		border: 0px;
		width: 100px;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
	}
	@page {
		size: A4 portrait;
		margin: 6mm 6mm 6mm 6mm;
		
	}

}