@font-face {
  font-family: 'Heebo';
  src: url("../../fonts/Heebo-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Heebo-Regular.woff") format("woff"), url("../../fonts/Heebo-Regular.ttf") format("truetype"), url("../../fonts/Heebo-Regular.svg#12bac1e33cd51f0c2e2d0dce095c3031") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'HeeboBold';
  src: url("../../fonts/Heebo-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/Heebo-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Heebo-Bold.woff") format("woff"), url("../../fonts/Heebo-Bold.ttf") format("truetype"), url("../../fonts/Heebo-Bold.svg#12bac1e33cd51f0c2e2d0dce095c3031") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons.md-light {
  color: #ffffff;
}
.navSub .rect {
  height: 100%;
  width: 210px;
  background-color: #34495E;
}
.navSub .navItemOn .rect {
  height: 50px;
  width: 210px;
  display: flex;
  background-color: #1F2D3B;
}
.navSub .navItemOn .rect .text {
  font-family: Heebo;
  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: #34495E;
}
.navSub .navItemOff .rect .text {
  font-family: Heebo;
  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: #7F8C8D;
  font-family: Heebo;
  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: #7F8C8D;
}
.widget {
  margin: 0 30px 30px 0;
}
.widget .headerLine {
  font-family: Heebo;
  display: flex;
}
.widget .headerLine .header1 {
  color: #34495E;
  font-family: HeeboBold;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  flex-grow: 1;
}
.widget .headerLine .header2 {
  color: #95A5A6;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
.widget .info {
  margin-top: 19px;
  color: #84C447;
  font-family: Heebo;
  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: #F3F8FB;
  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: Heebo;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding-top: 20px;
  color: #0192F7;
}
.tabContainer .tabOff .rect {
  height: 60px;
  width: 156px;
  cursor: pointer;
  background-color: #F3F8FB;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
  border-right: 1px solid #E9E9E9;
}
.tabContainer .tabOff .rect .text {
  font-family: Heebo;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding-top: 20px;
  color: #7F8C8D;
}
.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: #84C447;
}
.modal-content .modal-footer .btn-primary {
  background-color: #0192F7;
}
#manageAutoRefilForm .text {
  padding-top: 0px;
}
button,
.btn {
  color: #FFFFFF;
  font-family: Heebo;
  font-size: 14px;
  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;
  background-color: #84C447;
  margin-right: 20px;
}
abutton,
a.btn {
  padding-top: 10px;
}
.content {
  width: 100%;
  margin: 30px;
}
.content h5 {
  padding: 10px 0 0 0;
  font-size: 28px;
  color: #7F8C8D;
}
.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: #0192F7;
  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: #0192F7;
  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: #7F8C8D;
}
.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: url("../../images/background.jpg") 50% 50% no-repeat;
  background-size: cover;
  min-height: 100%;
  font-family: "HeeboRegular", Helvetica;
  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: #95A5A6;
}
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: #0192F7;
  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: #95A5A6;
}
* {
  -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: #EBEEF0;
  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: #34495E;
  font-family: Heebo;
  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: #95A5A6;
  font-family: Heebo;
  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: #7F8C8D;
}
.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 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #FFFFFF;
  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 .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;
}
.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: #34495E;
  font-family: Heebo;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.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] {
  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;
}
.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-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIj48L3JlY3Q+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAwIDYwMCkgc2NhbGUoMC42OSAwLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiM4NGM0NDciPjxzdmcgZmlsbD0iIzg0YzQ0NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBmaWxsPSIjODRjNDQ3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNTQsNi45OTYxMDAyMiBDMzU0LDUuMzQxMzk5NzYgMzU1LjMzNDI2LDQgMzU2Ljk5NjEsNCBMMzgzLjAwMzksNCBDMzg0LjY1ODYsNCAzODYsNS4zMzQyNTk1MSAzODYsNi45OTYxMDAyMiBMMzg2LDMzLjAwMzg5OTggQzM4NiwzNC42NTg2MDAyIDM4NC42NjU3NCwzNiAzODMuMDAzOSwzNiBMMzU2Ljk5NjEsMzYgQzM1NS4zNDE0LDM2IDM1NCwzNC42NjU3NDA1IDM1NCwzMy4wMDM4OTk4IEwzNTQsNi45OTYxMDAyMiBaIE0zNjAuNzA3MTA3LDIxLjcwNzEwNjggTDM2NS42NDEyMjQsMjYuNjQxMjI0MSBMMzY1LjY0MTIyNCwyNi42NDEyMjQxIEMzNjYuNDAwMjgzLDI3LjQwMDI4MzMgMzY3LjYyMzIwNywyNy40MjQ3MzIgMzY4LjQxMTk5OCwyNi42OTY2MTc0IEwzNzkuMjM1MjE3LDE2LjcwNTk1MzcgTDM3OS4yMzUyMTcsMTYuNzA1OTUzNyBDMzc5LjY0MTAzOCwxNi4zMzEzNSAzNzkuNjY2MzQ0LDE1LjY5ODY5MDkgMzc5LjI5MTc0LDE1LjI5Mjg3MDIgQzM3OS4yODI3MDEsMTUuMjgzMDc3NyAzNzkuMjczNDY3LDE1LjI3MzQ2NjkgMzc5LjI2NDA0MywxNS4yNjQwNDM1IEwzNzguNjc0MjM2LDE0LjY3NDIzNjMgTDM3OC42NzQyMzYsMTQuNjc0MjM2MyBDMzc4LjI5Njc4OCwxNC4yOTY3ODc5IDM3Ny42ODk0MzEsMTQuMjgyMzM1MiAzNzcuMjk0NDU3LDE0LjY0MTQwMyBMMzY3LjM1Mjc3MiwyMy42NzkyOTg1IEwzNjcuMzUyNzcyLDIzLjY3OTI5ODUgQzM2Ny4xNTUyODQsMjMuODU4ODMyNCAzNjYuODUxNjA2LDIzLjg1MTYwNjEgMzY2LjY2Mjg4MiwyMy42NjI4ODE5IEwzNjIuNzA3MTA3LDE5LjcwNzEwNjggTDM2Mi43MDcxMDcsMTkuNzA3MTA2OCBDMzYyLjMxNjU4MiwxOS4zMTY1ODI1IDM2MS42ODM0MTgsMTkuMzE2NTgyNSAzNjEuMjkyODkzLDE5LjcwNzEwNjggTDM2MC43MDcxMDcsMjAuMjkyODkzMiBMMzYwLjcwNzEwNywyMC4yOTI4OTMyIEMzNjAuMzE2NTgyLDIwLjY4MzQxNzUgMzYwLjMxNjU4MiwyMS4zMTY1ODI1IDM2MC43MDcxMDcsMjEuNzA3MTA2OCBMMzYwLjcwNzEwNywyMS43MDcxMDY4IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTApIj48L3BhdGg+PC9zdmc+PC9nPjwvc3ZnPg==");
}
.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: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIj48L3JlY3Q+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAwIDYwMCkgc2NhbGUoMC42OSAwLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiM4NGM0NDciPjxzdmcgZmlsbD0iIzg0YzQ0NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4wIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIwLDR2MTZINFY0SDIwIE0yMCwySDRDMi45LDIsMiwyLjksMiw0djE2YzAsMS4xLDAuOSwyLDIsMmgxNmMxLjEsMCwyLTAuOSwyLTJWNEMyMiwyLjksMjEuMSwyLDIwLDJMMjAsMnoiPjwvcGF0aD48L2c+PC9zdmc+PC9nPjwvc3ZnPg==");
}
.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;
  height: 25px;
}
.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: Heebo;
}
.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: #84C447;
}
.contentContainer footer {
  position: fixed;
  bottom: 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: #7F8C8D;
}
@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: #7F8C8D;
}
.introNav .aboutLink:hover,
.introNav .contactLink:hover,
.introNav .privacyLink:hover {
  color: #84C447;
}
@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: #84C447;
}
.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: #7F8C8D;
  font-size: 15px;
}
@media (min-width: 0) and (max-width: 768px) {
  .mainHeader .text {
    display: none;
  }
}
.mainHeader .hello {
  position: absolute;
  top: 24px;
  right: 120px;
  color: #7F8C8D;
  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: #7F8C8D;
  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: #34495E;
  color: white;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #84C447;
  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: #84C447;
  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: #0192F7;
}
.boxes .box.autoRefil .row {
  margin: 10px;
}
.boxes .box.autoRefil .notice {
  font-size: 44px;
  color: #2ECC71;
}
.boxes h6 {
  color: #34495E;
  font-family: HeeboBold;
  font-size: 14px;
  line-height: 21px;
}
.boxes h3 {
  color: #84C447;
  font-family: Heebo;
  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: #34495E;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active .btn {
  background-color: #84C447;
}
#changePasswordForm {
  width: 400px;
  text-align: left;
}
.required {
  color: red;
  font-weight: bold;
}
.text-danger {
  display: block;
}
.nav-pills .nav-link {
  color: white;
  background-color: #34495E;
}
.nav-pills .nav-link.current {
  background-color: #84C447;
}
select,
input {
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  height: 42px;
  color: #7F8C8D;
  font-size: 14px;
  line-height: 21px;
  min-width: 302px;
}
input {
  padding-left: 15px;
}
select {
  background: linear-gradient(0deg, #F3F8FB 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: #7F8C8D;
  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: #7F8C8D;
  font-size: 15px;
}
form .text,
table .text {
  color: #34495E;
  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: #95A5A6;
  font-size: 16px;
  max-width: 300px;
}
form .input :focus,
table .input :focus {
  border: 1px solid #0192F7;
  outline: 0;
}
form label,
table label {
  display: block;
  font-family: "HeeboBold", Helvetica;
  color: #34495E;
  font-size: 13px;
  padding: 5px 0px 5px 5px;
  width: 100%;
}
form .btn,
table .btn {
  display: block;
  border-radius: 3px;
  background: #84C447;
  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: #0192F7;
  font-size: 18px;
  padding: 20px 0 15px 20px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.paymentArea {
  width: 100%;
}
table th {
  background: #F4F6F6;
  color: #34495E;
  font-family: "HeeboBold", Helvetica;
  font-size: 13px;
}
table td {
  font-size: 15px;
  color: #95A5A6;
  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: #0192F7;
  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: #84C447;
  color: #fff;
}
.TypeChoices .pill_btn label {
  background-color: #7F8C8D;
  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: #84C447;
}
.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: Calibri;
  text-align: left;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: black;
  max-width: 1200px;
}
.privacy .topic {
  margin-bottom: 20px;
}
.privacy .topic h4 {
  padding-bottom: 20px;
}
.privacy .topic h1 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 0px;
}
.privacy .topic h2 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0px;
}
.privacy .topic p {
  font-size: 15px;
  text-align: justify;
  color: black;
  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 {
  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: #7F8C8D;
}
.pagination-container .pagination {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: right;
}
.pagination-container .pagination button {
  color: #7F8C8D;
  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 #0192F7;
  background-color: #0192F7;
  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: "HeeboBold", Helvetica;
  padding-right: 10px;
  float: left;
}
#transactionMasterTable .frame .dimension .value {
  text-align: right;
}
#transactionMasterTable .frame .name {
  font-family: "HeeboBold", Helvetica;
}
#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: "HeeboBold", Helvetica;
  padding-right: 10px;
  float: left;
}
#paymentsMasterTable .frame .dimension .value {
  text-align: right;
}
#paymentsMasterTable .frame .name {
  font-family: "HeeboBold", Helvetica;
}
#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: "HeeboBold", Helvetica;
  padding-right: 10px;
  float: left;
}
#shipmentsMasterTable .frame .dimension .value {
  text-align: right;
}
#shipmentsMasterTable .frame .name {
  font-family: "HeeboBold", Helvetica;
}
#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) {
  .left-login {
    display: none;
  }
  .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(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .nav-item {
  color: #7F8C8D;
}
.navbar-nav .nav-item a {
  color: #7F8C8D;
}
.navbar-nav .nav-item a:hover {
  color: #84C447;
}