@charset "utf-8";
:root {
	--rem-font-size: 16px;
}
* {
  position:relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  	font-family: sans-serif;
  	/*-webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;*/
	font-size:var(--rem-font-size);
}
body {
	background:#FFF;
	margin: 0;
	padding: 0;
	color: #A7A7B7;
}

.frame {
    background:#060405;

	font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-optical-sizing: auto;
	color:#A7A7B7;
	font-weight:350;
	
	overflow:hidden;
}
.frame.site-offline { background-image:url(../images/offline.gif); background-repeat:repeat; background-position:top right; }

header { z-index:3; }
main { z-index:2; }
footer { z-index:1; }

#displayText { background:#CCC; border:1px solid #999; color:#222; }
#displayText h2 { color:#000 !important; }

/* --- page spacing --- */
.pageRow { padding:1em 0; }

.container {
	max-width:1400px;
	margin:0 auto;
}
.padding,
.padding-x,
.padding-y { padding:clamp(14px, 5.5vw, 110px) clamp(24px, 4.1vw, 60px); }
.padding-x { padding-top:0 !important; padding-bottom:0 !important; }
.padding-y { padding-left:0 !important; padding-right:0 !important; }

.margin,
.margin-x,
.margin-y { margin: clamp(50px, calc(40px + 4vw), 110px) auto; }
.margin-x { margin-top:0 !important; margin-bottom:0 !important; }
.margin-y { margin-left:0 !important; margin-right:0 !important; }

