/* #2A557B */
/* #2A557B */
/* #2A557B */
/* #2A557B */
body * {
  font-family: Arial, Calibri;
  font-size: 14px;
  box-sizing: border-box; }

style, script {
  display: none; }

button, a, span, label, strong, img, b {
  display: inline; }

a:hover {
  text-decoration: underline; }

button {
  background-color: white;
  border: 2px solid black;
  color: black; }

h1, h1 a {
  font-size: 24px;
  display: inline-block;
  margin: 5px 0 10px 0; }

h2, h2 a, h2 span {
  font-size: 22px;
  /*display: inline-block;*/
  display: flex;
  vertical-align: middle;
  align-content: center;
  margin: 5px 0 10px 0;
  color: black; }

h2 span {
  color: #f96015; }

.datefield {
  width: 80px; }

.highlight {
  background-color: white; }

.important {
  margin: auto;
  margin: 20px 0 20px 0;
  text-align: center;
  display: inline;
  border: 1px solid black;
  background-color: white;
  color: red;
  font-weight: bold;
  padding: 10px; }

.intouch {
  font-size: 22px;
  display: inline-block;
  padding: 0;
  color: black;
  font-weight: bold;
  margin: 0 8px 20px 8px; }

.intouch span {
  font-size: 22px;
  display: inline;
  padding: 0;
  color: #f96015;
  margin: 0 8px 20px 0; }

.contactusbold {
  margin: 0 16px 10px 8px; }

h3, h3 a {
  font-size: 20px;
  /*display: inline-block;*/
  margin: 5px 0 10px 0;
  color: black; }

h4, h4 a {
  font-size: 18px;
  display: inline-block;
  margin: 5px 0 10px 0;
  color: black; }

h5, h5 a {
  font-size: 14px;
  display: inline-block;
  margin: 5px 0 10px 0;
  color: black;
  font-weight: bold; }

h6, h6 a {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  margin: 5px 0 10px 0;
  color: black; }

#ui-datepicker-div {
  display: none; }

.c2content {
  margin: 15px 15px 15px 15px; }

.popup-action {
  display: flex;
  flex-basis: 500px;
  flex-wrap: wrap;
  border: 1px solid black;
  border-radius: 6px;
  background-color: white;
  color: black;
  margin-bottom: 10px;
  text-align: left;
  padding: 0 0 20px 0 !important;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
  max-width: 500px; }

.popup-action > div:nth-child(1) {
  flex-basis: 100%;
  background-color: #a9d158;
  color: white;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid black;
  padding: 5px 5px 5px 10px;
  font-size: 20px;
  text-align: center; }

.popup-action > div:nth-child(n+2) {
  padding: 5px 10px 0 10px;
  font-size: 16px;
  width: 100%; }

.popup-action > div:nth-child(2) {
  padding-top: 15px; }

.popup-action i {
  font-size: 20px; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  background-color: white;
  border: 1px solid black; }

.ui-autocomplete li {
  padding: 3px !important;
  list-style: none !important;
  list-style-type: none !important; }

.ui-autocomplete li:hover {
  background-color: lightgray; }

.ui-autocomplete-loading {
  background: white url("data:image/gif;base64,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") right center no-repeat; }

.ui-datepicker {
  border: 1px solid black;
  padding: 3px;
  background-color: white;
  border-radius: 5px;
  position: absolute;
  width: 225px;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4); }

.ui-datepicker-header {
  display: flex;
  width: 100%; }

.ui-datepicker-prev {
  order: 0;
  flex-basis: 15px; }

.ui-datepicker-next {
  order: 2;
  flex-basis: 15px;
  text-align: right;
  align-content: flex-end; }

.ui-datepicker-title {
  order: 1;
  flex: 1;
  text-align: center;
  align-content: center; }

.ui-datepicker-calendar {
  width: 100%; }

.ui-datepicker-calendar th {
  text-align: center; }

.ui-datepicker-calendar td {
  text-align: right;
  margin: 2px;
  background-color: #ececec;
  border: 1px solid lightgrey; }

.ui-datepicker-other-month, .ui-datepicker-unselectable, .ui-state-disabled {
  background-color: white !important;
  border: none !important; }

.ui-datepicker-today, .ui-datepicker-today a {
  background-color: darkgray !important;
  color: black !important; }

