html {
  position: relative;
  min-height: 100%;
}

body {
	height: 100%;
	margin-bottom: 100px;
	background-color: #ecf0f5;
	font-size: 10pt;
}

header .navbar {
	background-color: #fff;
	 background-image: linear-gradient(to right, #189dff 0%, #0b92fe 40%, #0c7bfe 100%);
}

.navbar-nav .nav-link {
    color: #000!important; /* Set text color to black for Contrast accessibility */
}

main {
	padding-top: 30px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: white;
  height: 60px;
  line-height: 60px;
}

footer a {
	text-decoration: none;
}
footer p{
    margin-bottom: 0;
}
div .cardview {
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
div .cardview .pt-3 {
    padding-top: 0.5rem !important;
}

div .cardview-blue {
	border-top: 3px solid #00c0ef;
}

div .cardview-red {
	border-top: 3px solid #dd4b39;
}

div .cardview-grey {
	border-top: 3px solid #d2d6de;
}

div .cardview-green {
	border-top: 3px solid #00a65a;
}

.fw-bold a{
	color: #0000FF;
}

table#details td span.shipmark {
	white-space: pre-wrap;
}

table#details td {
	vertical-align: top;
}

table.dataTable thead th {
	border-bottom: 1px none #111111;
}

table.dataTable {
	border-bottom: 1px none #111111;
}

table.dataTable.no-footer {
	border-bottom: 1px none #111111;	
}

div .field-label {}

div .field-value {
	line-height: 1.5;
	padding: 0.2rem 0;
}

.custom-tooltip {
	padding: 0px;
	position: absolute;
	transform: translate(-50%, -100%);
	top: 0;
	left: 50%;
	z-index: 1000;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.custom-tooltip-arrow {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 10px solid black;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}

.relative-pos {
	position: relative;
}

#custom-tooltip2, #custom-tooltip4 {
	transform: translate(-50%, 100%);
	top: 0;
	bottom: 0;
}

#custom-tooltip2 > .custom-tooltip-arrow, #custom-tooltip4 > .custom-tooltip-arrow {
	border: 0;
	border-bottom: 10px solid black;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 0%;
	left: 50%;
	margin-top: -10px;
}
.text-col{
	color: #113571;
}
.search{
	background: #fff;
	width: 60%;
	padding: 6px 16px;
	display: flex;
	align-items: center;
	font-size: 16px;
	border-radius: 2px;
}
.search p{
	margin: 0;
	width: 100%;
}
.search p input{
	padding:0 2%;
	margin-left: 1%;
	outline: none;
	height: 38px;
	width: 64%;
	border: 1px solid #e5e5e5;
}
.search p button{
	padding: 0 13px;
    height: 38px;
	border: none;
	background: #113571;
}
.search p button i{
	color: #fff;
}
@media screen and (max-width: 780px){
	.search{
		width: 100%;
		padding: 12px 16px;
	}
	.search p input {
		margin-top: 10px;
		width: 88%;
		margin-left: 0;
	}
	footer {line-height: 32px;}
}
@media screen and (max-width: 500px) {  	
	
	header .navbar-brand {
		font-size: 0.80rem;
		text-align: center;
		line-height: 41px;
		padding: 0;
		margin: 0;
		display: flex;
	}
}