:root {
	--bs-blue: #0167B2;
	--bs-primary: #0167B2;
	--bs-red: #990000;  /* #dc3545; */
}

/* Body and structure - */

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; 
	font-weight:bold;}
p { font-size: 1.0em; }

main > .container { padding: 20px 15px 0; }

.bg-blue { color: #ffffff; background-color: #0167B2; }
.bg-gradient-wtob {
	background-image: linear-gradient(to right, #ffffff 25%, #104164 45%);
}

a { color: #0167B2; text-decoration: underline; }
a:hover, a:focus { color: #819AB3; text-decoration: underline; }

footer > a:hover, a:focus { color: #f2f2f2; text-decoration: underline; }

.btn-primary {
  color: #ffffff;
  background-color: #0167B2;
  border-color: #003366;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #819AB3;
  border-color: #285e8e;
}

.btn-jumbo {
    border-radius: 10px;
    font-size: 22px;
    line-height: 1.63;
    padding: 20px 24px;
    margin: 16px 0 16px 0;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-tooltip {
  margin-left: 3px;
}

.text-lg { 
	font-size: 1.1em;
} 

.text-summary { 
	font-size: 16px;
} 

.spaceBelow {
	padding-bottom: 20px;
}

.navbar-default .navbar-brand {
    color: #777;
}
.navbar-brand {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 6px 15px 4px 15px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 36px;
    line-height: 20px;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
	min-height: 28px;
    position: relative;
    z-index: 1000;
}

.navbar .nav {
	line-height: 18px;
    margin: 0 10px 0 0;
}

.navbar .nav > li {
    margin: 0 0 0 10px;
    padding: 0 0 0 12px;
	line-height: 18px;
}

.navbar-nav > li  {
    padding-bottom: 6px;
    padding-top: 10px;
    
}

.nav-pills > li {
	font-weight: bold;
	padding-right: 12px; 
}

.nav-pills > li > a.active,
.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-pills > li > a:hover {
	color: #fff;
	background-color: #FBAF34;
} 

.nav-pills .nav-link {
	color: #fff;
	background-color: #0167B2;
} 

 .nav-footer-rhs {
 	margin-top: 0px;
 	margin-bottom: 0px;
 }

.row > * {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* Validation error outputs */

div.vfError { 
	color:#000000;
	margin:0 0 10px 0;
	background-color: #FFD497;
	border-color:#999; 
	
}
div.vfError ul { padding:14px; font-weight:bold; margin:0;}
div.vfError ul li{ font-weight:normal; margin-left:25px; padding-top:3px;}


.well {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fcfcfc;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.35rem;
  margin: 16px 0px 12px 0px;
  padding: 9px 6px 12px 10px;
}

.alert { 
	padding: 15px 30px; 
	border-radius: 0px; 
	border:0;
}

label {
    font-size: 13px;
    margin-bottom: 2px;
}

.form-label {
    margin-bottom: 4px;
}

.form-group {
  margin-right: 0px;
  margin-left: 0px;
}

select.select-filter {
	display: none;
}

.form-control {
	margin-top:	2px;
}

.form-horizontal .midas {
  display: none;
}

dl {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0	
}

dt {
	font-weight: normal !important;	
	float: left;
	width: 90%;
	/* adjust the width; make sure the total of both is 100% */
	padding: 4px auto 4px auto;
	margin: 4px auto 4px auto;
}

dd {
	float: left;
	width: 10%;
	/* adjust the width; make sure the total of both is 100% */
	padding: 4px auto 4px auto;
	margin: 4px auto 4px auto;
}

.field-width-10 { width: 10%; }
.field-width-20 { width: 20%; }
.field-width-30 { width: 30%; }
.field-width-40 { width: 40%; }
.field-width-50 { width: 50%; }
.field-width-60 { width: 60%; }
.field-width-70 { width: 70%; }
.field-width-80 { width: 80%; }
.field-width-90 { width: 90%; }

.hiroc-blue { background-color: #0067B1;}
.hiroc-blue-50 { background-color: #7DA0D2;}
.hiroc-blue-10 { background-color: #E0E6F4;}

.hiroc-teal { background-color: #00788A; }
.hiroc-teal-50 { background-color: #62AEBC; }

.hiroc-green { background-color: #008265; }
.hiroc-green-50	{ background: #6DB3A3; }
.hiroc-green-10	{ background: #DBEAE6; }

.hiroc-purple { background-color: #63619A; }
.hiroc-purple-50 { background-color: #A19FC5;}

.hiroc-gold { background-color: #FBB034; }
.hiroc-gold-50 { background-color: #FFD497; }
.hiroc-gold-30 { background-color: #FFE4BD; }
.hiroc-gold-20 { background-color: #FFECD1; }
.hiroc-gold-10 { background-color: #FDF3E4; }

.hiroc-grey { background-color: #A7A9AC; }
.hiroc-grey { background-color: #D1D3D4; }

.hiroc-blue-font { color: #0067B1; }
.hiroc-grey-font { color: #A7A9AC; }
.hiroc-gold-font { color: #FBB034; }
.hiroc-gold-font-10 { color: #FDF3E4; }

.field-required-font { color: var(--bs-red); }
.field-required { background-color: #FDF3E4; }
input.field-number { text-align: right; }
.red-font { color: var(--bs-red); }

/* adjust the position of an item created in the label with a paragrpah tag for ckeditor on question heading */
label  p {
	margin-bottom: 0px;
	margin-top: 6px;
}

h5.questionHeading {
	font-size: 13px;
	font-weight: bold;
}

.blue-font {
	color: #003366;
	font-weight: bold;
}

.card-req {
  margin-bottom: 4px;
 	padding: 6px 6px 6px 15px;	
}

.card-req h3 {
    margin-top: 6px;
    margin-bottom: 4px;
}

.card-req h4 {
  margin-top: 3px;
	margin-bottom: 2px;
}

.preferred {
	background: rgba(255,204,102,0.3);
	font-weight: 600;
	padding-top:6px;
	padding-bottom:6px;
	height: 30px;
}

.standard {
  background: rgba(255,255,255,1.0);
	padding-top:6px;
	padding-bottom:3px;
	height: 27px;    
}

.spaceAbove {
	margin-top: 12px;
}

.logoXS {
	margin-top: 10px;
	margin-bottom: 12px;
}

img.logo  {
	margin-top: 22px;
}

h1.logo {
	padding-top: 0px;
}

.input-group-addon {
	margin-top: 1px;
}

/* Set the fixed height of the footer here */
#footer {
	border-top: 1px solid #333;
	background-color: #0167b2;
}

.footer-links {
	padding-left: 0px;
}

.credit {
	color: #fff;
    margin-bottom: 5px;
    margin-top: 4px;
    font-size: 0.9em;
    line-height: 1.4em;	
	
}

footer > .container a  {
	color: #fff;
	text-decoration: underline;
	font-size: 0.9em; 
}

footer > .container a:hover,
footer > .container a:active,
footer > .container a:visited {
	color: #f2f2f2;
}

footer > .container p {
	line-height: 1.2em;
	font-size: 0.9em;
} 



.col-micro-0 { flex: 0 0 auto; width: 0%; padding-left: 12px; padding-right: 12px; }
.col-micro-1 { flex: 0 0 auto; width: 1%; padding-left: 12px; padding-right: 12px; }
.col-micro-2 { flex: 0 0 auto; width: 2%; padding-left: 12px; padding-right: 12px; }
.col-micro-3 { flex: 0 0 auto; width: 3%; padding-left: 12px; padding-right: 12px; }
.col-micro-4 { flex: 0 0 auto; width: 4%; padding-left: 12px; padding-right: 12px; }
.col-micro-5 { flex: 0 0 auto; width: 5%; padding-left: 12px; padding-right: 12px; }
.col-micro-6 { flex: 0 0 auto; width: 6%; padding-left: 12px; padding-right: 12px; }
.col-micro-7 { flex: 0 0 auto; width: 7%; padding-left: 12px; padding-right: 12px; }
.col-micro-8 { flex: 0 0 auto; width: 8%; padding-left: 12px; padding-right: 12px; }
.col-micro-9 { flex: 0 0 auto; width: 9%; padding-left: 12px; padding-right: 12px; }

.col-micro-10 { flex: 0 0 auto; width: 10%; padding-left: 12px; padding-right: 12px; }
.col-micro-11 { flex: 0 0 auto; width: 11%; padding-left: 12px; padding-right: 12px; }
.col-micro-12 { flex: 0 0 auto; width: 12%; padding-left: 12px; padding-right: 12px; }
.col-micro-13 { flex: 0 0 auto; width: 13%; padding-left: 12px; padding-right: 12px; }
.col-micro-14 { flex: 0 0 auto; width: 14%; padding-left: 12px; padding-right: 12px; }
.col-micro-15 { flex: 0 0 auto; width: 15%; padding-left: 12px; padding-right: 12px; }
.col-micro-16 { flex: 0 0 auto; width: 16%; padding-left: 12px; padding-right: 12px; }
.col-micro-17 { flex: 0 0 auto; width: 17%; padding-left: 12px; padding-right: 12px; }
.col-micro-18 { flex: 0 0 auto; width: 18%; padding-left: 12px; padding-right: 12px; }
.col-micro-19 { flex: 0 0 auto; width: 19%; padding-left: 12px; padding-right: 12px; }

.col-micro-20 { flex: 0 0 auto; width: 20%; padding-left: 12px; padding-right: 12px; }
.col-micro-21 { flex: 0 0 auto; width: 21%; padding-left: 12px; padding-right: 12px; }
.col-micro-22 { flex: 0 0 auto; width: 22%; padding-left: 12px; padding-right: 12px; }
.col-micro-23 { flex: 0 0 auto; width: 23%; padding-left: 12px; padding-right: 12px; }
.col-micro-24 { flex: 0 0 auto; width: 24%; padding-left: 12px; padding-right: 12px; }
.col-micro-25 { flex: 0 0 auto; width: 25%; padding-left: 12px; padding-right: 12px; }
.col-micro-26 { flex: 0 0 auto; width: 26%; padding-left: 12px; padding-right: 12px; }
.col-micro-27 { flex: 0 0 auto; width: 27%; padding-left: 12px; padding-right: 12px; }
.col-micro-28 { flex: 0 0 auto; width: 28%; padding-left: 12px; padding-right: 12px; }
.col-micro-29 { flex: 0 0 auto; width: 29%; padding-left: 12px; padding-right: 12px; }

.col-micro-30 { flex: 0 0 auto; width: 30%; padding-left: 12px; padding-right: 12px; }
.col-micro-31 { flex: 0 0 auto; width: 31%; padding-left: 12px; padding-right: 12px; }
.col-micro-32 { flex: 0 0 auto; width: 32%; padding-left: 12px; padding-right: 12px; }
.col-micro-33 { flex: 0 0 auto; width: 33%; padding-left: 12px; padding-right: 12px; }
.col-micro-34 { flex: 0 0 auto; width: 34%; padding-left: 12px; padding-right: 12px; }
.col-micro-35 { flex: 0 0 auto; width: 35%; padding-left: 12px; padding-right: 12px; }
.col-micro-36 { flex: 0 0 auto; width: 36%; padding-left: 12px; padding-right: 12px; }
.col-micro-37 { flex: 0 0 auto; width: 37%; padding-left: 12px; padding-right: 12px; }
.col-micro-38 { flex: 0 0 auto; width: 38%; padding-left: 12px; padding-right: 12px; }
.col-micro-39 { flex: 0 0 auto; width: 39%; padding-left: 12px; padding-right: 12px; }

.col-micro-40 { flex: 0 0 auto; width: 40%; padding-left: 12px; padding-right: 12px; }
.col-micro-41 { flex: 0 0 auto; width: 41%; padding-left: 12px; padding-right: 12px; }
.col-micro-42 { flex: 0 0 auto; width: 42%; padding-left: 12px; padding-right: 12px; }
.col-micro-43 { flex: 0 0 auto; width: 43%; padding-left: 12px; padding-right: 12px; }
.col-micro-44 { flex: 0 0 auto; width: 44%; padding-left: 12px; padding-right: 12px; }
.col-micro-45 { flex: 0 0 auto; width: 45%; padding-left: 12px; padding-right: 12px; }
.col-micro-46 { flex: 0 0 auto; width: 46%; padding-left: 12px; padding-right: 12px; }
.col-micro-47 { flex: 0 0 auto; width: 47%; padding-left: 12px; padding-right: 12px; }
.col-micro-48 { flex: 0 0 auto; width: 48%; padding-left: 12px; padding-right: 12px; }
.col-micro-49 { flex: 0 0 auto; width: 49%; padding-left: 12px; padding-right: 12px; }

.col-micro-50 { flex: 0 0 auto; width: 50%; padding-left: 12px; padding-right: 12px; }
.col-micro-51 { flex: 0 0 auto; width: 51%; padding-left: 12px; padding-right: 12px; }
.col-micro-52 { flex: 0 0 auto; width: 52%; padding-left: 12px; padding-right: 12px; }
.col-micro-53 { flex: 0 0 auto; width: 53%; padding-left: 12px; padding-right: 12px; }
.col-micro-54 { flex: 0 0 auto; width: 54%; padding-left: 12px; padding-right: 12px; }
.col-micro-55 { flex: 0 0 auto; width: 55%; padding-left: 12px; padding-right: 12px; }
.col-micro-56 { flex: 0 0 auto; width: 56%; padding-left: 12px; padding-right: 12px; }
.col-micro-57 { flex: 0 0 auto; width: 57%; padding-left: 12px; padding-right: 12px; }
.col-micro-58 { flex: 0 0 auto; width: 58%; padding-left: 12px; padding-right: 12px; }
.col-micro-59 { flex: 0 0 auto; width: 59%; padding-left: 12px; padding-right: 12px; }

.col-micro-60 { flex: 0 0 auto; width: 60%; padding-left: 12px; padding-right: 12px; }
.col-micro-61 { flex: 0 0 auto; width: 61%; padding-left: 12px; padding-right: 12px; }
.col-micro-62 { flex: 0 0 auto; width: 62%; padding-left: 12px; padding-right: 12px; }
.col-micro-63 { flex: 0 0 auto; width: 63%; padding-left: 12px; padding-right: 12px; }
.col-micro-64 { flex: 0 0 auto; width: 64%; padding-left: 12px; padding-right: 12px; }
.col-micro-65 { flex: 0 0 auto; width: 65%; padding-left: 12px; padding-right: 12px; }
.col-micro-66 { flex: 0 0 auto; width: 66%; padding-left: 12px; padding-right: 12px; }
.col-micro-67 { flex: 0 0 auto; width: 67%; padding-left: 12px; padding-right: 12px; }
.col-micro-68 { flex: 0 0 auto; width: 68%; padding-left: 12px; padding-right: 12px; }
.col-micro-69 { flex: 0 0 auto; width: 69%; padding-left: 12px; padding-right: 12px; }

.col-micro-70 { flex: 0 0 auto; width: 70%; padding-left: 12px; padding-right: 12px; }
.col-micro-71 { flex: 0 0 auto; width: 71%; padding-left: 12px; padding-right: 12px; }
.col-micro-72 { flex: 0 0 auto; width: 72%; padding-left: 12px; padding-right: 12px; }
.col-micro-73 { flex: 0 0 auto; width: 73%; padding-left: 12px; padding-right: 12px; }
.col-micro-74 { flex: 0 0 auto; width: 74%; padding-left: 12px; padding-right: 12px; }
.col-micro-75 { flex: 0 0 auto; width: 75%; padding-left: 12px; padding-right: 12px; }
.col-micro-76 { flex: 0 0 auto; width: 76%; padding-left: 12px; padding-right: 12px; }
.col-micro-77 { flex: 0 0 auto; width: 77%; padding-left: 12px; padding-right: 12px; }
.col-micro-78 { flex: 0 0 auto; width: 78%; padding-left: 12px; padding-right: 12px; }
.col-micro-79 { flex: 0 0 auto; width: 79%; padding-left: 12px; padding-right: 12px; }

.col-micro-80 { flex: 0 0 auto; width: 80%; padding-left: 12px; padding-right: 12px; }
.col-micro-81 { flex: 0 0 auto; width: 81%; padding-left: 12px; padding-right: 12px; }
.col-micro-82 { flex: 0 0 auto; width: 82%; padding-left: 12px; padding-right: 12px; }
.col-micro-83 { flex: 0 0 auto; width: 83%; padding-left: 12px; padding-right: 12px; }
.col-micro-84 { flex: 0 0 auto; width: 84%; padding-left: 12px; padding-right: 12px; }
.col-micro-85 { flex: 0 0 auto; width: 85%; padding-left: 12px; padding-right: 12px; }
.col-micro-86 { flex: 0 0 auto; width: 86%; padding-left: 12px; padding-right: 12px; }
.col-micro-87 { flex: 0 0 auto; width: 87%; padding-left: 12px; padding-right: 12px; }
.col-micro-88 { flex: 0 0 auto; width: 88%; padding-left: 12px; padding-right: 12px; }
.col-micro-89 { flex: 0 0 auto; width: 89%; padding-left: 12px; padding-right: 12px; }

.col-micro-90 { flex: 0 0 auto; width: 90%; padding-left: 12px; padding-right: 12px; }
.col-micro-91 { flex: 0 0 auto; width: 91%; padding-left: 12px; padding-right: 12px; }
.col-micro-92 { flex: 0 0 auto; width: 92%; padding-left: 12px; padding-right: 12px; }
.col-micro-93 { flex: 0 0 auto; width: 93%; padding-left: 12px; padding-right: 12px; }
.col-micro-94 { flex: 0 0 auto; width: 94%; padding-left: 12px; padding-right: 12px; }
.col-micro-95 { flex: 0 0 auto; width: 95%; padding-left: 12px; padding-right: 12px; }
.col-micro-96 { flex: 0 0 auto; width: 96%; padding-left: 12px; padding-right: 12px; }
.col-micro-97 { flex: 0 0 auto; width: 97%; padding-left: 12px; padding-right: 12px; }
.col-micro-98 { flex: 0 0 auto; width: 98%; padding-left: 12px; padding-right: 12px; }
.col-micro-99 { flex: 0 0 auto; width: 99%; padding-left: 12px; padding-right: 12px; }
.col-micro-100 { flex: 0 0 auto; width: 100%; padding-left: 12px; padding-right: 12px; }

.col-micro-offset-0 { margin-left: 0%; }
.col-micro-offset-1 { margin-left: 1%; }
.col-micro-offset-2 { margin-left: 2%; }
.col-micro-offset-3 { margin-left: 3%; }
.col-micro-offset-4 { margin-left: 4%; }
.col-micro-offset-5 { margin-left: 5%; }
.col-micro-offset-6 { margin-left: 6%; }
.col-micro-offset-7 { margin-left: 7%; }
.col-micro-offset-8 { margin-left: 8%; }
.col-micro-offset-9 { margin-left: 9%; }

.col-micro-offset-10 { margin-left: 10%; }
.col-micro-offset-11 { margin-left: 11%; }
.col-micro-offset-12 { margin-left: 12%; }
.col-micro-offset-13 { margin-left: 13%; }
.col-micro-offset-14 { margin-left: 14%; }
.col-micro-offset-15 { margin-left: 15%; }
.col-micro-offset-16 { margin-left: 16%; }
.col-micro-offset-17 { margin-left: 17%; }
.col-micro-offset-18 { margin-left: 18%; }
.col-micro-offset-19 { margin-left: 19%; }

.col-micro-offset-20 { margin-left: 20%; }
.col-micro-offset-21 { margin-left: 21%; }
.col-micro-offset-22 { margin-left: 22%; }
.col-micro-offset-23 { margin-left: 23%; }
.col-micro-offset-24 { margin-left: 24%; }
.col-micro-offset-25 { margin-left: 25%; }
.col-micro-offset-26 { margin-left: 26%; }
.col-micro-offset-27 { margin-left: 27%; }
.col-micro-offset-28 { margin-left: 28%; }
.col-micro-offset-29 { margin-left: 29%; }

.col-micro-offset-30 { margin-left: 30%; }
.col-micro-offset-31 { margin-left: 31%; }
.col-micro-offset-32 { margin-left: 32%; }
.col-micro-offset-33 { margin-left: 33%; }
.col-micro-offset-34 { margin-left: 34%; }
.col-micro-offset-35 { margin-left: 35%; }
.col-micro-offset-36 { margin-left: 36%; }
.col-micro-offset-37 { margin-left: 37%; }
.col-micro-offset-38 { margin-left: 38%; }
.col-micro-offset-39 { margin-left: 39%; }

.col-micro-offset-40 { margin-left: 40%; }
.col-micro-offset-41 { margin-left: 41%; }
.col-micro-offset-42 { margin-left: 42%; }
.col-micro-offset-43 { margin-left: 43%; }
.col-micro-offset-44 { margin-left: 44%; }
.col-micro-offset-45 { margin-left: 45%; }
.col-micro-offset-46 { margin-left: 46%; }
.col-micro-offset-47 { margin-left: 47%; }
.col-micro-offset-48 { margin-left: 48%; }
.col-micro-offset-49 { margin-left: 49%; }

.col-micro-offset-50 { margin-left: 50%; }
.col-micro-offset-51 { margin-left: 51%; }
.col-micro-offset-52 { margin-left: 52%; }
.col-micro-offset-53 { margin-left: 53%; }
.col-micro-offset-54 { margin-left: 54%; }
.col-micro-offset-55 { margin-left: 55%; }
.col-micro-offset-56 { margin-left: 56%; }
.col-micro-offset-57 { margin-left: 57%; }
.col-micro-offset-58 { margin-left: 58%; }
.col-micro-offset-59 { margin-left: 59%; }

.col-micro-offset-60 { margin-left: 60%; }
.col-micro-offset-61 { margin-left: 61%; }
.col-micro-offset-62 { margin-left: 62%; }
.col-micro-offset-63 { margin-left: 63%; }
.col-micro-offset-64 { margin-left: 64%; }
.col-micro-offset-65 { margin-left: 65%; }
.col-micro-offset-66 { margin-left: 66%; }
.col-micro-offset-67 { margin-left: 67%; }
.col-micro-offset-68 { margin-left: 68%; }
.col-micro-offset-69 { margin-left: 69%; }

.col-micro-offset-70 { margin-left: 70%; }
.col-micro-offset-71 { margin-left: 71%; }
.col-micro-offset-72 { margin-left: 72%; }
.col-micro-offset-73 { margin-left: 73%; }
.col-micro-offset-74 { margin-left: 74%; }
.col-micro-offset-75 { margin-left: 75%; }
.col-micro-offset-76 { margin-left: 76%; }
.col-micro-offset-77 { margin-left: 77%; }
.col-micro-offset-78 { margin-left: 78%; }
.col-micro-offset-79 { margin-left: 79%; }

.col-micro-offset-80 { margin-left: 80%; }
.col-micro-offset-81 { margin-left: 81%; }
.col-micro-offset-82 { margin-left: 82%; }
.col-micro-offset-83 { margin-left: 83%; }
.col-micro-offset-84 { margin-left: 84%; }
.col-micro-offset-85 { margin-left: 85%; }
.col-micro-offset-86 { margin-left: 86%; }
.col-micro-offset-87 { margin-left: 87%; }
.col-micro-offset-88 { margin-left: 88%; }
.col-micro-offset-89 { margin-left: 89%; }

.col-micro-offset-90 { margin-left: 90%; }
.col-micro-offset-91 { margin-left: 91%; }
.col-micro-offset-92 { margin-left: 92%; }
.col-micro-offset-93 { margin-left: 93%; }
.col-micro-offset-94 { margin-left: 94%; }
.col-micro-offset-95 { margin-left: 95%; }
.col-micro-offset-96 { margin-left: 96%; }
.col-micro-offset-97 { margin-left: 97%; }
.col-micro-offset-98 { margin-left: 98%; }
.col-micro-offset-99 { margin-left: 99%; }
.col-micro-offset-100 { margin-left: 100%; }

.ioAdminBox-left {
	padding-left: 4px !important;	
	padding-right: 2px !important;
}

.ioAdminBox-right {
	padding-left: 2px !important;
	padding-right: 4px !important;
}

.btn-success {
  color: #ffffff;
  background-color: #2e8540;
  border-color: #94bfa2;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #000000;
  background-color: #94bfa2;
  border-color: #666666;
}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.hmenu {
	margin: 0px 0px 12px;
	background-color: #f2f2f2;
	border: solid 1px #f0f0f0;
	border-radius: 6px;
}

.no-right-padding {
	padding-right: 0px;
}

.no-left-padding {
	padding-left: 0px;
}

.totalField {
	font-weight: bold;
} 

@media (min-width: 768px) {
  .control-label {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #f2f2f2;
}
.nav-link.disabled {
  color: #999999;
  pointer-events: none;
  cursor: default;
}

.credit {
    margin-bottom: 5px;
    margin-top: 4px;
}

.td-toolbar {
  margin: 2px 1px 2px 0px;
  font-size: 12px;
}

.centre {
	text-align: center !important;
}

.page-header {
  padding-top: 0px;
  padding-bottom: 6px;
  margin: 0px 0 8px;
  border-bottom: 0 none;
}

.page-header h3 {
  padding: 0 0 0 0;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.hr-sm {
	margin-top: 2px;
	margin-bottom: 2px;
}

.no-line {
	border: none !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.version {
	font-size: 11px;
	line-height: 16px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip-inner {
  max-width: 800px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #333;
  border-radius: 4px;
}

/* Responsive
-------------------------------------------------- */

.container-wide {
    width: 1560px;
}


/* Desktop large
------------------------- */
@media (min-width: 1200px) {
 

}

/* Desktop
------------------------- */
@media (max-width: 980px) {

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

}

/* Tablet
------------------------- */
@media (max-width: 767px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  /* Unfloat the back to top link in footer */
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer p {
    margin-bottom: 9px;
  }
  
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  
  body {
    padding-top: 0;
  }

  /* Change up some type stuff */
  h2 small {
    display: block;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

}