vivo-explorer/public/css/styling.css

body {
	font: 14px 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;
	background-color: #F3FAED;
}

code {
	background-color: #C4F5EE;
}

hr {
	margin: 15px 0;
}

a {
	color: #16548A;
	font-weight: bold;
}

a:hover {
	color: #26296D;
}

::selection {
	background-color: #AE95F1;
}

thead { 
	background-color: #9CFFF8!important;
}

.table td, .table th {
	border-top: 1px solid #4DA2AF;
}

img.header-image {
	margin-top: -10px;
	margin-bottom: -5px;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

code, .monospace {
	font-family: "Cousine", monospace;
}

.properties-header {
	width: 180px;
	text-align: right;
}

.word-wrap {
	word-wrap: break-word;
	word-break: break-all;
}

.tag {
	border-radius: 4px;
	background-color: #0275D8;
	color: white;
	padding: 2px 5px;
	margin-right: 4px;
}

#subheader a {
	margin-right: 20px;
}

.data-cell, .data-header {
	text-align: right;
}

.btn-primary {
	color: black;
	background-color: #73DFF5;
	border-color: #386CA0;
}

.btn-primary:hover {
	color: black;
	background-color: #43EFE4;
	border-color: #386CA0;
}

.btn-primary:active {
        color: white!important;
        background-color: #43EFE4!important;
        border-color: #386CA0!important;
	box-shadow: 0px 1px 1px #9CFFF8 inset, 2px 2px 4px #739AF5!important;
}

.btn-primary:focus {
	box-shadow: 0px 1px 1px #739AF5 inset, 2px 2px 4px #739AF5!important;
}

.bg-dark {
	background-color: #9CFFF8!important;
}

.navbar-brand {
	font-weight: bold;
}

.nav-link {
	border-color: #125DA7!important;
	font-weight: bold;
}

.nav-link:hover {
	background-color: #9CFFF8!important;
}

.nav-link.active {
	color: #420857!important;
	background-color: #9CFFF8!important;
	border-color: #125DA7!important;
}

.alert-info {
	background-color: #C55AF3;
	border-color: #739AF5;
	color: black;
}

.alert-success {
        background-color: #C4FF80;
        border-color: #5F8660;
        color: black;
}

.form-control {
	background-color: #D4EFFF;
}

.form-control:hover {
        background-color: #F3FAED;
        box-shadow: 0px 1px 1px #739AF5 inset, 2px 2px 4px #739AF5!important;
}

.form-control:focus {
        background-color: #F3FAED;
	box-shadow: 0px 1px 1px #739AF5 inset, 2px 2px 4px #739AF5!important;
}

.card {
	background-color: #D4EFFF;
}

.tag {
	color: black;
	background-color: #9CFFF8;
}


.page-link {
	color: #420857!important;
	border-color: #35769C!important;
}

.page-link:hover {
        background-color: #9CFFF8!important;
	box-shadow: 0px 1px 1px #739AF5 inset, 1px 1px 2px #739AF5!important;
	border-color: #125DA7!important;
}

.page-item.active .page-link {
        color: #420857!important;
        background-color: #9CFFF8!important;
        border-color: #125DA7!important;
}

.pagination-lg .page-link {
	padding: .25rem 0.75rem;
	font-size: 1.0rem;
	line-height: 1.5;
}