.ui-datepicker-buttonpane {
  text-align: center;
  width: 100%; }

.ui-datepicker-current {
  border: none;
  background-color: transparent;
  font-weight: bold;
  text-decoration: underline; }

.ui-datepicker-close {
  display: none; }

.required {
  border: 1px solid red; }

.popup {
  display: none;
  margin: auto;
  position: absolute; }

.popup > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
  background-color: white; }

.dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 200;
  padding: 20px 20px 20px 20px; }

.dialogLight {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  z-index: 200;
  padding: 20px 20px 20px 20px; }

.dialog > div {
  background: #fff;
  margin: auto;
  max-height: 98%;
  flex-basis: 80%;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid black;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto; }

#divSignedDocuments {
  position: absolute;
  background-color: white;
  flex-basis: 450px;
  max-width: 450px; }

#divSignedDocuments > div {
  /*width: 420px;*/
  flex: 1;
  display: flex;
  background: #fff;
  margin: auto;
  padding: 5px 5px 5px 5px;
  align-content: center; }

.formAction, .bulkAction {
  display: flex;
  flex-basis: 100% !important;
  width: 100%;
  border: 1px solid black;
  margin: 5px 5px 5px 5px;
  padding: 4px;
  vertical-align: middle;
  background-color: white;
  align-content: center;
  align-items: center;
  cursor: pointer; }

.formAction:hover, .bulkAction:hover {
  background-color: #fbfdf8; }

.formAction i, .bulkAction i {
  font-size: 22px;
  width: 30px; }

#divContactUs > .dialog div {
  padding: 0;
  max-width: 550px;
  width: 98%; }

#divContactUs form {
  width: 100%;
  margin: 0; }

#divContactUs input {
  padding: 4px;
  width: 98%; }

#divContactUs textarea {
  padding: 4px;
  flex: 1;
  width: 98%;
  min-height: 100px;
  flex: 1; }

.shadowbox {
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid grey;
  border-radius: 10px;
  padding: 10px;
  background-color: white;
  margin: 8px auto 15px auto; }

.shadowbox.important {
  color: red !important; }

.validation-error {
  color: red;
  font-size: 12px;
  margin-bottom: 16px; }

.spacer {
  flex: 1;
  height: 10px;
  flex-basis: 100% !important;
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

.fixedwidth100px {
  flex: none !important;
  width: 100px !important; }

.fixedwidth150px {
  flex: none !important;
  width: 150px !important; }

.fixedwidth200px {
  flex: none !important;
  width: 200px !important; }

.flexnone {
  flex: none !important; }

.flexrow {
  display: flex; }

.flexnostretch {
  align-items: flex-start;
  align-content: flex-start;
  align-self: flex-start; }

.flexnostretch > div {
  align-self: flex-start; }

.flexcenter {
  align-content: center;
  justify-content: center; }

.flexrowspacing {
  margin: 8px 0 8px 0; }

.flexcontent {
  margin: 8px; }

.flexrow > div {
  flex: 1;
  /*flex-basis: 100%;*/ }

.flexrownowrap {
  display: flex;
  width: 100%;
  align-items: flex-start; }

.flexwrap {
  display: flex;
  flex-wrap: wrap; }

.flexnowrap {
  display: flex;
  flex-wrap: nowrap !important; }

.flexmiddle {
  align-items: center; }

.flexcol {
  flex: 1;
  /*flex-basis: 100%;*/
  /*overflow-y: hidden;*/ }

#divMyInformation .flexcol {
  white-space: normal;
  overflow-wrap: break-word;
  overflow-y: hidden; }

.flexfill {
  flex-basis: 100% !important;
  max-width: 100%; }

.flexspan2, div.flexspan2 {
  flex: 2; }

.flexspan3, div.flexspan3 {
  flex: 3; }

.flexspan4, div.flexspan4 {
  flex: 4; }

.flexspan5, div.flexspan5 {
  flex: 5; }

.flexspan6, div.flexspan6 {
  flex: 6; }

.flexspan7, div.flexspan7 {
  flex: 7; }

.flexspan8, div.flexspan8 {
  flex: 8; }

.font-italic {
  font-style: italic; }

.font-uppercase {
  text-transform: uppercase; }

