@CHARSET "ISO-8859-1";

body {
	background-image: url('../img/bgnd-page-topshields.png');
	background-repeat: repeat-x;
	background-size: 100% 300px;
	background-position: 95px 0px;
}

.headerColor {
	background: #0c2074;
	color: #fff;
	height: 83px;
}

.display-none {
	display: none;
}

div.card-header .nav-link.disabled {
	color: #17191a;
}

/* navbar override to make Bootstrap 5 have the BS 5 look */
.navbar	{
	height: 83px;
}

#navbarText>ul>li>a {
	color: #fff;
}

#navbarText>p>a {
	color: #fff;
}

/* This fixes the focus issue where the background becomes white. */
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: underline;
	background-color: transparent !important;
}

.row.required .control-label:after {
	color: #d00;
	content: " *";
}

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer83 { height: 83px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.px-6	{
	padding-left: 6rem !important;
  	padding-right: 6rem !important;
}
.preview-box {
	padding: 15px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	border: 1px solid #CACACA;
}

.heading-right {
	float: right
}

.button-row-text {
	padding-top: 7px;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

/* Some dropdown "btn" links showed a thin border after the last Bootstrap upgrade.
   The override below is a temporary workaround to fix it.
 */
.btn-border-disabled {
	--bs-btn-border-color: auto;
}

/* This overrides Bootstrap */
.collapsing {
	-webkit-transition: none;
	transition: none;
}

.breadcrumb>li+li:before {
	content: "\\ ";
	padding: 0 5px;
}

.breadcrumb li {
	margin-right: 1px;
}

.center-table {
	margin: 0 auto !important;
	float: none !important;
}

.left-table {
	float: left;
}

.dataTables_filter label {
	display: inline;
}

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

.nowrap-text {
	white-space: nowrap;
}

.div-inline {
	display: inline-block;
}

.breadcrumb>.active {
	color: #000000;
}

/* Make the links slightly darker, so they pass the color contrast rules for accessibility. */
.btn-link {
	color: #0461e9;
}

/* Make the links slightly darker, so they pass the color contrast rules for accessibility. */
a {
	color: #0461e9;
}

/* This is overriding an HTML element. */
label {
	text-align: right;
	font-weight: bold;
}

.form-group.required .col-form-label:after {
	content: "*";
	color: red;
}

/* change the background color */
.navbar-custom {
	background-color: #0c2074;
}

/* change the brand and text color */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text {
	color: #fff;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
	color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:focus .nav-link {
	color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item:hover .nav-link {
	text-decoration: underline;
}

/* Make the links slightly darker, so they pass the color contrast rules for accessibility. */
.nav-link {
	color: #0461e9;
	padding: .5rem 1rem;
}

a.nav-link:hover {
	text-decoration: underline;
}

.navbar-nav > li{
  padding-left:10px;
  padding-right:10px;
}

a.brand {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}

.card-link {
	color: #212529!important;
}

.btn-success {
	color: #ffffff;
	background-color: #008A00;
	boder-color: #008A00;
}

.nav-pills .nav-link.active {
	color: #ffffff;
	background-color: #006ADB;
}

.text-info {
	color: #006ADB !important;
}

.text-danger {
	color: #CC0000 !important;
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    text-align: left;
}

.pt-6 {
	padding-top: 6px;
}

.folder-color {
	color: #ffbf00;
}

.file-color {
	color: #00bfff;
}

.card-scroll {
	height:200px; 
	overflow-y: scroll;
}

.wide-menu {
	width: 190px;
}
.page-footer {
	background: #3b434c;
	color: #A9AFBC;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 10px 0;
	width: 100%;
}
.w-80 {
	width:80%;
}

.w-60 {
	width:60%;
}
/*Negative margins */
.neg-l1 {
  margin-left: -1rem !important;
}
.neg-l2 {
  margin-left: -2rem !important;
}
.neg-l3 {
  margin-left: -3rem !important;
}
.neg-l4 {
  margin-left: -4rem !important;
}
.neg-l5 {
  margin-left: -5rem !important;
}

/* Rasing the opacity will make the links slightly darker, so they pass the color contrast rules for accessibility. */
div.card-body .btn.disabled {
    opacity: 0.99;
}