a {
	color: #AAA;
}

a:hover {
	color: #572364;
	text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9);
}

.navbar {
	border-bottom: 1px solid #572364;
}


.rosa {
	background-color: #003c70;
	
}


/* .card-header {
	background-color: #003c70;
	color: #FFF;
}

.card {
	border: 1px solid #003c70;
} */

.btn-primary {
	background-color: #003c70;
}

.btn-primary:hover {
    color: #fff;
    background-color: #572364;
}

.btn-link {
	color: #e4007c;
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: underline;
    border-color: transparent;
}

.tool {
	font-size: 30px;
}

.main-title {
	background-color: #572364;
	color: #fff;
	height: auto;
	padding: 10px;
}

.pos {
	font-size: 2em;
	height: auto;
	padding: 4px;
}

.currency {
	background-color: #000 !important;
	text-align: right;
	color: #ff0;
	font-size: 3em;
	height: auto;
	padding: 4px;
	font-family: 'Courier New', Courier, monospace;
	font-weight: bolder;
}

.currency2 {
	text-align: right;
	height: auto;
	padding: 4px;
}

/*
if modal give us problems, just delete the backdrop element
.modal-backdrop {
	display:none;
	z-index: -100;
}*/

.workspace {
	background-color: white; 
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
}