.font-bold {
  font-weight: 700; }

.font-normal {
  font-weight: normal !important; }

.text-right {
  text-align: right !important;
  justify-content: flex-end; }

.text-left {
  text-align: left !important;
  justify-content: flex-start; }

.center, .text-center {
  text-align: center;
  justify-content: center; }

.flexcenter {
  text-align: center;
  justify-content: center; }

.exception {
  background-color: lightyellow;
  padding: 10px;
  border: 1px solid black; }

.exception * {
  background-color: transparent; }

.swal2-content, .swal2-content b {
  text-align: left !important;
  font-size: 18px; }

input:disabled, input:read-only, textarea:disabled {
  color: black;
  border-radius: 6px;
  background-color: lightgray; }

input:disabled, select:disabled {
  color: black;
  border-radius: 4px;
  background-color: lightgray;
  border: 2px solid black; }

.w-textbox {
  border: 2px solid #25363d;
  border-radius: 6px;
  box-sizing: content-box;
  height: 18px;
  background-color: #ffffff;
  padding: 1px 4px 1px 4px;
  border-radius: 6px; }

.w-dropdown {
  border: 2px solid #25363d;
  padding: 1px 4px 1px 4px;
  border-radius: 4px; }

.Validate_Required {
  border: 2px solid #25363d;
  background-color: #EEBAB9; }

.wizard table {
  padding: 0;
  margin: 0; }

.wizard td {
  margin: 0;
  padding: 0;
  font-size: 12px; }

.wizard a {
  font-size: 12px;
  text-decoration: underline; }

.wizard div, .wizard span, .wizard li, .wizard span, .wizard label {
  font-size: 12px;
  padding: 0;
  margin: 0; }

.wizard input, .wizard select {
  font-size: 12px; }

.plainButton, .wizardhtml button {
  border: 2px solid #323232 !important;
  padding: 6px 9px 6px 9px !important;
  background-color: #dddddd !important;
  font-weight: 400 !important;
  color: black !important;
  font-size: 14px !important;
  margin-right: 5px; }

.plainButton:disabled {
  color: gray !important; }

.wizard button {
  margin-right: 4px; }

.WizardFormHeader {
  background-color: #36618E;
  color: white;
  text-align: center;
  margin: 0;
  height: 25px;
  font-size: 15px;
  font-weight: bold; }

.WizardFormSection {
  font-style: italic;
  background-color: #e0e7ed;
  font-weight: bold;
  color: black;
  margin: 0;
  min-height: 25px; }

.WizardNotice {
  padding: 10px !important;
  border: 1px solid black;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
  font-size: 16px !important;
  font-weight: bold; }

.clientProfileDetail {
  flex: 1;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 0 0 auto 10px; }

.clientProfileDetail > div {
  flex-basis: 100%; }

.clientProfileDetail div:nth-child(1) {
  margin: auto;
  text-align: center;
  justify-content: center; }

clientProfileDetail div:nth-child(2) {
  margin: auto;
  display: flex;
  text-align: center;
  justify-content: center; }

.clientProfileDetail img {
  margin: 0;
  display: inline-block;
  text-align: center;
  justify-content: center; }

.clientProfileDetail div:nth-child(3) {
  background-color: #ebebeb;
  padding: 5px;
  flex: 1; }

.clientProfileDetail div:nth-child(3):hover {
  background-color: lightgray; }

.clientProfileDetail > div, .clientProfileDetail > p {
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px; }

.clientProfileDetail h5 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto; }

.clientProfileDetails {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 20px 0;
  margin: 0 50px 0 0;
  align-items: stretch; }

.clientProfileDetails > div {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  border: 1px solid black;
  margin-bottom: 20px;
  max-width: 250px;
  min-width: 250px;
  background-color: white;
  align-self: stretch; }

.clientProfileDetail img {
  max-width: 50%;
  width: 225 / 2;
  height: 125 / 2; }

.ui-tabs {
  display: flex;
  flex: 1;
  flex-basis: 100%;
  flex-wrap: wrap;
  align-content: flex-start; }

.ui-tabs > div {
  border: 1px solid black;
  padding: 10px;
  flex: 1;
  flex-basis: 100%; }

