/* Reset conflicting rules from ShipNetwork CDN stylesheets */
h1 {
  font-size: 2.5rem !important;
  font-weight: 700;
  margin-top: 0 !important;
}
h2 {
  font-size: 2rem !important;
  font-weight: 700;
  margin-top: 0 !important;
}
h3 {
  font-size: 1.75rem !important;
  margin-top: 0 !important;
}
h4 {
  font-size: 1.5rem !important;
  margin-top: 0 !important;
}
h5 {
  font-size: 1.25rem !important;
}
h6 {
  font-size: 1rem !important;
}
.section {
  padding: 0;
}
header {
  position: static;
}
.nav-page {
  position: relative !important;
}
nav.navbar {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.contentContainer {
  padding-top: 1rem;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons.md-light {
  color: #ffffff;
}
.navSub .rect {
  height: 100%;
  width: 210px;
  background-color: #040c33;
}
.navSub .navItemOn .rect {
  height: 50px;
  width: 210px;
  display: flex;
  background-color: #040c33;
}
.navSub .navItemOn .rect .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 50px;
  margin-top: 2px;
  color: #FFFFFF;
}
.navSub .navItemOn .rect .text a {
  color: #FFFFFF;
}
.navSub .navItemOff .rect {
  height: 50px;
  width: 210px;
  display: flex;
  background-color: #040c33;
}
.navSub .navItemOff .rect .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 50px;
  margin-top: 2px;
  color: #FFFFFF;
}
.navSub .navItemOff .rect .text a {
  color: #FFFFFF;
}
.navSub i {
  margin: 16px;
}
.navMain {
  height: 60px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
}
.navMain .rect {
  color: #96acc0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
  display: flex;
}
.navMain .rect .logo {
  height: 23px;
  width: 120px;
  margin-left: 45px;
  margin-top: 19px;
}
.navMain .rect .text {
  height: 22px;
}
.navMain .rect .text.slogan {
  width: 545px;
  margin-left: 75px;
  margin-top: 19px;
}
.navMain .rect .text.greeting {
  width: 233px;
  margin-right: 45px;
  margin-left: auto;
  margin-top: 19px;
  text-align: right;
}
.navMain .rect .text.greeting a {
  color: #96acc0;
}
.widget {
  margin: 0 30px 30px 0;
}
.widget .headerLine {
  font-family: 'Open Sans', sans-serif;
  display: flex;
}
.widget .headerLine .header1 {
  color: #040c33;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  flex-grow: 1;
}
.widget .headerLine .header2 {
  color: #96acc0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
.widget .info {
  margin-top: 19px;
  color: #f3a504;
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 26px;
  width: 100%;
}
.widget .background {
  height: 120px;
  width: 270px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.tabContainer {
  height: 60px;
  width: 100%;
  background-color: #f9f9f9;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  display: flex;
}
.tabContainer .tabOn .rect {
  height: 60px;
  width: 156px;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: inset -1px 0 0 0 #EEEEEE;
}
.tabContainer .tabOn .rect .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding-top: 20px;
  color: #00a0f6;
}
.tabContainer .tabOff .rect {
  height: 60px;
  width: 156px;
  cursor: pointer;
  background-color: #f9f9f9;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  border-right: 1px solid #E9E9E9;
}
.tabContainer .tabOff .rect .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding-top: 20px;
  color: #96acc0;
}
.modal-content .modal-header h5 {
  text-align: center;
  width: 100%;
}
.modal-content .modal-body input,
.modal-content .modal-body select,
.modal-content .modal-body textarea {
  max-width: 100%;
}
.modal-content .modal-body input[type=checkbox] {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-appearance: none;
  outline: 0;
  min-width: unset;
  border: none;
}
.modal-content .modal-body input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIj48L3JlY3Q+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAwIDYwMCkgc2NhbGUoMC42OSAwLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiM4NGM0NDciPjxzdmcgZmlsbD0iIzg0YzQ0NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBmaWxsPSIjODRjNDQ3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNTQsNi45OTYxMDAyMiBDMzU0LDUuMzQxMzk5NzYgMzU1LjMzNDI2LDQgMzU2Ljk5NjEsNCBMMzgzLjAwMzksNCBDMzg0LjY1ODYsNCAzODYsNS4zMzQyNTk1MSAzODYsNi45OTYxMDAyMiBMMzg2LDMzLjAwMzg5OTggQzM4NiwzNC42NTg2MDAyIDM4NC42NjU3NCwzNiAzODMuMDAzOSwzNiBMMzU2Ljk5NjEsMzYgQzM1NS4zNDE0LDM2IDM1NCwzNC42NjU3NDA1IDM1NCwzMy4wMDM4OTk4IEwzNTQsNi45OTYxMDAyMiBaIE0zNjAuNzA3MTA3LDIxLjcwNzEwNjggTDM2NS42NDEyMjQsMjYuNjQxMjI0MSBMMzY1LjY0MTIyNCwyNi42NDEyMjQxIEMzNjYuNDAwMjgzLDI3LjQwMDI4MzMgMzY3LjYyMzIwNywyNy40MjQ3MzIgMzY4LjQxMTk5OCwyNi42OTY2MTc0IEwzNzkuMjM1MjE3LDE2LjcwNTk1MzcgTDM3OS4yMzUyMTcsMTYuNzA1OTUzNyBDMzc5LjY0MTAzOCwxNi4zMzEzNSAzNzkuNjY2MzQ0LDE1LjY5ODY5MDkgMzc5LjI5MTc0LDE1LjI5Mjg3MDIgQzM3OS4yODI3MDEsMTUuMjgzMDc3NyAzNzkuMjczNDY3LDE1LjI3MzQ2NjkgMzc5LjI2NDA0MywxNS4yNjQwNDM1IEwzNzguNjc0MjM2LDE0LjY3NDIzNjMgTDM3OC42NzQyMzYsMTQuNjc0MjM2MyBDMzc4LjI5Njc4OCwxNC4yOTY3ODc5IDM3Ny42ODk0MzEsMTQuMjgyMzM1MiAzNzcuMjk0NDU3LDE0LjY0MTQwMyBMMzY3LjM1Mjc3MiwyMy42NzkyOTg1IEwzNjcuMzUyNzcyLDIzLjY3OTI5ODUgQzM2Ny4xNTUyODQsMjMuODU4ODMyNCAzNjYuODUxNjA2LDIzLjg1MTYwNjEgMzY2LjY2Mjg4MiwyMy42NjI4ODE5IEwzNjIuNzA3MTA3LDE5LjcwNzEwNjggTDM2Mi43MDcxMDcsMTkuNzA3MTA2OCBDMzYyLjMxNjU4MiwxOS4zMTY1ODI1IDM2MS42ODM0MTgsMTkuMzE2NTgyNSAzNjEuMjkyODkzLDE5LjcwNzEwNjggTDM2MC43MDcxMDcsMjAuMjkyODkzMiBMMzYwLjcwNzEwNywyMC4yOTI4OTMyIEMzNjAuMzE2NTgyLDIwLjY4MzQxNzUgMzYwLjMxNjU4MiwyMS4zMTY1ODI1IDM2MC43MDcxMDcsMjEuNzA3MTA2OCBMMzYwLjcwNzEwNywyMS43MDcxMDY4IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTApIj48L3BhdGg+PC9zdmc+PC9nPjwvc3ZnPg==");
}
.modal-content .modal-body input[type=checkbox]:not(:checked) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIj48L3JlY3Q+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAwIDYwMCkgc2NhbGUoMC42OSAwLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiM4NGM0NDciPjxzdmcgZmlsbD0iIzg0YzQ0NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4wIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIwLDR2MTZINFY0SDIwIE0yMCwySDRDMi45LDIsMiwyLjksMiw0djE2YzAsMS4xLDAuOSwyLDIsMmgxNmMxLjEsMCwyLTAuOSwyLTJWNEMyMiwyLjksMjEuMSwyLDIwLDJMMjAsMnoiPjwvcGF0aD48L2c+PC9zdmc+PC9nPjwvc3ZnPg==");
}
.modal-content .checks {
  margin: 0;
  padding: 0;
  display: flex;
}
.modal-content .checks .col {
  display: flex;
  height: 25px;
}
.modal-content .text {
  padding-top: 5px;
  font-size: 14px;
  line-height: 22px;
}
.modal-content form {
  box-shadow: none;
}
.modal-content .modal-footer {
  justify-content: space-evenly;
  border-top: 0;
}
.modal-content .modal-footer .btn {
  width: 100px;
}
.modal-content .modal-footer .btn-secondary {
  background-color: #f3a504;
}
.modal-content .modal-footer .btn-primary {
  background-color: #00a0f6;
}
#manageAutoRefilForm .text {
  padding-top: 0px;
}
button,
.btn {
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
  border: none;
  text-decoration: none;
  box-sizing: border-box;
  height: 42px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #00a0f6, #adc6ff) !important;
  margin-right: 20px;
}
button:hover,
.btn:hover {
  background-image: linear-gradient(90deg, #f3a504, #ffc26c) !important;
  color: #040c33 !important;
}
button:disabled,
.btn:disabled,
button[disabled],
.btn[disabled] {
  background-image: linear-gradient(90deg, #6c757d, #9ba4ae) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  cursor: not-allowed;
  opacity: 0.65;
}
button:focus-visible,
.btn:focus-visible {
  outline: 2px solid #00a0f6;
  outline-offset: 2px;
}
abutton,
a.btn {
  line-height: 42px !important;
  padding-top: 0;
}
.content {
  width: 100%;
  margin: 30px;
}
.content h5 {
  padding: 10px 0 0 0;
  font-size: 28px;
  color: #96acc0;
}
.content .contentArea {
  display: flex;
  flex-wrap: wrap;
}
.content .contentArea .section {
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  padding-bottom: 32px;
}
.content .contentArea .section .item .btn {
  margin: 14px;
  min-width: 208px;
}
.content .contentArea .section .item .row {
  display: flex;
}
.content .contentArea .section .item .row .col {
  width: auto;
  flex-grow: unset;
  margin-right: 20px;
}
.content .contentArea .section .item .row .col button {
  margin-top: 22px;
}
.content .contentArea .section .col .btn {
  min-width: unset;
}
.content .contentArea .section header {
  display: flex;
  border: none;
  flex-wrap: nowrap;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  padding-bottom: 0px;
}
.content .contentArea .section header h4 {
  color: #00a0f6;
  font-size: 24px;
  padding: 10px;
  display: inline-block;
  margin-right: 20px;
  border: none;
  width: 100%;
}
.content .contentArea .section .right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  flex: 1;
}
.content .contentArea h4 {
  color: #00a0f6;
  font-size: 22px;
  padding: 0 0 0 17px;
  border-bottom: 1px solid #eee;
  text-align: left;
  line-height: 50px;
}
.content header {
  display: flex;
  padding-bottom: 30px;
  flex-wrap: wrap;
  width: 100%;
}
.content header h4 {
  padding: 10px 0 0 0;
  font-size: 28px;
  color: #96acc0;
}
.content header .right {
  text-align: right;
  flex: 1;
}
.content header button {
  min-width: 120px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body,
html {
  height: 100%;
}
body {
  line-height: 1;
  background-color: #040c33;
  background-image: linear-gradient(rgba(4, 12, 51, 0.85), rgba(4, 12, 51, 0.85)), url("https://cdn.prod.website-files.com/62c7655349d9e17aad25bb35/69f8d1751aa69efb6e2d1861_WantsToScale.avif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
ol,
ul {
  list-style: none;
}
ol .mobileMenu,
ul .mobileMenu {
  width: 100%;
  padding: 0 0 0 0;
}
ol .mobileMenu .hide,
ul .mobileMenu .hide {
  display: none;
}
ol .mobileMenu li,
ul .mobileMenu li {
  background: #fff;
  color: #96acc0;
}
ol .mobileMenu li ul a,
ul .mobileMenu li ul a {
  padding: 15px 15px 15px 20px;
}
ol .mobileMenu a,
ul .mobileMenu a {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #00a0f6;
  text-transform: uppercase;
}
ol .mobileMenu a :hover,
ul .mobileMenu a :hover {
  color: #D10536;
}
blockquote,
q {
  quotes: none;
}
blockquote :before,
q :before,
blockquote :after,
q :after {
  content: '';
  content: none;
}
footer {
  position: relative;
  text-align: left;
  margin: 20px auto 20px auto;
  color: #96acc0;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  background-color: #ececec;
  min-height: calc(100% - 60px);
}
@media (min-width: 0px) {
  .container {
    max-width: unset;
  }
}
.deleteBtn {
  background: url("../../../images/TrashCan.svg") no-repeat;
  background-color: transparent;
  background-size: 64px 64px;
  width: 64px;
  height: 64px;
  margin: 0px;
}
.graphic {
  text-align: center;
}
.list-group-item {
  text-align: left;
  justify-content: center;
}
.consent-scopecheck {
  height: auto;
  width: auto;
  min-width: auto;
  min-height: auto;
}
.form-check {
  display: flex;
}
.lead {
  margin-left: 2rem;
}
.contentContainer img,
.contentArea img {
  max-width: 100%;
}
.contentContainer .hero,
.contentArea .hero {
  width: 870px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.contentContainer .hero header,
.contentArea .hero header {
  color: #040c33;
  font-family: 'Open Sans', sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 59px;
  text-align: center;
  margin-bottom: 22px;
}
.contentContainer .hero .info,
.contentArea .hero .info,
.contentContainer .hero label,
.contentArea .hero label,
.contentContainer .hero a,
.contentArea .hero a {
  color: #96acc0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 39px;
}
.contentContainer .hero .info a,
.contentArea .hero .info a,
.contentContainer .hero label a,
.contentArea .hero label a,
.contentContainer .hero a a,
.contentArea .hero a a {
  text-decoration: none;
  color: #96acc0;
}
.contentContainer .hero a.btn,
.contentArea .hero a.btn {
  color: #FFF;
}
.contentContainer .hero .btn,
.contentArea .hero .btn {
  text-align: center;
}
.contentContainer .hero .widget,
.contentArea .hero .widget {
  border-radius: 4px;
  background-color: transparent;
  box-shadow: none;
  padding: 20px;
  text-align: center;
  display: inline-block;
}
.contentContainer .hero .widget .row,
.contentArea .hero .widget .row {
  display: flex;
  padding: 0;
  margin-bottom: 18px;
}
.contentContainer .hero .widget .row.compact,
.contentArea .hero .widget .row.compact {
  margin-bottom: 4px;
}
.contentContainer .hero .widget .row .col,
.contentArea .hero .widget .row .col {
  width: 100%;
}
.contentContainer .hero .widget .row .right,
.contentArea .hero .widget .row .right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  flex: 1;
}
.contentContainer .hero .widget .row .btn,
.contentArea .hero .widget .row .btn {
  min-width: unset;
  max-width: unset;
  width: 170px;
}
.contentContainer .hero .widget .rect,
.contentArea .hero .widget .rect,
.contentContainer .hero .widget ul li,
.contentArea .hero .widget ul li,
.contentContainer .hero .widget div ul li,
.contentArea .hero .widget div ul li {
  width: 430px;
  margin: 30px;
}
.contentContainer .hero .widget .rect form,
.contentArea .hero .widget .rect form,
.contentContainer .hero .widget ul li form,
.contentArea .hero .widget ul li form,
.contentContainer .hero .widget div ul li form,
.contentArea .hero .widget div ul li form {
  box-shadow: none;
  background: transparent;
}
.contentContainer .hero .widget .rect .text,
.contentArea .hero .widget .rect .text,
.contentContainer .hero .widget ul li .text,
.contentArea .hero .widget ul li .text,
.contentContainer .hero .widget div ul li .text,
.contentArea .hero .widget div ul li .text {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.contentContainer .hero .widget .rect .text-danger,
.contentArea .hero .widget .rect .text-danger,
.contentContainer .hero .widget ul li .text-danger,
.contentArea .hero .widget ul li .text-danger,
.contentContainer .hero .widget div ul li .text-danger,
.contentArea .hero .widget div ul li .text-danger {
  color: #f56565 !important;
}
.contentContainer .hero .widget .rect .text-danger ul,
.contentArea .hero .widget .rect .text-danger ul,
.contentContainer .hero .widget ul li .text-danger ul,
.contentArea .hero .widget ul li .text-danger ul,
.contentContainer .hero .widget div ul li .text-danger ul,
.contentArea .hero .widget div ul li .text-danger ul,
.contentContainer .hero .widget .rect .text-danger li,
.contentArea .hero .widget .rect .text-danger li,
.contentContainer .hero .widget ul li .text-danger li,
.contentArea .hero .widget ul li .text-danger li,
.contentContainer .hero .widget div ul li .text-danger li,
.contentArea .hero .widget div ul li .text-danger li {
  color: #f56565 !important;
}
.contentContainer .hero .widget .rect .text-success,
.contentArea .hero .widget .rect .text-success,
.contentContainer .hero .widget ul li .text-success,
.contentArea .hero .widget ul li .text-success,
.contentContainer .hero .widget div ul li .text-success,
.contentArea .hero .widget div ul li .text-success {
  color: #48bb78 !important;
}
.contentContainer .hero .widget .rect label,
.contentArea .hero .widget .rect label,
.contentContainer .hero .widget ul li label,
.contentArea .hero .widget ul li label,
.contentContainer .hero .widget div ul li label,
.contentArea .hero .widget div ul li label {
  color: rgba(255, 255, 255, 0.85);
}
.contentContainer .hero .widget .rect a,
.contentArea .hero .widget .rect a,
.contentContainer .hero .widget ul li a,
.contentArea .hero .widget ul li a,
.contentContainer .hero .widget div ul li a,
.contentArea .hero .widget div ul li a {
  color: rgba(255, 255, 255, 0.75);
}
.contentContainer .hero .widget .rect a:hover,
.contentArea .hero .widget .rect a:hover,
.contentContainer .hero .widget ul li a:hover,
.contentArea .hero .widget ul li a:hover,
.contentContainer .hero .widget div ul li a:hover,
.contentArea .hero .widget div ul li a:hover {
  color: #f3a504;
}
.contentContainer .hero .widget .rect input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]),
.contentArea .hero .widget .rect input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]),
.contentContainer .hero .widget ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]),
.contentArea .hero .widget ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]),
.contentContainer .hero .widget div ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]),
.contentArea .hero .widget div ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]) {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}
.contentContainer .hero .widget .rect input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder,
.contentArea .hero .widget .rect input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder,
.contentContainer .hero .widget ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder,
.contentArea .hero .widget ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder,
.contentContainer .hero .widget div ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder,
.contentArea .hero .widget div ul li input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox])::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.contentContainer .hero .widget .rect input,
.contentArea .hero .widget .rect input,
.contentContainer .hero .widget ul li input,
.contentArea .hero .widget ul li input,
.contentContainer .hero .widget div ul li input,
.contentArea .hero .widget div ul li input,
.contentContainer .hero .widget .rect select,
.contentArea .hero .widget .rect select,
.contentContainer .hero .widget ul li select,
.contentArea .hero .widget ul li select,
.contentContainer .hero .widget div ul li select,
.contentArea .hero .widget div ul li select,
.contentContainer .hero .widget .rect textarea,
.contentArea .hero .widget .rect textarea,
.contentContainer .hero .widget ul li textarea,
.contentArea .hero .widget ul li textarea,
.contentContainer .hero .widget div ul li textarea,
.contentArea .hero .widget div ul li textarea {
  max-width: 100%;
}
.contentContainer .hero .widget .rect .list-group .list-group-item input[type=checkbox],
.contentArea .hero .widget .rect .list-group .list-group-item input[type=checkbox],
.contentContainer .hero .widget ul li .list-group .list-group-item input[type=checkbox],
.contentArea .hero .widget ul li .list-group .list-group-item input[type=checkbox],
.contentContainer .hero .widget div ul li .list-group .list-group-item input[type=checkbox],
.contentArea .hero .widget div ul li .list-group .list-group-item input[type=checkbox],
.contentContainer .hero .widget .rect input[type=checkbox],
.contentArea .hero .widget .rect input[type=checkbox],
.contentContainer .hero .widget ul li input[type=checkbox],
.contentArea .hero .widget ul li input[type=checkbox],
.contentContainer .hero .widget div ul li input[type=checkbox],
.contentArea .hero .widget div ul li input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  outline: 0;
  min-width: unset;
  vertical-align: middle;
  flex-shrink: 0;
}
.contentContainer .hero .widget .rect input[type=checkbox]:checked,
.contentArea .hero .widget .rect input[type=checkbox]:checked,
.contentContainer .hero .widget ul li input[type=checkbox]:checked,
.contentArea .hero .widget ul li input[type=checkbox]:checked,
.contentContainer .hero .widget div ul li input[type=checkbox]:checked,
.contentArea .hero .widget div ul li input[type=checkbox]:checked {
  background-color: #00a0f6;
  border-color: #00a0f6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4 10-10' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.contentContainer .hero .widget .rect input[type=checkbox]:not(:checked),
.contentArea .hero .widget .rect input[type=checkbox]:not(:checked),
.contentContainer .hero .widget ul li input[type=checkbox]:not(:checked),
.contentArea .hero .widget ul li input[type=checkbox]:not(:checked),
.contentContainer .hero .widget div ul li input[type=checkbox]:not(:checked),
.contentArea .hero .widget div ul li input[type=checkbox]:not(:checked) {
  background-image: none;
}
.contentContainer .hero .widget .rect input[type=checkbox]:focus-visible,
.contentArea .hero .widget .rect input[type=checkbox]:focus-visible,
.contentContainer .hero .widget ul li input[type=checkbox]:focus-visible,
.contentArea .hero .widget ul li input[type=checkbox]:focus-visible,
.contentContainer .hero .widget div ul li input[type=checkbox]:focus-visible,
.contentArea .hero .widget div ul li input[type=checkbox]:focus-visible {
  outline: 2px solid #00a0f6;
  outline-offset: 2px;
}
.contentContainer .hero .widget .rect .password-input-wrapper,
.contentArea .hero .widget .rect .password-input-wrapper,
.contentContainer .hero .widget ul li .password-input-wrapper,
.contentArea .hero .widget ul li .password-input-wrapper,
.contentContainer .hero .widget div ul li .password-input-wrapper,
.contentArea .hero .widget div ul li .password-input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.contentContainer .hero .widget .rect .password-input-wrapper .toggle-password,
.contentArea .hero .widget .rect .password-input-wrapper .toggle-password,
.contentContainer .hero .widget ul li .password-input-wrapper .toggle-password,
.contentArea .hero .widget ul li .password-input-wrapper .toggle-password,
.contentContainer .hero .widget div ul li .password-input-wrapper .toggle-password,
.contentArea .hero .widget div ul li .password-input-wrapper .toggle-password {
  align-self: flex-end;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  user-select: none;
  white-space: nowrap;
  margin-bottom: 4px;
}
.contentContainer .hero .widget .rect .password-input-wrapper .toggle-password:hover,
.contentArea .hero .widget .rect .password-input-wrapper .toggle-password:hover,
.contentContainer .hero .widget ul li .password-input-wrapper .toggle-password:hover,
.contentArea .hero .widget ul li .password-input-wrapper .toggle-password:hover,
.contentContainer .hero .widget div ul li .password-input-wrapper .toggle-password:hover,
.contentArea .hero .widget div ul li .password-input-wrapper .toggle-password:hover {
  color: #f3a504;
}
.contentContainer .hero .widget label.remember-me,
.contentArea .hero .widget label.remember-me {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 1;
}
.contentContainer .hero .widget .checks,
.contentArea .hero .widget .checks {
  margin: 0;
  padding: 0;
  display: flex;
}
.contentContainer .hero .widget .checks .col,
.contentArea .hero .widget .checks .col {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contentContainer .hero .widget .checks .col .text,
.contentArea .hero .widget .checks .col .text {
  padding-top: 5px;
  font-size: 14px;
  line-height: 22px;
}
.contentContainer .hero .widget .checks .col .text label,
.contentArea .hero .widget .checks .col .text label {
  font-family: 'Open Sans', sans-serif;
}
.contentContainer .hero .widget .text,
.contentArea .hero .widget .text {
  padding-top: 5px;
  font-size: 14px;
  line-height: 22px;
}
.contentContainer .aboutLink,
.contentArea .aboutLink,
.contentContainer .contactLink,
.contentArea .contactLink,
.contentContainer .privacyLink,
.contentArea .privacyLink,
.contentContainer .login,
.contentArea .login {
  max-width: 740px;
  text-align: center;
  margin: auto;
  color: #f3a504;
}
.contentContainer footer {
  position: relative;
  margin-top: 20px;
  width: 100%;
}
.contentContainer footer p {
  text-align: center;
}
.introNav {
  padding: 30px 10px 30px 10px;
  margin: auto;
}
.introNav .wrap {
  max-width: 1200px;
  padding: 0 10px;
  margin: auto;
}
.introNav .wrap .split {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.introNav .accountTxt {
  padding: 1px 0 0 0;
  font-size: 15px;
  color: #96acc0;
}
@media (min-width: 500px) {
  .introNav .accountTxt {
    padding: 14px 0 0 0;
    text-align: center;
    margin: 4px 20px 0 0;
  }
}
.introNav .aboutLink,
.introNav .contactLink,
.introNav .privacyLink {
  display: inline-block;
  color: #96acc0;
}
.introNav .aboutLink:hover,
.introNav .contactLink:hover,
.introNav .privacyLink:hover {
  color: #f3a504;
}
@media (min-width: 500px) {
  .introNav .aboutLink,
  .introNav .contactLink,
  .introNav .privacyLink {
    padding: 13px 0 0 0;
  }
}
.introNav .aboutLink {
  margin: 0 0 0 0;
}
.introNav .contactLink {
  margin: 0 0 0 20px;
}
.introNav .privacyLink {
  margin: 0 0 0 20px;
}
.introNav a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
.introNav a .active {
  color: #f3a504;
}
.introNav a .btn {
  display: none;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  width: 100px;
  padding: 13px;
  color: #fff;
}
@media (min-width: 500px) {
  .introNav a .btn {
    display: block;
  }
}
.introNav a .btnMobile {
  margin: 20px 0 0 0;
  display: block;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  padding: 13px;
  color: #fff;
}
@media (min-width: 500px) {
  .introNav a .btnMobile {
    display: none;
  }
}
.mainHeader {
  position: relative;
  height: 60px;
  margin: auto;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.mainHeader #logo {
  position: absolute;
  top: 20px;
  left: 25px;
}
.mainHeader .text {
  padding: 24px 0 0 210px;
  color: #96acc0;
  font-size: 15px;
}
@media (min-width: 0) and (max-width: 768px) {
  .mainHeader .text {
    display: none;
  }
}
.mainHeader .hello {
  position: absolute;
  top: 24px;
  right: 120px;
  color: #96acc0;
  font-size: 15px;
}
@media (min-width: 0) and (max-width: 560px) {
  .mainHeader .hello {
    display: none;
  }
}
@media (min-width: 768px) {
  .mainHeader .hello {
    right: 82px;
  }
}
.mainHeader .logout {
  display: none;
  position: absolute;
  top: 24px;
  right: 65px;
  color: #96acc0;
  font-size: 15px;
  text-decoration: none;
}
@media (min-width: 400px) {
  .mainHeader .logout {
    display: block;
  }
}
@media (min-width: 768px) {
  .mainHeader .logout {
    right: 25px;
  }
}
#overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.3);
}
.ui-dialog {
  border: 2px solid black;
  padding: 10px;
  background: #fff;
  z-index: 999;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 5px;
  background-color: #040c33;
  color: white;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #f3a504;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 13px;
  float: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: inline-flex;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  display: block;
  border-radius: 3px;
  background: #f3a504;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 15px;
  letter-spacing: 0;
  text-align: center;
  width: 170px;
  padding: 13px;
  color: #fff;
  margin: auto;
  cursor: pointer;
}
.boxes {
  flex-wrap: wrap;
  display: flex;
}
.boxes .box {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  border-radius: 4px;
  padding: 20px;
  width: auto;
}
@media (min-width: 0) and (max-width: 650px) {
  .boxes .box {
    margin: 3% 0 0 0;
    width: 100%;
  }
}
@media (min-width: 650px) and (max-width: 1100px) {
  .boxes .box {
    width: 40%;
  }
}
.boxes .box.currentBalance h3 {
  color: #2ECC71;
}
.boxes .box.pendingFunds h3 {
  color: #D10536;
}
.boxes .box.totalSpent h3 {
  color: #00a0f6;
}
.boxes .box.autoRefil .row {
  margin: 10px;
}
.boxes .box.autoRefil .notice {
  font-size: 44px;
  color: #2ECC71;
}
.boxes h6 {
  color: #040c33;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.boxes h3 {
  color: #f3a504;
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 26px;
  margin-top: 13px;
  margin-bottom: 33px;
}
#tabs ul {
  display: inline-flex;
}
@media (max-width: 900px) {
  #tabs ul {
    display: block;
    text-align: left;
  }
  #tabs ul .btn {
    width: 200px;
  }
}
.options {
  margin: 0px;
}
.options .col {
  max-width: unset;
  flex-grow: unset;
  margin-right: 25px;
}
.options .dateSelector {
  min-width: 210px;
  padding-left: 0px;
}
.options .last .btn {
  margin: 0;
  margin-left: auto;
}
.ui-tabs {
  width: 100%;
}
.ui-tabs .ui-tabs-nav {
  display: inline-flex;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab .btn {
  background-color: #040c33;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active .btn {
  background-color: #f3a504;
}
#changePasswordForm {
  width: 400px;
  text-align: left;
}
#change-password-form .password-input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#change-password-form .password-input-wrapper .toggle-password {
  align-self: flex-end;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  user-select: none;
  margin-bottom: 4px;
}
#change-password-form .password-input-wrapper .toggle-password:hover {
  color: rgba(255, 255, 255, 0.9);
}
.change-password-instructions {
  font-size: 14px;
}
.change-password-instructions p {
  color: rgba(255, 255, 255, 0.8) !important;
  margin-bottom: 4px;
  line-height: 1.5 !important;
}
.pin-instructions {
  font-size: 14px;
}
.pin-instructions p {
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.5 !important;
}
.pin-links {
  margin-top: 8px;
  text-align: center;
}
.pin-links .pin-link-item {
  padding: 3px 0;
}
.pin-links a {
  margin-bottom: 0 !important;
  display: inline !important;
}
.link-btn {
  background: none;
  border: none;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
.link-btn:hover {
  color: #fff;
}
.login p {
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.5 !important;
}
.required {
  color: red;
  font-weight: bold;
}
.text-danger {
  display: block;
}
.nav-pills {
  flex-direction: column;
}
.nav-pills li {
  margin-bottom: 4px;
}
.nav-pills li a {
  color: white;
  background-color: #040c33;
  display: block;
  padding: 8px 14px;
  border-radius: 4px;
  text-decoration: none;
}
.nav-pills li a:hover {
  background-color: #f3a504;
  color: #FFFFFF;
  text-decoration: none;
}
.nav-pills li.active a {
  background-color: #f3a504;
  color: #FFFFFF;
}
.nav-pills .nav-link {
  color: white;
  background-color: #040c33;
}
.nav-pills .nav-link.current,
.nav-pills .nav-link.active {
  background-color: #f3a504;
}
select,
input {
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  height: 42px;
  color: #96acc0;
  font-size: 14px;
  line-height: 21px;
  min-width: 302px;
}
input {
  padding-left: 15px;
}
select {
  background: linear-gradient(0deg, #f9f9f9 0%, #FFFFFF 100%);
}
form,
table {
  width: 100%;
  margin: 0;
  background: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
form .validation-summary-errors,
table .validation-summary-errors {
  margin: 10px 0 10px 17px;
}
form .row,
table .row {
  padding: 10px 27px;
  margin: 0 0 10px 0;
}
form .row.last,
table .row.last {
  padding-bottom: 10px;
}
form .row.left .btn,
table .row.left .btn {
  margin-left: 5px;
}
form .row .col,
table .row .col {
  width: 100%;
  padding: 0px;
}
@media (min-width: 425px) and (max-width: 1200px) {
  form .row .col,
  table .row .col {
    width: 48%;
  }
}
form .row .col .custom-control,
table .row .col .custom-control {
  margin-top: 31px;
}
form .row .col.last,
table .row .col.last {
  flex-grow: 1;
}
form .col,
table .col {
  width: 100%;
}
@media (min-width: 425px) and (max-width: 1200px) {
  form .col,
  table .col {
    width: 48%;
  }
}
form .col.last,
table .col.last {
  flex-grow: 1;
}
form .btnCol,
table .btnCol {
  margin: 11px 0 18px 0;
}
form .wrap,
table .wrap {
  padding: 10px;
}
form .wrap .row,
table .wrap .row {
  margin: 15px 0;
}
form .wrap .row a.forgot,
table .wrap .row a.forgot {
  color: #96acc0;
  font-size: 15px;
  text-decoration: none;
}
form .wrap .row .right,
table .wrap .row .right {
  text-align: right;
}
form .wrap .row .split,
table .wrap .row .split {
  padding: 10px 0 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
form .wrap .row .item span,
table .wrap .row .item span {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  padding: 3px 0 0 10px;
}
form .wrap .row span,
table .wrap .row span {
  color: #96acc0;
  font-size: 15px;
}
form .text,
table .text {
  color: #040c33;
  text-align: center;
  font-size: 18px;
  padding: 0 0 20px 0;
}
form .input,
table .input {
  width: 100%;
  padding: 5px;
  margin: 5px;
  border-radius: 4px;
  color: #96acc0;
  font-size: 16px;
  max-width: 300px;
}
form .input :focus,
table .input :focus {
  border: 1px solid #00a0f6;
  outline: 0;
}
form label,
table label {
  display: block;
  font-family: 'Open Sans', sans-serif;
  color: #040c33;
  font-size: 13px;
  padding: 5px 0px 5px 5px;
  width: 100%;
}
form .btn,
table .btn {
  display: block;
  border-radius: 3px;
  background: #f3a504;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 15px;
  letter-spacing: 0;
  text-align: center;
  width: 170px;
  padding: 13px;
  padding-top: 10px;
  color: #fff;
  margin: auto;
  cursor: pointer;
}
form h4,
table h4 {
  color: #00a0f6;
  font-size: 18px;
  padding: 20px 0 15px 20px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.paymentArea {
  width: 100%;
}
table th {
  background: #F4F6F6;
  color: #040c33;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
table td {
  font-size: 15px;
  color: #96acc0;
  border-bottom: 1px solid #eee;
  max-width: 1px;
}
table td.posMoney {
  color: green;
  font-weight: 500;
}
table td.negMoney {
  color: red;
  font-weight: 500;
}
table td.right {
  text-align: right;
}
table td:first-child {
  padding: 0px 27px;
}
table th,
table td {
  padding: 5px 20px;
  text-align: left;
}
.TypeChoices h3,
.DateRanges h3,
.PagerChoices h3 {
  color: #00a0f6;
  font-size: 18px;
  padding: 0 0 0 17px;
  border-bottom: 1px solid #eee;
  text-align: left;
  line-height: 50px;
  width: 100%;
}
.TypeChoices .pill_btn {
  height: 40px;
  display: inline-block;
  float: left;
  margin: 10px;
}
.TypeChoices .pill_btn input:checked + label {
  opacity: 1;
  background-color: #f3a504;
  color: #fff;
}
.TypeChoices .pill_btn label {
  background-color: #96acc0;
  color: black;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  font-size: 15px;
  padding: 12px 0;
  margin: 0px 10px;
  text-align: center;
  border-radius: 10px;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.TypeChoices .pill_btn input {
  position: absolute;
  z-index: -1;
}
#TransactionChoicesForm #TransactionChoices {
  display: none;
}
#TransactionChoicesForm .holder {
  display: inline-block;
  width: 100%;
}
#TransactionChoicesForm .holder .dateSelector {
  display: none;
}
#TransactionChoicesForm .holder .section {
  float: left;
  width: 100%;
}
#TransactionChoicesForm .holder .section .label {
  width: 250px;
}
#TransactionChoicesForm .holder .section.Submit {
  float: left;
  margin: 10px 0px 10px 10px;
}
#TransactionChoicesForm .holder .section.Submit .btn {
  height: 40px;
  padding: 8px 10px;
  display: inline-block;
  width: auto;
  border-radius: 10px;
  background-color: #f3a504;
}
.altColor1 {
  background-color: #D10536;
}
#mobileTrigger {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 42px;
  background: url("../../images/shape.svg") no-repeat;
  background-size: 45px 42px;
}
@media (min-width: 768px) {
  #mobileTrigger {
    display: none;
  }
}
.mobileMenu {
  width: 100%;
  padding: 0 0 0 0;
  display: none;
}
ul.mobileMenu.hide {
  display: none;
}
ul.mobileMenu li {
  background: #fff;
  color: #000;
}
ul.mobileMenu li ul a {
  padding: 15px 15px 15px 20px;
}
ul.mobileMenu a {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #233D8E;
  text-transform: uppercase;
}
ul.mobileMenu a:hover {
  color: #D10536;
}
@media (min-width: 768px) {
  .mobileMenu {
    display: none;
  }
}
.privacy {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.9) !important;
  max-width: 1200px;
  padding-top: 30px;
}
.privacy .topic {
  margin-bottom: 20px;
}
.privacy .topic h4 {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 20px !important;
  padding-bottom: 20px;
}
.privacy .topic h1 {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 25px !important;
  font-weight: bold;
  margin-bottom: 0px;
}
.privacy .topic h2 {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 17px !important;
  font-weight: bold;
  margin-bottom: 0px;
}
.privacy .topic p {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 15px;
  text-align: justify;
  margin-bottom: 0px;
}
.privacy .topic ul {
  list-style: disc;
  margin-left: 20px;
}
.privacy .topic h2 + ul {
  margin-top: 20px;
}
.privacy .topic h1 + ul {
  margin-top: 20px;
}
.privacy .topic p + p {
  padding-top: 0px;
}
.privacy .topic li {
  color: rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 5px;
  font-size: 15px;
}
.privacy .topic strong {
  font-weight: bold;
}
.privacy a {
  word-wrap: break-word;
}
#showNewPaymentMethodForm .PaymentDetails h4,
#showNewPaymentMethodForm .BillingAddress h4 {
  width: 100%;
}
#showNewPaymentMethodForm .PaymentDetails .item,
#showNewPaymentMethodForm .BillingAddress .item {
  display: flex;
  flex-wrap: wrap;
}
#showNewPaymentMethodForm .PaymentDetails .item input,
#showNewPaymentMethodForm .BillingAddress .item input,
#showNewPaymentMethodForm .PaymentDetails .item select,
#showNewPaymentMethodForm .BillingAddress .item select {
  min-width: 330px;
}
#showNewPaymentMethodForm .PaymentDetails .item .expdate,
#showNewPaymentMethodForm .BillingAddress .item .expdate {
  margin-right: 35px;
  width: 305px;
}
#viewPaymentMethods th,
#viewPaymentMethods td {
  white-space: nowrap;
  max-width: 1px;
  text-align: center;
}
#viewPaymentMethods .col1 {
  width: 76px;
  min-width: 76px;
}
#viewPaymentMethods .col2 {
  width: 250px;
  min-width: 200px;
}
#viewPaymentMethods .col3 {
  width: 220px;
  min-width: 220px;
}
#viewPaymentMethods .col4 {
  width: 200px;
  min-width: 150px;
}
#recentDeposits th,
#recentDeposits td {
  white-space: nowrap;
  max-width: 1px;
}
#recentDeposits th:nth-of-type(1),
#recentDeposits td:nth-of-type(1) {
  text-align: center;
  width: 110px;
  min-width: 110px;
}
#recentDeposits th:nth-of-type(2),
#recentDeposits td:nth-of-type(2) {
  text-align: center;
  width: 200px;
  min-width: 200px;
}
#recentDeposits th:nth-of-type(3),
#recentDeposits td:nth-of-type(3),
#recentDeposits th:nth-of-type(4),
#recentDeposits td:nth-of-type(4),
#recentDeposits th:nth-of-type(5),
#recentDeposits td:nth-of-type(5),
#recentDeposits th:nth-of-type(6),
#recentDeposits td:nth-of-type(6) {
  text-align: right;
  min-width: 110px;
  width: 150px;
}
#recentDeposits th:nth-of-type(7),
#recentDeposits td:nth-of-type(7) {
  text-align: center;
  min-width: 130px;
  width: 130px;
}
#recentDeposits th:nth-of-type(8),
#recentDeposits td:nth-of-type(8) {
  min-width: 150px;
  width: 150px;
}
#recentDeposits th:last-child,
#recentDeposits td:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 200px;
}
#notificationSettings .custom-control {
  margin-top: 10px;
}
#notificationSettings .group {
  border-bottom: 2px solid black;
}
.pageSizeChoice {
  margin-top: 10px;
  margin-right: 30px;
  text-align: right;
}
.pageSizeChoice select {
  width: 100px;
  height: 30px;
  min-width: unset;
}
.pagination-container {
  padding: 19px 27px 19px 27px;
  border-radius: 4px;
  display: flex;
  border-bottom: none;
}
.pagination-container .pagination-header {
  flex-grow: 1;
  font-size: 12px;
  line-height: 18px;
  color: #96acc0;
}
.pagination-container .pagination {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: right;
}
.pagination-container .pagination button {
  color: #96acc0;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  border: 1px solid #E9E9E9;
  background-color: #FFFFFF;
  cursor: pointer;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin: 0;
}
.pagination-container .pagination button[active] {
  border: 1px solid #00a0f6;
  background-color: #00a0f6;
  color: white;
}
.pagination-container .pagination button[disabled] {
  background-color: #ddd;
  color: lightgray;
}
.pagination-container .pagination button:hover:not([disabled]):not([active]) {
  background-color: #E9E9E9;
}
.pagination-container .pagination button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100px;
}
.pagination-container .pagination button:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100px;
}
.extend {
  float: left;
  position: relative;
  top: -4px;
  cursor: pointer;
}
#transactionMasterTable th {
  text-align: center;
}
#transactionMasterTable tr.detailRow {
  display: none;
  background-color: gray;
}
#transactionMasterTable tr.detailRow td {
  text-align: center;
}
#transactionMasterTable .card {
  padding: 20px;
  display: inline-flex;
}
#transactionMasterTable .card .section {
  width: fit-content;
  text-align: left;
  float: left;
}
#transactionMasterTable .card .section .header {
  display: block;
}
#transactionMasterTable .card .section .header .title {
  margin: 0px;
  padding: 0px;
}
#transactionMasterTable .frame {
  margin-right: 20px;
  padding: 10px;
  border: 1px solid;
  border-color: cornflowerblue;
  border-radius: 10px;
  display: inline-block;
  height: 109px;
}
#transactionMasterTable .frame .dimension {
  width: 150px;
}
#transactionMasterTable .frame .dimension .label {
  font-family: 'Open Sans', sans-serif;
  padding-right: 10px;
  float: left;
}
#transactionMasterTable .frame .dimension .value {
  text-align: right;
}
#transactionMasterTable .frame .name {
  font-family: 'Open Sans', sans-serif;
}
#transactionMasterTable .transactionDetails {
  padding: 0px;
  margin: 0px;
}
#transactionMasterTable .transactionDetails .header {
  text-align: left;
}
#transactionMasterTable .transactionDetails .header .title {
  margin: 0px;
  padding: 10px 0px;
}
#transactionMasterTable .transactionDetails table th,
#transactionMasterTable .transactionDetails table td {
  white-space: nowrap;
  max-width: 1px;
}
#transactionMasterTable .transactionDetails table th:nth-of-type(1),
#transactionMasterTable .transactionDetails table td:nth-of-type(1) {
  text-align: center;
  min-width: 275px;
}
#transactionMasterTable .transactionDetails table th:nth-of-type(2),
#transactionMasterTable .transactionDetails table td:nth-of-type(2) {
  text-align: center;
  width: 200px;
  min-width: 200px;
}
#transactionMasterTable .transactionDetails table th:nth-of-type(3),
#transactionMasterTable .transactionDetails table td:nth-of-type(3),
#transactionMasterTable .transactionDetails table th:nth-of-type(4),
#transactionMasterTable .transactionDetails table td:nth-of-type(4),
#transactionMasterTable .transactionDetails table th:nth-of-type(5),
#transactionMasterTable .transactionDetails table td:nth-of-type(5),
#transactionMasterTable .transactionDetails table th:nth-of-type(6),
#transactionMasterTable .transactionDetails table td:nth-of-type(6) {
  text-align: right;
  min-width: 110px;
  width: 150px;
}
#transactionMasterTable .transactionDetails table th:nth-of-type(7),
#transactionMasterTable .transactionDetails table td:nth-of-type(7) {
  text-align: center;
  min-width: 130px;
  width: 130px;
}
#transactionMasterTable .transactionDetails table th:nth-of-type(8),
#transactionMasterTable .transactionDetails table td:nth-of-type(8) {
  min-width: 150px;
  width: 150px;
}
#transactionMasterTable td.idCol,
#transactionMasterTable th.idCol {
  min-width: 127px;
  width: 130px;
  text-align: center;
}
#transactionMasterTable td.trackingCol,
#transactionMasterTable th.trackingCol {
  width: 200px;
  min-width: 200px;
}
#transactionMasterTable td.actionCol,
#transactionMasterTable th.actionCol {
  min-width: 320px;
}
#transactionMasterTable td.transTypeCol,
#transactionMasterTable th.transTypeCol {
  min-width: 150px;
  width: 150px;
}
#transactionMasterTable td.dateCol,
#transactionMasterTable th.dateCol {
  min-width: 150px;
  width: 150px;
}
#transactionMasterTable td.moneyCol,
#transactionMasterTable th.moneyCol {
  min-width: 125px;
  text-align: right;
}
#paymentsMasterTable th {
  text-align: center;
}
#paymentsMasterTable tr.shippingDetailRow {
  display: none;
  background-color: gray;
}
#paymentsMasterTable tr.shippingDetailRow td {
  text-align: center;
}
#paymentsMasterTable .card {
  padding: 20px;
  display: inline-flex;
}
#paymentsMasterTable .card .section {
  width: fit-content;
  text-align: left;
  float: left;
}
#paymentsMasterTable .card .section .header {
  display: block;
}
#paymentsMasterTable .card .section .header .title {
  margin: 0px;
  padding: 0px;
}
#paymentsMasterTable .frame {
  margin-right: 20px;
  padding: 10px;
  border: 1px solid;
  border-color: cornflowerblue;
  border-radius: 10px;
  display: inline-block;
  height: 109px;
}
#paymentsMasterTable .frame .dimension {
  width: 150px;
}
#paymentsMasterTable .frame .dimension .label {
  font-family: 'Open Sans', sans-serif;
  padding-right: 10px;
  float: left;
}
#paymentsMasterTable .frame .dimension .value {
  text-align: right;
}
#paymentsMasterTable .frame .name {
  font-family: 'Open Sans', sans-serif;
}
#paymentsMasterTable .transactionDetails {
  padding: 0px;
  margin: 0px;
}
#paymentsMasterTable .transactionDetails .header {
  text-align: left;
}
#paymentsMasterTable .transactionDetails .header .title {
  margin: 0px;
  padding: 10px 0px;
}
#paymentsMasterTable td,
#paymentsMasterTable th {
  padding: 5px 10px;
}
#paymentsMasterTable td.idCol,
#paymentsMasterTable th.idCol {
  min-width: 93px;
  width: 93px;
  text-align: center;
}
#paymentsMasterTable td.dateCol,
#paymentsMasterTable th.dateCol {
  min-width: 123px;
  width: 123px;
  text-align: center;
}
#paymentsMasterTable td.transTypeCol,
#paymentsMasterTable th.transTypeCol {
  min-width: 150px;
  width: 150px;
}
#paymentsMasterTable td.moneyCol,
#paymentsMasterTable th.moneyCol {
  text-align: right;
  min-width: 125px;
}
#paymentsMasterTable td.notesCol,
#paymentsMasterTable th.notesCol {
  min-width: 400px;
}
#shipmentsMasterTable th {
  text-align: center;
}
#shipmentsMasterTable tr.detailRow {
  display: none;
  background-color: gray;
}
#shipmentsMasterTable tr.detailRow td {
  text-align: center;
}
#shipmentsMasterTable .card {
  padding: 20px;
  display: inline-flex;
}
#shipmentsMasterTable .card .section {
  width: fit-content;
  text-align: left;
  float: left;
}
#shipmentsMasterTable .card .section .header {
  display: block;
}
#shipmentsMasterTable .card .section .header .title {
  margin: 0px;
  padding: 0px;
}
#shipmentsMasterTable .frame {
  margin-right: 20px;
  padding: 10px;
  border: 1px solid;
  border-color: cornflowerblue;
  border-radius: 10px;
  display: inline-block;
  height: 109px;
}
#shipmentsMasterTable .frame .dimension {
  width: 150px;
}
#shipmentsMasterTable .frame .dimension .label {
  font-family: 'Open Sans', sans-serif;
  padding-right: 10px;
  float: left;
}
#shipmentsMasterTable .frame .dimension .value {
  text-align: right;
}
#shipmentsMasterTable .frame .name {
  font-family: 'Open Sans', sans-serif;
}
#shipmentsMasterTable .transactionDetails {
  padding: 0px;
  margin: 0px;
}
#shipmentsMasterTable .transactionDetails .header {
  text-align: left;
}
#shipmentsMasterTable .transactionDetails .header .title {
  margin: 0px;
  padding: 10px 0px;
}
#shipmentsMasterTable td.idCol,
#shipmentsMasterTable th.idCol {
  min-width: 270px;
  width: 270px;
  text-align: center;
}
#shipmentsMasterTable td.dateCol,
#shipmentsMasterTable th.dateCol {
  width: 150px;
  min-width: 150px;
  text-align: left;
}
#shipmentsMasterTable td.labelTypeCol,
#shipmentsMasterTable th.labelTypeCol {
  min-width: 225px;
  text-align: left;
}
#shipmentsMasterTable td.moneyCol,
#shipmentsMasterTable th.moneyCol {
  text-align: right;
  min-width: 140px;
}
#shipmentsMasterTable td.carrierCol,
#shipmentsMasterTable th.carrierCol {
  min-width: 120px;
  width: 120px;
  text-align: left;
}
#Reporting input,
#Reporting select {
  min-width: 200px;
}
#paymentMethodsTable td.col1 {
  min-width: 330px;
}
#paymentMethodsTable td.col2 {
  min-width: 130px;
}
#paymentMethodsTable td.col3 {
  min-width: 200px;
}
#paymentMethodsTable td.col4 {
  min-width: 125px;
}
#paymentMethodsTable td.col5 {
  min-width: 100px;
}
#reportsForm select {
  min-width: 200px;
}
.spacer-25 {
  margin-right: 20px;
}
@media only screen and (max-width: 599px) {
  .contentContainer .hero {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .contentContainer .hero .widget .rect {
    width: unset;
    margin: 30px;
  }
  .contentArea .hero {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .contentArea .hero .widget .rect {
    width: unset;
    margin: 30px;
  }
  .widget {
    margin: unset;
    padding: unset !important;
  }
}
.container {
  background-color: unset;
}
.left-login {
  margin-left: auto;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .nav-item {
  color: #96acc0;
}
.navbar-nav .nav-item a {
  color: #96acc0;
}
.navbar-nav .nav-item a:hover {
  color: #f3a504;
}
.logged-out-page {
  padding: 2rem;
  color: #FFFFFF;
  text-align: center;
}
.logged-out-page h1,
.logged-out-page h2,
.logged-out-page p,
.logged-out-page small {
  color: #FFFFFF;
}
.logged-out-page a {
  color: #FFFFFF;
}
.logged-out-page a:hover {
  color: #f3a504;
}
.sso-setup-page form {
  text-align: center;
}
.sso-setup-page .btn {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 20px;
  white-space: nowrap;
}
.logout-page {
  padding: 2rem;
  color: #FFFFFF;
  text-align: center;
}
.logout-page .lead h1,
.logout-page .lead h2,
.logout-page .lead h3,
.logout-page .lead p {
  color: #FFFFFF;
}
.logout-page form {
  background: transparent;
  box-shadow: none;
  width: auto;
  display: inline-block;
  margin-top: 1rem;
}
.manage-page {
  padding: 1rem 1.5rem;
}
.manage-page h2,
.manage-page h3,
.manage-page h4,
.manage-page h5 {
  color: #FFFFFF;
}
.manage-page h4 {
  margin-bottom: 1rem;
}
.manage-page h5 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.manage-page hr {
  border-color: rgba(255, 255, 255, 0.2);
}
.manage-page label {
  color: rgba(255, 255, 255, 0.85);
}
.manage-page form {
  background: transparent !important;
  box-shadow: none !important;
  width: auto;
}
.manage-page form .btn {
  display: inline-block;
  width: auto;
  margin: 0 8px 0 0;
}
.manage-page .form-control {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}
.manage-page .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.manage-page .form-control:disabled,
.manage-page .form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  cursor: not-allowed;
}
.manage-page .input-group-addon {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage-page .alert {
  color: #FFFFFF !important;
  border-radius: 4px;
}
.manage-page .alert p,
.manage-page .alert strong,
.manage-page .alert li,
.manage-page .alert span {
  color: #FFFFFF !important;
}
.manage-page .alert a {
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: underline;
}
.manage-page .alert.alert-success {
  background-color: rgba(40, 167, 69, 0.2);
  border-color: rgba(40, 167, 69, 0.5);
}
.manage-page .alert.alert-danger {
  background-color: rgba(220, 53, 69, 0.2);
  border-color: rgba(220, 53, 69, 0.5);
}
.manage-page .alert.alert-warning {
  background-color: rgba(255, 193, 7, 0.2);
  border-color: rgba(255, 193, 7, 0.5);
}
.manage-page .alert .close {
  color: #FFFFFF;
  opacity: 0.7;
  text-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage-page .alert .close:hover {
  opacity: 1;
}
.expiry-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expiry-modal {
  background: #040c33;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 2rem;
  max-width: 420px;
  width: 90%;
  text-align: center;
}
.expiry-modal p {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.expiry-modal .expiry-modal-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.expiry-modal .expiry-modal-actions .btn {
  min-width: 80px;
}