/* general */
h1, h2, h3, h4 {
  	font-family:"Montserrat", Helvetica, Arial, sans-serif !important;
  	font-weight:300;
  	letter-spacing:.01em;
    padding:0;
    margin:0;
    line-height:1.3;
}
h1 { color:#000000; font-size: clamp(1.8rem, calc(1.2rem + 3vw), 3.8rem); }
h2 { color:#171717; font-size: clamp(1.8rem, calc(1rem + 1.6vw), 2.6875rem); }
h3 { color:#252525; font-size: clamp(1.4rem, calc(1rem + 1vw), 2.3rem);}
h4 { color:#323232; font-size: clamp(1.2rem, calc(1rem + .7vw), 2rem); }

.sub-hd {
    display:inline-block;
    color:#FF8000;
    font-size: clamp(1.05rem, calc(0.95rem + 0.45vw), 1.4rem) !important;
    font-weight:300 !important;
    margin: 1px 0 0.6em;
    padding: 0;
    line-height: 1.25;
}
.sub-hd b { font-weight:500; }


.txt-xxs  { font-size:0.7em !important; }
.txt-xs   { font-size:0.875em !important; }
.txt-sm   { font-size:0.95em !important; }
/* normal = 1em */
.txt-lg   { font-size:1.05em !important; }
.txt-xl   { font-size:1.125em !important; }
.txt-xxl  { font-size:1.25em !important; }

.txt-thin 		{ font-weight:300 !important; }
.txt-bold 		{ color:#203030; font-weight:500; }
.txt-bolder		{ color:#172324; font-weight:700; }

.txt-info		{ font-style:italic; opacity:0.75; font-size:0.875em !important; }
.txt-info--sm	{ font-size:0.75em !important; }
.txt-info--xs	{ font-size:0.82em !important; }
.txt-info--lg	{ font-size:0.95em !important; }

a.txt-link {
  color: #8a5a18;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-color: rgba(138, 90, 24, 0.45);
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

a.txt-link:hover {
  color: #5f3d10 !important;
  text-decoration-color: #5f3d10 !important;
}

a.txt-link:focus-visible {
  outline: 2px solid #c49a45;
  outline-offset: 3px;
}

.txt-error 		{ font-size:1.1em; font-weight:bold; color:#F00; }
.txt-red 		{ color:#C00 !important;; }
.txt-grn 		{ color:#090 !important;; }
.txt-orn 		{ color:#ED5306 !important;; }
.txt-blu 		{ /*color:#00008C !important;;*/ color:#0086B9 !important; } 
.txt-gry 		{ color:#AAA !important;;}
.txt-dark		{ color:#003133 !important;; }
.txt-blk 		{ color:#000 !important;; }
.txt-wht 		{ color:#FFF !important;; }
.txt-yel		{ color:#FFD24C !important;; }

.clr {clear:both;}
.br { display:block; }
.hidden { visibility:hidden; }


/* Screen-reader-only utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* --- Divider --- */
hr.bar { border:0; height:3px; background-color:#ED5306; margin:5em auto; }
hr.bar-short { width:25%; max-width:250px; }

.img-responsive-full { display:block; width:100%; height:auto; }

.timeZone { font-weight:300; font-size:0.8em; }
.border-radius { border-radius:6px; }

.loading-background-blk { background: #000 url(../images/loading_spinner_bck.gif) no-repeat center; }
.loading-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#CAD6D9;
	border: 1px dotted #999;
	z-index:2;
}
.loading-box .lds-roller {
	/* see base.css -> .lds-roller */
	position:absolute;
	top:50%; left:50%;
	width:80px; height:80px;
	margin:-40px 0 0 -40px;
}
.loading-box .lds-roller div:after { background:#042974; }

.item-overlay {
    display: -webkit-flex;
    display: flex;
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%; 
	background:#FED700DD; opacity: 0;
    overflow: auto;
    transition: .5s ease;
	-webkit-align-items: center;
    align-items: center;
	text-decoration:none;
}
.item-overlay-content { width:100%; color:#FFF; }
.item-overlay-icon { font-size:4em; }
.item-overlay-text { padding:1px 15px 30px 15px; font-size:2em; line-height:110%; }
.item-overlay:hover { opacity:1; }

sup { font-size:0.6em; }

.inner-boarder:before { content:""; display:block; position:absolute; top:4px; right: 4px; bottom:4px; left:4px; border:1px solid #FFF; opacity:0.4; }

.box-shadow { box-shadow:0 1px 12px #282828; }
a.box-shadow:hover { box-shadow:0 1px 12px #FFF; }


/* BUTTONS -> see buttons.css */


/* ------------------------------------------------------------
   Page UP / Back To Top
------------------------------------------------------------ */

#pageUp {
  position:fixed;
  right:24px;
  bottom:24px;

  z-index:999;

  opacity:0;
  visibility:hidden;

  transform:translateY(12px);

  transition:
    opacity .28s ease,
    transform .28s ease,
    visibility .28s;
}

/* visible state */
#pageUp.active {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

#pageUp a {
  display:flex;
  align-items:center;
  justify-content:center;

  width:56px;
  height:56px;

  border-radius:50%;

  color:#333;
  text-decoration:none;

  background: rgba(255,255,255,.65);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  box-shadow: 0 10px 28px rgba(0,0,0,.18);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

#pageUp a i {
  	font-size:1rem;
}
#pageUp a img {
  display:block; width:35%;
}

/* hover */
#pageUp a:hover {
	color:#000;
	background: #F5F4BC;
  	transform: translateY(-3px);
  	box-shadow: 0 16px 34px rgba(0,0,0,.22);
}

/* mobile */
@media only screen and (max-width:600px){

  #pageUp {
    right:18px;
    bottom:18px;
  }

  #pageUp a {
    width:50px;
    height:50px;
  }

}


/* ------------------------------------------------------------
   CSS Loader / Spinner -> Roller
------------------------------------------------------------ */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* CSS Loader / Spinner -> Ellipsis */
.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}
.lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 40px;
  margin:0 auto;
}
.lds-ellipsis div {
  position: absolute;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/* ------- LIST RESULTS ------- */
#main .tblBox {
	position:relative;
	padding:0.5em 0.5em;
	margin:0.5em auto;
	text-align:left;
	font-size:17px;
	font-weight:400;
}
table.listTbl, table.listTblAlt {
	border-collapse:collapse;
	width:100%;
	margin:0;
}
table tr.listTblHd {
	color:#222;
	font-weight:bold;
	border-bottom:2px solid #BBB;
}
table tr.listTblsub-hd {
	font-weight:bold;
	font-style:italic;
	border-bottom:2px solid #BBB;
}
table.listTbl tbody tr {
    cursor: pointer;
}
table.listTbl td.leftLine, 
table.listTblAlt td.leftLine { border-left:1px solid #CCC; }
table.tblLg, .tblLg { font-size:1.05em; }
table.tblMd, .tblMd { font-size:0.9em; }
table.tblSm, .tblSm { font-size:0.85em; }

table.listTbl td, 
table.listTblAlt td { padding:0.4em 5px; }
table.tblMd td 		{ padding:0.3em 4px; }
table.tblSm td 		{ padding:0.2em 3px; }

.claimTbl table tr.listTblHd { border:none; }
.rowOdd  { background:#FFF; }
.rowEven { background:#FAF9DC; }
/*table.listTbl tr:nth-child(odd), 
table.listTblAlt tr:nth-child(odd) { background:#FFF; }
table.listTbl tr:nth-child(even), 
table.listTblAlt tr:nth-child(even) { background:#FAF9DC; }*/
table tr.trLine { height:1px; background:#DDD; }
table tr.trLine td { padding:0; }
table tr td.amountCol { min-width:70px; }
table tr td .tdDate { display:inline-block; width:150px; }
table tr td .tdStatus { text-align:right; display:inline-block; width:100px; padding-left:5px; }

table tr.rowSelected { background:#F5F4BC; color:#000; cursor:pointer;}
table tr.rowViewed   { background:#FFCC99; color:#000; cursor:pointer;}

.row-blk		{ color:#111; }
.row-grn		{ color:#360; }
.row-blu		{ color:#036; }
.row-brn		{ color:#A6611C; }
.row-gry		{ color:#999; }
.row-red		{ color:#C00; }
.row-bold		{ font-weight:500; }
.row-bolder		{ font-weight:700; }

.row-win    	{ color:#360; font-weight:bold; }
.row-de-active  { color:#CCC; font-weight:300; }


/* Message Box */
#displayMsg { padding-top:1px; padding-bottom:1px; background:#2C4E69; }
.msg-box {
	position:relative;
	color:#CC0000 !important;
	padding:1em 2em 0.9em;
	margin:1.5em auto 2em;
	background:#FFECEC;
	border:3px solid #FFCACA;
	border-radius:7px;
	text-align:left;
	line-height:140%;
	box-shadow:0px 1px 2px #333;
	font-size:0.92em;
	font-weight:400;
}
.msg-box p { font-size:1em; padding:0.1em 0 !important; margin:0.2em 0 !important; z-index:1; }
.msg-box a.btn-rt { z-index:2; }
.msg-box p.msg-box-hd { color:#E00; font-size:1.13em; font-weight:700; }
.msg-box a.txt-link { color:#E00; }
.msg-box > b,
.msg-box p:first-child > b { font-size: calc(1em + 2px); font-weight:600; }
.msg-box i, 
.msg-box em { color:#900; font-size:0.9em; font-weight:400; }
.msg-box ul { padding:0.2em 0 0.5em 2em; margin:0; }
.msg-box ul li { margin:0; padding:0.2em 0; }

.msg-box-grn {
	color:#060 !important;
	background:#DFF3D6;
	border-color:#BAE8A4;
}
.msg-box-grn b { color:#050; }
.msg-box-grn i, 
.msg-box-grn em { color:#060; }

.msg-box-orn {
	color:#B25900 !important;
	background:#FFCC99;
	border-color:#FF8000;
}
.msg-box-orn a.txt-link,
.msg-box-orn b { color:#B22D00; }
.msg-box-orn i, 
.msg-box-orn em { color:#B25900; }

.msg-box-amb {
	color:#B25900 !important;
	background:#FFDC73;
	border-color:#FFA64D;
}
.msg-box-amb a.txt-link,
.msg-box-amb b { color:#8C4600; }
.msg-box-amb i, 
.msg-box-amb em { color:#B25900; }

.msg-box-gry {
	color:#999 !important;
	background:#EEE;
	border-color:#DDD;
}
.msg-box-gry a.txt-link,
.msg-box-gry b { color:#777 !important; }
.msg-box-gry i, 
.msg-box-gry em { color:#BBB; }


/* Header Nav Scrolbar */
@media only screen and (min-width: 600px) {
  /* Chrome */
  .scrollBar::-webkit-scrollbar {
	width:4px;
  }
  
  .scrollBar::-webkit-scrollbar-track {
	background-color: #111;
	/*box-shadow: inset 0 0 5px #000; */
	border-radius: 15px;
  }
  
  .scrollBar::-webkit-scrollbar-thumb {
	background-color:#222;
	border-radius: 15px;
	/*border: 1px solid #333;*/
  }
  
  .scrollBar::-webkit-scrollbar-button {
	background-color: #222;
	border-radius: 15px;
  }
  
  .scrollBar::-webkit-scrollbar-thumb:hover {
	background: #333; 
  }
  
  /* IE */
  .scrollBar {
	scrollbar-face-color:#222; 
	scrollbar-shadow-color:#111; 
	scrollbar-highlight-color:#333;
  }
  
  /* FireFox */
  .scrollBar {
	scrollbar-color: #222 #111;
	scrollbar-width: thin;
  }
  
  /* View Scrollbar */
  .scrollBar {
	overflow-y: scroll;
	overflow-x: hidden;
  }
}


@media all and (min-width: 769px) and (max-width: 1150px) {
	
	/* Message Box */
	.msg-box { border-width:3px; }

}
@media all and (min-width: 769px) and (max-width: 1024px) {
	:root {
		--rem-font-size: 15px;
	}
}
@media all and (max-width: 768px) {
	:root {
		--rem-font-size: 14px;
	}
	/* table */
	table tr td .tdDate { width:120px; }
	table tr td .tdStatus { width:90px; }
	
	/* logos */
    .logos .img { width:33%; }
	
	/* followUsSideBar */
	#followUsSideBar { display:none; } 
}
@media only screen and (max-width: 700px) {
	
	/* table */
	table.listTbl, 
	table.listTblAlt 			{ line-height: 130%; }
	table.tblLg, .tblLg 		{ font-size:1em; }
	table.tblMd, .tblMd 		{ font-size:0.85em; }
	table.tblSm, .tblSm 		{ font-size:0.8em; }
	table.listTbl td, 
	table.listTblAlt td 		{ padding:0.6em 5px; }
	table.tblMd td 				{ padding:0.5em 4px; }
	table.tblSm td 				{ padding:0.4em 3px; }
	table td.amountCol			{ min-width:20px; }
	table thead tr td .tdDate,
	table thead tr td .tdStatus { display:none; }
	table tr td .tdDate,
	table tr td .tdStatus,
	table tr td .tdFname 		{ display:block; width:auto; font-size:0.8em; font-style:italic; padding-bottom:3px; }
	table tr td .tdStatus 		{ padding:3px 0 0; }
	table.listTbl tbody tr, 
	table.listTblAlt tbody tr 	{ border-bottom:1px solid #DDD; }
}
@media only screen and (max-width: 450px) {
	
	/* tables */
	table.listTbl, 
	table.listTblAlt 	{ font-size:0.8em; }
	table.tblLg, .tblLg { font-size:0.85em; }
	table.tblMd, .tblMd { font-size:0.75em; }
	table.tblSm, .tblSm { font-size:0.7em; }
}
@media only screen and (max-width: 400px) {
	
    .logos .img { width:40%; }
}
@media only screen and (max-width: 374px) {
	
	/* tables */
	table.listTbl, 
	table.listTblAlt 	{ font-size:0.75em; }
	table.tblLg, .tblLg { font-size:0.8em; }
	table.tblMd, .tblMd { font-size:0.7em; }
	table.tblSm, .tblSm { font-size:0.65em; }
}