li.ui-state-default,
.ui-widget-content li.ui-state-default,
.ui-widget-header li.ui-state-default,
.ui-button,
.ui-tabs > ul > li {
  margin: 0;
  list-style-type: none;
  flex: 1;
  border: 1px solid lightgray;
  background-color: #36618E;
  color: white;
  padding: 5px 5px 5px 15px;
  border-radius: 12px 12px 0 0; }

/*.ui-state-default a,*/
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-tabs-anchor,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: white;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0; }

.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs > ul {
  flex: 1;
  display: flex;
  margin: 0;
  padding: 0; }

.ui-tabs > ul > li:not(:first-child) {
  margin-left: -20px; }

.ui-tabs > ul li:hover {
  background-color: #254363; }

.ui-tabs .ui-tabs-active,
.ui-tabs li.ui-tabs-active {
  background-color: black; }

.ui-tabs > ul li a {
  color: white; }

.ui-tabs-vertical {
  flex-wrap: nowrap;
  flex-basis: 100%;
  width: 100%;
  align-items: flex-start; }

.ui-tabs-vertical ul {
  display: flex;
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  flex-wrap: wrap;
  margin-top: 0;
  padding-top: 0; }

.ui-tabs-vertical > ul > li, .ui-tabs-vertical > ul > li:not(:first-child) {
  display: flex;
  flex: 1;
  flex-basis: 100%;
  align-content: flex-start;
  white-space: normal;
  margin: 0;
  white-space: normal; }

.ui-tabs-vertical > ul > li, .ui-tabs-vertical > ul > li {
  white-space: normal; }

li.ui-tab {
  margin: 0 4px 2px 0;
  white-space: normal !important; }

.ui-tabs .ui-tabs-nav li {
  white-space: normal !important; }

.ui-tabs-vertical .ui-tabs-panel {
  padding: 0;
  display: flex;
  flex: 1;
  flex-basis: 100%;
  margin-left: 2px; }

.text-top * {
  vertical-align: top; }

.ui-menu-item > a:hover, .ui-menu-item > li:hover, a.ui-menu-item:hover, li.ui-menu-item:hover, li.ui-menu-item:hover {
  background-color: white;
  color: black;
  text-decoration: none;
  border: none; }

@media only screen and (max-width: 512px) {
  .clientProfileDetails > div {
    max-width: 100%;
    min-width: 50px; } }

@media only screen and (max-width: 768px) {
  .hidewhensmall {
    display: none; }
  .clientProfileDetails {
    margin: 0 0 0 0; }
  .clientProfileDetails > div {
    max-width: 225px;
    min-width: 225px; }
  .flexspan1, div.flexspan1,
  .flexspan2, div.flexspan2,
  .flexspan3, div.flexspan3,
  .flexspan4, div.flexspan4,
  .flexspan5, div.flexspan5,
  .flexspan6, div.flexspan6,
  .flexspan7, div.flexspan7,
  .flexspan8, div.flexspan8 {
    flex: 1; }
  .flexrow {
    flex-wrap: wrap; }
  .flexrow div {
    flex-basis: 100%; }
  .text-right {
    text-align: left !important;
    justify-content: flex-start; }
  .flexcenter {
    text-align: left !important;
    justify-content: flex-start !important; } }

@media only print {
  .noprint {
    display: none; } }

#Background {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  overflow: hidden; }

#Background video {
  min-width: 100%;
  min-height: 100%; }

.radioIndent {
  padding-left: 25px; }

.radioDiv div {
  padding: 6px !important; }

.radioDiv input[type="radio"] {
  width: 15px;
  display: inline;
  margin-top: 0 !important;
  padding: 0 !important;
  height: auto !important; }

.radioDiv label {
  display: inline;
  margin-left: 5px;
  line-height: normal !important; }

.buttonDiv {
  display: flex; }

.buttonDiv div {
  flex: 1; }

.field {
  display: flex;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 8px 8px 8px; }

.field input {
  background-color: transparent;
  width: 100%;
  flex: 1;
  border: none;
  margin: 0 0 0 10px;
  padding: 0 4px 0 4px;
  font-size: 14px; }

.loginTopBorder {
  height: 2px;
  background-color: orange;
  flex-basis: 100%;
  margin-bottom: 25px; }

