/**
 *					CUSTOM CSS
 * @author			TRUEVAL LLC
 * @copyright		2024 TRUEVAL LLC
 * @license			none, all rights reserved
 */

body {font-family:Arial, Helvetica, sans-serif;font-size:1rem;background:#fff;}

/* ----- navbar -------------------------------------------------------------------------------- */
.navbar {z-index:100;background:#000;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.2);}
ul.navbar-nav {padding:0;}	
.nav-link {color:#fff !important;font-size:.8125rem;letter-spacing:1px;font-weight:700;padding:13px 18px 10px 18px;border:1px dashed transparent !important;}
.nav-link:hover {border:1px dotted #fff !important;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}

/* ----- brand --------------------------------------------------------------------------------- */
a.brand {font-size:2.5rem;color:#000 !important;font-weight:300 !important;text-decoration:none;outline:none;}
a.brand:hover {cursor:pointer;text-decoration:none;color:#6d837d !important;}
a.logo {color:#fff !important;font-size: 2.5rem; !important;font-weight:700;text-decoration:none;outline:none;}
a.logo:hover {cursor:pointer;text-decoration:none;color:#e0e0e0 !important;}

/* ----- dropdown-menu ------------------------------------------------------------------------- */
.dropdown-menu {padding:1rem .5rem;box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);}}
.dropdown-toggle::after {display:none;}
.dropdown-item {font-size:.8125rem;padding:.25rem 1rem;}
a.dropdown-item:hover {background:#e0e4e2;color:#000;}
.dropdownHdr {background:#8a9a92 !important;color:#fff;font-size:.8125rem;letter-spacing:1px;font-weight:700 !important;width:100%;padding:.5rem 1rem; }
.smallContainer {width:320px;padding:.5rem;}
.newsContainer {width:420px;padding:1rem;}
ul.dropdown-menu>li button.dropdown-item:focus{background:#70bd59 !important;}

/* ----- drop down multi menu -------------------------------------------------------------------- */
.dropdown-menu li {position: relative;}
.dropdown-menu .dropdown-submenu01, .dropdown-menu .dropdown-submenu02, .dropdown-menu .dropdown-submenu03 {display: none;position: absolute;}
.dropdown-menu .dropdown-submenu-left {right: 90%;left: auto;}
.dropdown-menu > li:hover > .dropdown-submenu01 {display: block;top:-28px;left: 90%;}
.dropdown-menu > li:hover > .dropdown-submenu02 {display: block;top:-56px;left: 90%;}
.dropdown-menu > li:hover > .dropdown-submenu03 {display: block;top:-56px;left: 90%;}

/* ----- content ------------------------------------------------------------------------------- */
#content {padding:0 0 24px 0;}

/* ----- footer -------------------------------------------------------------------------------- */
footer {margin-top:24px;border-top:1px solid #bdbdbd;}
/* ----- footer videoBar ----- */
.vidBox {position:relative;text-align:center;padding:0;width:100%;height:160px;}
#vidBG {width:2560px;height:160px;}
.vidText {position: absolute;font-size:.75rem;top:55%;left:50%;transform: translate(-50%, -50%);}
video { filter: opacity(25%); }
/* ----- footer media ----- */
@media (max-width: 1199px) { .vidBox {background: #e0e4e2;} #vidBG { display: none;} }

/* ----- accordion ----------------------------------------------------------------------------- */
.accordion-button:not(.collapsed) {background:#e0e0e0 !important;padding:1.5rem;font-size:1.5rem !important;transition: all 1s ease-in-out;}			/*transition: color 2s ease-in-out, background 1.5s ease-in-out, box-shadow none !important;}*/
.accordion-button {padding:1.5rem;font-size:1.5rem !important;transition: all 1s ease-in-out;}			/*transition: color 2s ease-in-out, background 1.5s ease-in-out, box-shadow none !important;}*/
.accordion-button:focus {box-shadow:none !important;}
.accordion-body {padding:0rem !important;}

/* ----- general ------------------------------------------------------------------------------- */
a {text-decoration:none;}
.top24{padding-top:24px;}
.top36{padding-top:36px;}
.top48{padding-top:48px;}
.top64{padding-top:64px;}
.top96{padding-top:96px;}
.bot24{padding-bottom:24px;}
.bot48{padding-bottom:48px;}
.bot96{padding-bottom:96px;}
.w100 {width:100%;}
ul{list-style-type:none;padding:.5rem 0;}
ol {list-style-type: square;}
.cur {cursor:pointer !important;}
img {height: auto;max-width: 100%;}
.error {font-size:.6875rem;color:#d50000;margin-top:.25rem;}
.errorMsg {font-size:1rem;color:#d50000;margin:0 1rem 0 1rem;display:none;}
.form-control {border: 1px solid #002147;}
.form-control:focus {box-shadow:none;}
.form-control {height:50px;padding:.75rem;}

.icon:hover, .plusIcon:hover {text-decoration:none;}
.bold {font-weight:700;}
.list-inline-item {font-size:1rem;padding:1rem 1rem;}
.instruction {font-size:.6875rem;padding-top:8px;}

/* ----- date time ----------------------------------------------------------------------------- */
.dtResult {font-size:.8125rem;color:#000;}
.nwStr {color:#000;font-size:1.55rem;}			/*font-weight:700;font-size:1.5rem;}*/

/* ----- input --------------------------------------------------------------------------------- */
.input-group-text {padding: 0.125rem 0.75rem;background:#fff;;border: 1px solid #002147;}
.input-group-text:hover, .input-group-text:active {background:#e0e0e0;}
input[class=drop] {padding-left:.5rem;font-size:.8125rem;}
input[class=drop]:focus {background:lightyellow;}
.inputTyp {font-size:1rem;width:100%;padding:.75rem;;border: 1px solid #002147;}

/* ----- select -------------------------------------------------------------------------------- */
.form-select, .form-select:visited {padding:.5rem 1.5rem;border-radius:0 !important;border: 1px solid #002147;}
.form-select:focus {box-shadow:none;}

/* ----- custom select ------------------------------------------------------------------------- */
.custom-select {width:203px;padding:5px 6px;}			/*#af6900 !important;border-radius:0 !important;}*/
.custom-select:focus {box-shadow:none;}
.custom-select > option:hover {background:#002147 !important;color:#fff !important;box-shadow:none;}

/* ----- close box ----------------------------------------------------------------------------- */
.closeBox {float:right;margin-right:12px;padding:4px 8px 2px 8px;font-size:16px;background:white;}

/* ----- header -------------------------------------------------------------------------------- */
.hdr01 {font-size: 3rem;color:#000;font-weight:700;text-align:center;padding:1.5rem;border-bottom:1px solid #000;}

/* ----- tables -------------------------------------------------------------------------------- */
.tblTitle {font-size:1.5rem !important;background:#ede5d8 !important;color:#000 !important;padding: 1.5rem 0 1rem 0 !important;text-align: center !important;border-top: 2px solid black;}			/background:#3C2A23 !important;color:#fff !important;padding: 1.5rem 0 1rem 0 !important;text-align: center !important;}*/
.table, .investTable, .infoTable, .listTable {border:1px solid #bdbdbd !important;}
.investTable th {background:#eee;font-size:.75rem;font-weight:700;color:#212121;text-align:right;}		/*border-top:1px solid #616161 !important;border-bottom:1px solid #616161 !important;}*/
.investTable td {background:#fff;font-size:.75rem;text-align:right;}	//padding:.5rem;}
.infoTable {vertical-align:middle;}
.infoTable th {background:#eee;font-size:.8125rem;font-weight:700;color:#212121;text-align:center;padding:1.25rem .5rem;}
.infoTable td {background:#fff;font-size:.8125rem;text-align:center;padding:.5rem;}
.listTable th {background:#e0e4e2;padding:1rem .5rem;font-size:.6875rem;color:#212121;text-align:center;border:1px solid #e0e0e0 !important;}
.listTable td {font-size:.6875rem;padding:.75rem .5rem 0 .5rem;text-align:center;border:1px solid #e0e0e0 !important;}
.tblHdr {padding:3rem 1rem 1.5rem 1rem;text-align:center;background:#f5f5f5;color:#002147;letter-spacing:1px;border:1px solid #bdbdbd;}
.tblHdrL {padding:1rem 1.5rem .5rem 1.5rem !important;text-align:left !important;background:#9e9e9e !important;color:#fff !important;;}
.tblFtr td {padding:.75rem .5rem;font-weight:700;background:#f5f5f5;}
.totalFtr td {padding:.75rem .5rem;background:#bdbdbd !important;font-weight:700;border-top:1px solid #212121;border-bottom:1px solid #212121;}
.bLeft {border-left:solid 1px #bdbdbd;}
/* table hover background */
.table { --bs-table-hover-bg: #eee !important; }
.w16 {width:16%;}
.w34 {width:34%;}

/* ----- tabs ---------------------------------------------------------------------------------- */
.nav-tabs {border-bottom: 1px solid #0000ff;}
.nav-link.active {border-color: #0000ff #0000ff #fff #0000ff !important;}

/* ----- font size ----------------------------------------------------------------------------- */
.h7 {font-size:.8125rem;letter-spacing:.08%;}
.h8 {font-size:.6875rem;letter-spacing:.07%}
h7 {font-size:.8125rem;letter-spacing:.08%;}
h8 {font-size:.6875rem;letter-spacing:.07%}

/* ----- colors -------------------------------------------------------------------------------- */
.black {color:#000 !important;}
.white {color:#fff !important;}
.red {color:#F44336 !important;}
.gray {color:#757575 !important;}
.gray:hover {color:#df1b3b !important;}

/* ----- backgrounds --------------------------------------------------------------------------- */
.whiteBG {background:#fff;}
.blueBG {background: #5C6BC0 !important;}
.grayBG {background:#e0e0e0 !important;}
.platinumBG {background:#e0e4e2 !important;color:#424242 !important;}
.navyBG {background:#002147 !important;color:#fff !important;}	
.yellowBG {background:#ffd65c !important;}
.italianRedBG {background:#df1b3b !important;color:#fff;}
.alabasterBG {background:#ede5d8 !important;color:#000 !important;padding: 1.5rem 1rem !important;text-align: center !important;border-top: 2px solid black !important;}

/* ----- borders ------------------------------------------------------------------------------- */
.borderBlack {border: 1px solid black;}
.borderGray {border: 1px solid #bdbdbd;}

/* ----- buttons ------------------------------------------------------------------------------- */
.btn01, .btn01:visited{font-size:.6875rem;font-weight:400;text-align:center;background:#fff;color:#000;padding:4px;width:100%;border:1px solid #002147 !important;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;cursor: pointer;}	
.btn01:hover, .btn01:focus{background:#6d837d !important;color:#fff;text-decoration:none;outline:none;}
.btn02, .btn02:visited{font-size:.8125rem;width:100%;padding:.75rem 2.25rem;background:#002147;color:#fff;border-radius:0;-webkit-transition-duration: 0.75s;transition-duration: 0.75s;cursor: pointer;}
.btn02:hover, .btn02:focus{background:#9e9e9e;box-shadow:none;}
.btn03, .btn03:visited {font-size:1rem;font-weight:400;padding:1rem 3rem;background:#000;color:#fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;}
.btn03:hover, .btn03:focus {background:#C5CAE9;border:1px solid #000;}
.btn04, .btn04:visited  {font-size:.6875rem;background:#fff !important;padding:1rem;border:1px solid #000;color:#000;-webkit-transition-duration: 0.75s;transition-duration: 0.75s;cursor: pointer;}
.btn04:hover, .btn04:focus {background:#6d837d !important;color:#fff !important;text-decoration:none;outline:none;}
.btn05, .btn05:visited  {font-size:.6875rem;background:transparent;border:none;text-decoration:none;}
.btn05:hover, .btn05:focus {color:#8C9EFF !important;}
.btn06, .btn06:visited {font-size:.6875rem;padding:.25rem .5rem;color:#757575 !important;text-align:right !important;}
.btn06:hover {color:red !important;}
.btn07, .btn07:visited {font-size:.6875rem;color:red;background:none;border:none;text-decoration:none;}
.btn07:hover, .btn07:focus {color:red;}
.btnYellow, .btnYellow:visited  {font-size:.6875rem;background:#ffc759 !important;color:#000 !important;padding:.5rem 1rem .5rem 1rem;border:1px solid #000 !important;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;cursor: pointer;}
.btnYellow:hover, .btnYellow:focus {background:#000 !important;color:#fff !important;text-decoration:none;outline:none;}
.btnRed, .btnRed:visited  {font-size:.6875rem;background:#df1b3b !important;color:#000 !important;padding:.5rem 1rem .5rem 1rem;border:1px solid #000 !important;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;cursor: pointer;}
.btnRed:hover, .btnRed:focus {background:#000 !important;color:#fff !important;text-decoration:none;outline:none;}
.btnPink {background:#ffb5c2;border:1px solid black;font-size:.8125rem;margin-left:16px;padding:11px 16px 0 16px;}
.btnPink:hover {background:#ffc107;}
/* ----- arrow button -------------------------------------------------------------------------- */
.btn-arrow {
	border-radius: 4px;
	background-color: #002147;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: .75rem;
	padding: 12px 20px;
	/*width: 240px;*/
	margin: 5px;
	cursor: pointer;
	transition: all 0.5s;
  }
.btn-arrow span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;}
.btn-arrow span:after {
	/*content:  '<svg xmlns='http://www.w3.org/2000/svg' width="24px" height="24px" viewBox='0 0 32 32'><title>3-Arrow Right</title><g id='3-Arrow_Right' data-name='3-Arrow Right'><path d='M31.71,15.29l-10-10L20.29,6.71,28.59,15H0v2H28.59l-8.29,8.29,1.41,1.41,10-10A1,1,0,0,0,31.71,15.29Z' stroke="white"/></g></svg>';*/
	content: '\2794';
	font-size:16px;
	position: absolute;
	opacity: 0;
	top: -2px;
	right: -20px;
	transition: 0.5s;
}
.btn-arrow:hover span {padding-right: 25px;}
.btn-arrow:hover span:after {opacity: 1;right: 0;}

/* ----- button animation --------------------------------------------------------------------- */
.slide:hover, .slide:focus {box-shadow: inset 500px 0 0 0 #002147;}
.pulse:hover, .pulse:focus {-webkit-animation: pulse 1s;animation: pulse 1s;box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);}
@-webkit-keyframes pulse {  0% {box-shadow: 0 0 0 0 #82cbff;} }
@keyframes pulse { 0% {box-shadow: 0 0 0 0 #82cbff;} } 

/* ----- datepicker ---------------------------------------------------------------------------- */
.datepicker {width:203px;padding:1px 8px;color:#757575;}

/* ----- remove spinner arrows from number input boxes ----------------------------------------- */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* ----- search - autocomplete ----------------------------------------------------------------- */
svg {margin:2px 0 0 0;}
input[type=search] {
    /*padding-left: 1rem !important;*/
    margin-bottom: 1rem;
    font-size: .75rem;
    border: none;
    outline: none;
    color: #ede5d8;			/*#ffc759;*/
    background: transparent;
    border-bottom: 1px solid #ede5d8;			/*#ffc759;*/
    width: 200px;height: 24px;
}
input[type="search"]::-webkit-search-cancel-button {display:none !important;}
.searchBox:hover, .searchBox:focus {width: 200px;height: 24px;}
.searchBoxLabel {
  position: absolute;
  pointer-events: none;
  font-size:.75rem;
  left: 4px;
  top: 20px;
  color:#ede5d8;
  transition: 0.2s ease all;
}
input:focus ~ .searchBoxLabel, input:not(:focus):valid ~ .searchBoxLabel {top: -1px;}
#searchResult {
	position:absolute;
	top:0;
	right:0;
	/*display: none;
	z-index:1000;
	list-style: none;*/
	font-size:.75rem;
	padding: 0rem;
	width: 320px;
	background:#fff;
	box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);
}

/* ----- image slide ----------------------------------------------------------------------- */
.vert-move {-webkit-animation: mover 1.65s;animation: mover 1.65s;}
@-webkit-keyframes mover { 0% { transform: translateY(-150%);opacity:0; } 100% { transform: translateY(0);opacity:1; } }
@keyframes mover { 0% { transform: translateY(-150%);opacity:0; } 100% { transform: translateY(0);opacity:1; } }

/* ----- slide up on pageload ------------------------------------------------------------------ */
/*
.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 2s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 2s ease-in 1 normal forwards;
       -o-animation: reveal 2s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 2s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}
.animate-first {
  -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.animate-second {
  -webkit-animation-delay: 1.3s;
     -moz-animation-delay: 1.3s;
       -o-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.animate-third {
  -webkit-animation-delay: 1.75s;
     -moz-animation-delay: 1.75s;
       -o-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.animate-forth {
  -webkit-animation-delay: 2.75s;
     -moz-animation-delay: 2.75s;
       -o-animation-delay: 2.75s;
          animation-delay: 2.75s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
*/

/* ----- hamburg to X -------------------------------------------------------------------------- 
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0;}
.navbar-toggler span {
   display: block;
   background-color: #212121;
   height: 3px;
   width: 24px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   right: 0;
   opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    right: 24px;
    top: 25px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 24px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    right: 24px;
    top: 25px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}
*/
/* ----- media queries ------------------------------------------------------------------------- */

/* Small devices (landscape phones, 576px and up) ---------------------------------------------- */
@media (min-width: 576px) {
	/*
	a.brand {font-size: 3rem; !important;font-weight:700;text-decoration:none;outline:none;}
	label {top: 164px !important;}
	*/
}

/* Medium devices (tablets, 768px and up) ------------------------------------------------------ */
@media (min-width: 768px) {
	/*
	label {top: 184px !important;}
	#accountInvestTable, #accountBankTable {font-size:.75rem !important;}
	*/
}

/* Large devices (desktops, 992px and up) ------------------------------------------------------ */
/*
@media (min-width: 992px) {
}
*/

/* ----- Extra large devices (large desktops, 1200px and up) ----------------------------------- */
@media only screen and (min-width: 1200px) {
	/* ----- video ------------------------------------------------------------------------- */
	video { display: block !important; }
	
	/* ----- brand ------------------------------------------------------------------------- */
	a.brand {font-size: 3rem;font-weight:700 !important;text-decoration:none;outline:none;}
}


/* wide screen 1400px and up ------------------------------------------------------------------- */
@media only screen and (min-width: 1400px) {
	.container {max-width:1340px;}
}