
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Source+Sans+Pro:wght@600&display=swap');

@media (min-width: 768px) {
	body:not(.no-background) {
		background-image: url("/invStatic/images/elephant-427138.jpg");
		background-color: white;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media (max-width: 767.98px) {
	body:not(.no-background):not(.no-background-sm) {
		background-image: url("/invStatic/images/elephant-427138.jpg");
		background-color: white;
		background-repeat: no-repeat;
	}
} 

/*
* Placeholder dashboard ideas
*/

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

.card {
	background: #f6f6f6;
}

.bg-medium {
	background: #e2e6e9;
}

.opacity-light {
		opacity: 0.88;
}

#requiredLabel {
	font-size: 80%;
	position: relative;
	bottom: 0;
	width: 100%;
	padding-top: 1.5em;
}

.redAsterisk {
    color: #DD0000;
	font-weight: bold;
}

.label, .col-form-label {
	font-weight: bold;
}

.hand-pointer {
	 cursor: pointer;
	 cursor: hand;
}

.obscure {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.help-block {
    color: #555555;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover,
	.pagination>.disabled>span, .pagination>.disabled>span:focus,
	.pagination>.disabled>span:hover {
	color: #555555;
}

@media (max-width: 767.98px) {
.margins {
    margin: .5rem .25rem .25rem;
	}
}

@media (min-width: 768px) {
.margins {
	margin: 1rem .75rem .5rem;
	}
}

@media (min-width: 1024px) {
	.margins {
		 margin: 1.5rem .75rem .5rem; 
		}
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom 0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.pagination {
	margin: 0
}

.table-results {
	width: 100%;
	cell-spacing: 0;
	cell-padding: 0;
}

@media (min-width: 576px) {
	.visible-xs {
		display: none!important;
	}
}

.blue-text {
    color: #0040FF;
}

.bg-light-yellow {
    background-color: #ffffe6;
}

.red-text {
    color: #FF0000;
}

.typewriter {
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.up-20 {
	margin-top: -20px;
}

.up-12 {
	margin-top: -12px;
}

.bg-white {background-color:#000000;}
.bg-info-light {background-color: #d0ebef !important;}
.bg-success-light {background-color: #E0F4E5 !important;}

.hr-solid {border-top: 2px solid black;}

.font-150 {font-size: 150%;}
.font-125 {font-size: 125%;}
.font-115 {font-size: 115%;}
.font-110 {font-size: 110%;}