.registerTopBorder {
  height: 2px;
  background-color: #305195;
  flex-basis: 100%;
  margin-bottom: 25px; }

.c2contentarea {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.c2contentleft {
  flex: 1;
  padding-left: 50px; }

.c2contentall {
  padding: 0 50px 0 50px; }

.c2contentleft input, .c2contentleft select {
  width: 95%;
  font-size: 16px;
  margin: 0 0 0 0;
  padding: 3px 4px 3px 4px;
  font-size: 14px;
  height: 28px !important; }

.c2contentright {
  flex-basis: 419px;
  margin: auto 50px auto 10px;
  text-align: center;
  align-self: center; }

.startContainer {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 95%;
  max-width: 950px;
  margin: 45px auto 45px auto;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  border: 1px solid #CFD4E1; }

.c2header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: white; }

.c2logo {
  text-align: center;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%; }

.c2logo img {
  max-width: 344px;
  width: 100%; }

.c2marquee {
  text-align: center;
  flex-basis: 98%;
  overflow: hidden; }

.c2marqueeDisplay {
  display: block;
  color: #891212;
  padding: 0 10px 0 10px; }

.js-marquee {
  font-size: 18px;
  margin-bottom: 5px;
  padding-bottom: 0; }

.imageField {
  display: flex;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 12px 8px 12px;
  margin-bottom: 20px; }

.imageField div:nth-child(1) {
  flex: none;
  width: 35px !important; }

.imageField div:nth-child(2) {
  position: relative;
  border-right: none;
  margin-left: 12px;
  position: absolute;
  width: 2px;
  height: 20px;
  background: transparent;
  right: 0;
  padding: 4px 0 4px 0; }

.imageField div:nth-child(3) {
  width: 100%; }

.imageField input {
  background-color: transparent;
  width: 95%;
  height: 28px !important;
  border: none !important;
  font-weight: 500;
  margin: 0 8px 0 8px !important;
  padding: 4px 4px 4px 4px !important;
  font-size: 14px; }

.imageField input:focus {
  background-color: white;
  border: none !important; }

.c2contentleft button {
  font-size: 20px;
  letter-spacing: 1px;
  color: white;
  margin: 0 5px 0 0;
  padding: 8px 16px 8px 16px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 0.15s, 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
  transition-delay: initial, initial, initial;
  border-style: 5px groove; }

.primaryButton {
  background-color: #b3d76c;
  border: 1px solid #658525;
  width: 100%; }

.primaryButton:hover {
  background-color: #9fcb44;
  border: 1px solid #f1f8e4; }

.secondaryButton {
  background-color: #2c3d51;
  border: 1px solid black;
  width: 100%; }

.secondaryButton:hover {
  background-color: #1a2430;
  border: 1px solid #6988ad; }

.c2footer {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 20px;
  padding-bottom: 15px; }

.c2legal {
  padding-left: 50px;
  font-size: 12px;
  flex-basis: 50%;
  color: black;
  text-decoration: none;
  text-align: right;
  grid-area: c2links;
  padding-right: 50px;
  font-size: 12px; }

.c2copyright {
  flex-basis: 50%;
  padding-left: 50px;
  font-size: 12px; }

.c2links {
  flex-basis: 50%;
  color: black;
  text-decoration: none;
  text-align: right;
  grid-area: c2links;
  padding-right: 50px;
  font-size: 12px; }

.c2links a {
  color: black;
  text-decoration: none;
  font-size: 12px; }

.c2links a:hover {
  text-decoration: underline; }

.flexrow input {
  width: 95%; }

.c2contentheader {
  display: flex;
  flex-wrap: wrap; }

.c2contentheader > div {
  flex-basis: 100%; }

@media only screen and (max-width: 768px) {
  .c2legal {
    padding-left: 10px;
    padding-right: 10px; }
  .c2contentleft {
    flex: 1;
    padding: 0 10px 0 10px; }
  .c2contentright {
    display: none; }
  .c2footer {
    flex-wrap: wrap;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
  .c2copyright {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .c2links {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    flex-basis: 100%;
    text-align: center; }
  .buttonDiv {
    display: flex;
    flex-wrap: wrap; }
  .buttonDiv div {
    flex-basis: 100%; } }

.hide {
  display: none; }