/* #2A557B */
/* #2A557B */
/* #2A557B */
/* #2A557B */
/*#9ab0c6; */
.alphabetbar {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%; }

.alphabetbarletter a {
  color: black; }

.alphabetbarletter {
  flex: 1;
  text-align: center;
  padding: 3px;
  flex-basis: 36px;
  max-width: 36px;
  min-width: 36px;
  border-collapse: collapse;
  border: 1px solid black;
  margin-right: -1px;
  margin-bottom: -1px; }

.alphabetbar .item:hover, .alphabetbar .item:hover * {
  background-color: #2dc4f5;
  color: white; }

.alphabetbar div:nth-last-child(1) {
  border-right: 1px solid black; }

.alphabetbar .noitems {
  background-color: lightgray; }

.alphabetbar .currentitem, .alphabetbar .currentitem a {
  background-color: #0a9ccb;
  color: white; }

body * {
  font-family: Inter, Arial, Calibri;
  font-size: 14px;
  box-sizing: border-box;
  color: #22292F;
  line-height: 1.3; }

body {
  background-color: #F9FAFB;
  margin: 0 !important; }

hr {
  border-top: 1px solid #ECEFF2; }

.text-muted-foreground {
  color: #516778; }

.base-card, .dangerbox, .mutedbox {
  padding: 20px;
  border-radius: 0.5rem;
  border: 1px solid #EDF0F3;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

.dangerbox {
  color: #E22D20;
  background-color: #FFE3E1; }

.mutedbox {
  background-color: #ECEFF2;
  color: #516778;
  font-weight: 600;
  margin: 0px 0 15px 0;
  position: relative; }
  .mutedbox li {
    color: #516778;
    font-weight: normal; }

/* Tailwind spacing scale (rem) with px comments */
.p-0 {
  padding: 0rem; }

/* 0px */
.p-1 {
  padding: 0.25rem; }

/* 4px */
.p-2 {
  padding: 0.5rem; }

/* 8px */
.p-3 {
  padding: 0.75rem; }

/* 12px */
.p-4 {
  padding: 1rem; }

/* 16px */
.p-5 {
  padding: 1.25rem; }

/* 20px */
.p-6 {
  padding: 1.5rem; }

/* 24px */
/* Useful axis variants */
.pt-4 {
  padding-top: 1rem; }

/* 16px */
.pr-4 {
  padding-right: 1rem; }

/* 16px */
.pb-4 {
  padding-bottom: 1rem; }

/* 16px */
.pl-4 {
  padding-left: 1rem; }

/* 16px */
.mb-4 {
  margin-bottom: 1rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

/* 8px */
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

/* 8px */
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

/* 8px */
.flex {
  display: flex; }

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

.round-md {
  border-radius: 8px; }

div[style*="color: Red"] {
  color: #E22D20 !important; }

div[style*="color: Red; border: 1px solid black; padding: 10px"] {
  color: #E22D20 !important;
  background: #FFE3E1;
  border: none !important;
  padding: 12px !important; }

div[style*="padding-top: 12px;padding-bottom: 12px; padding-left: 5px; padding-right: 5px; font-weight: bold; color: blue; border: 1px solid red;"] {
  background: #FEEDD6 !important;
  color: #7A3E00 !important;
  padding: 12px 12px !important;
  border: none !important;
  background: none; }

.errorHeader {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #22292F;
  padding: 24px 24px 24px 24px;
  border-bottom: 1px solid #ECEFF2;
  background: #FFF; }

.errorContent {
  padding: 24px;
  background-color: #F9FAFB; }

button, input[type=button], input[type=submit], input[type=reset] {
  cursor: pointer; }

.datagrid .row .action img {
  cursor: pointer; }

.alignitemscenter {
  align-items: center; }

.alignitemsstretch {
  align-items: stretch; }

.alignitemsstart, .datagrid .row.alignitemsstart {
  align-items: flex-start; }

.justifycontentcenter {
  justify-content: center; }

.alignselfstart {
  align-self: flex-start; }

.popupheader {
  background: white;
  color: #0074A0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  /* 155.556% */
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 24px 12px 24px !important; }

style, script {
  display: none; }

button, a, span, strong, label, 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: flex;
  vertical-align: middle;
  align-content: center;
  margin: 5px 0 10px 0; }

h2 span {
  color: #f96015; }

.datefield {
  width: 80px; }

.highlight {
  background-color: #d7f4fd; }

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

.schedule-important {
  background-color: #FFE3E1;
  color: #9D2017;
  border-left: 4px solid #E22D20;
  display: flex;
  padding: 16px 24px;
  align-items: center; }

.schedule-title {
  color: #516778;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; }

.schedule-header {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; }

.schedule-subheader {
  color: #516778;
  line-height: 20px; }

.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;*/
  margin: 0px; }

.popup-action {
  display: flex;
  flex-direction: column;
  flex-basis: 500px;
  flex-wrap: wrap;
  border: 1px solid #059DCC;
  border-radius: 8px;
  background-color: white;
  color: #516778;
  padding: 32px 24px !important;
  /*box-shadow: 3px 4px 10px rgba(0,0,0,0.4);*/
  max-width: 500px;
  gap: 16px; }

.popup-action > div:nth-child(1) {
  color: #22292F;
  font-size: 18px;
  font-weight: 600; }

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

.popup-action > div:nth-child(n+2) > button {
  flex: 1; }

.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 #EDF0F3;
  padding: 12px;
  background-color: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  width: 280px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.ui-datepicker-header {
  display: flex;
  width: 100%;
  padding: 8px 0;
  margin-bottom: 8px;
  background-color: #E8F4FA;
  border-radius: 4px;
  align-items: center; }

.ui-datepicker-prev {
  order: 0;
  flex-basis: 32px;
  color: #0074A0;
  cursor: pointer;
  padding: 4px; }

.ui-datepicker-prev:hover {
  color: #059DCC; }

.ui-datepicker-next {
  order: 2;
  flex-basis: 32px;
  text-align: right;
  align-content: flex-end;
  color: #0074A0;
  cursor: pointer;
  padding: 4px; }

.ui-datepicker-next:hover {
  color: #059DCC; }

.ui-datepicker-title {
  order: 1;
  flex: 1;
  text-align: center;
  align-content: center;
  color: #22292F;
  font-weight: 600; }

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

.ui-datepicker-calendar th {
  text-align: center;
  padding: 8px;
  color: #516778;
  font-weight: 600;
  font-size: 12px; }

.ui-datepicker-calendar td {
  text-align: center;
  padding: 2px; }

.ui-datepicker-calendar td a {
  display: block;
  padding: 8px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #22292F;
  text-decoration: none;
  transition: all 0.15s ease; }

.ui-datepicker-calendar td a:hover {
  background-color: #E8F4FA;
  color: #059DCC; }

.ui-datepicker-other-month, .ui-datepicker-unselectable, .ui-state-disabled {
  opacity: 0.3; }

.ui-datepicker-other-month a, .ui-datepicker-unselectable a, .ui-state-disabled a {
  color: #516778 !important;
  background-color: transparent !important;
  cursor: default !important; }

.ui-datepicker-today a {
  background-color: #EAF5FC !important;
  color: #059DCC !important;
  font-weight: 600; }

.ui-datepicker-calendar .ui-state-active a,
.ui-datepicker-calendar .ui-state-highlight a {
  background-color: #059DCC !important;
  color: white !important; }

.ui-datepicker-buttonpane {
  text-align: center;
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid #EDF0F3;
  margin-top: 8px; }

.ui-datepicker-current {
  border: none;
  background-color: transparent;
  font-weight: 600;
  text-decoration: underline;
  color: #059DCC;
  cursor: pointer; }

.ui-datepicker-current:hover {
  color: #0074A0; }

.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%;
  border: 1px solid #EDF0F3;
  border-radius: 10px;
  padding: 10px;
  background-color: #FFFFFF; }
  .popup > div h3 {
    font-size: 18px;
    text-align: left; }

.dialog {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 200;
  padding: 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; }

.dialog > div {
  background: #fff;
  margin: auto;
  max-height: 98%;
  flex-basis: 80%;
  border: 1px solid #ECEFF2;
  border-radius: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 2px 4px -1px rgba(13, 13, 18, 0.06); }

#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 {
  justify-content: space-between;
  color: white;
  display: flex;
  flex-basis: 100% !important;
  width: 100%;
  margin: 4px 8px 4px 8px;
  padding: 8px 16px;
  vertical-align: middle;
  background-color: #059DCC;
  align-content: center;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  border-radius: 8px; }

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

.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 {
  border: 1px solid #EDF0F3;
  border-radius: 10px;
  background-color: #FFFFFF;
  margin: 8px 0 15px 0; }
  .shadowbox li {
    color: #516778;
    font-weight: normal; }

.shadowbox-content {
  padding: 1rem; }

.shadowbox.important {
  color: #E22D20 !important; }

.time-off-option-box {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #EDF0F3;
  transition: border-color 0.1s ease; }

.time-off-option-box:has(input[type="radio"]:checked) {
  border-color: #668091; }

.time-off-image-box {
  padding: 8px;
  border-radius: 8px;
  background: #E8F4FA; }

.shadowbox > .header, .shadowboxheader {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #E8F4FA;
  color: #059DCC;
  padding: 1rem;
  box-sizing: border-box; }

.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%; }

.gap-4px {
  gap: 4px; }

.gap-8px {
  gap: 8px; }

.gap-12px {
  gap: 12px; }

.gap-16px {
  gap: 16px; }

.gap-24px {
  gap: 24px; }

.gap-40px {
  gap: 40px; }

.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; }

.flexcolumn {
  display: flex;
  flex-direction: column; }

.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;
  align-items: center;
  gap: 1rem; }

.flexcontent {
  margin: 8px; }

.flexcolspacing > div {
  margin-right: 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; }

.flextop {
  vertical-align: top;
  align-content: flex-start;
  align-items: flex-start;
  align-self: flex-start; }

.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, .italic {
  font-style: italic; }

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

.font-lowercase, .lowercase {
  text-transform: lowercase; }

.font-bold, .bold {
  font-weight: 600; }

.font-underline, .underline {
  text-decoration: underline; }

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

.text-right, .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: #fff;
  border-radius: 8px;
  border: 1.5px solid #FC776D; }

.exceptionUpper {
  padding: 24px 24px 12px 24px;
  border-bottom: 1px solid #ECEFF2;
  background-color: #FFE3E1;
  border-radius: 8px 8px 0 0; }

.exceptionUpper > h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: #0D0D12; }

.exceptionLower {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #22292F;
  padding: 24px; }

/*.exception *
{
    background-color: transparent;
}*/
.swal2-content, .swal2-content b {
  text-align: left !important;
  font-size: 18px; }

/* input:read-only was also here*/
input:disabled, textarea:disabled {
  color: #668091;
  border-radius: 8px;
  background-color: #ECEFF2; }

input:disabled, select:disabled, .w-textbox.locked, input[readonly] {
  color: #668091;
  border-radius: 8px;
  background-color: #ECEFF2;
  border: 1px solid #D5DDE2; }

.w-textbox {
  border-radius: 8px;
  border: 1px solid #D5DDE2;
  background: #FFFFFF;
  box-sizing: content-box;
  height: 24px;
  background-color: #FFFFFF;
  padding: 8px 12px;
  color: #22292F; }

.w-dropdown {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #D5DDE2;
  background: #FFFFFF;
  color: #22292F; }

input.Validate_Required, select.Validate_Required {
  border: 1px solid #E22D20; }

.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; }

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

.empty-button {
  border: 1px solid #059DCC !important;
  padding: 8px 16px;
  background-color: #ffffff !important;
  font-weight: 400 !important;
  color: #059DCC !important;
  font-size: 16px !important;
  border-radius: 8px; }

.noborder-button {
  padding: 8px 16px;
  font-weight: 400 !important;
  color: #668091 !important;
  font-size: 16px !important;
  background: none !important;
  border: none !important; }

.filled-button,
button,
#pdfSubmit,
.plainButton {
  border: 1px solid #059DCC !important;
  padding: 8px 16px;
  background-color: #059DCC !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  /*margin-right: 5px;*/
  border-radius: 8px; }

.plainButton:disabled {
  color: #D5DDE2 !important;
  background-color: #B0BFC9 !important;
  border: none !important; }

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

.WizardFormSection {
  font-style: italic;
  background-color: #ECEFF2;
  border-radius: 8px;
  font-weight: bold;
  color: #516778;
  margin: 0;
  padding: 10px;
  min-height: 25px; }

.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;
*/
  color: white; }

.ui-widget-header {
  background: none;
  border: none; }

.ui-tabs-nav li {
  background: none; }

/*.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: #516778;
  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;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 1rem; }

.ui-tabs > ul > li {
  display: flex;
  align-items: flex-end;
  justify-content: center; }

/*.ui-tabs > ul > li:not(:first-child)
{
    margin-left: -20px;
}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs > ul li:hover {
  background-color: white;
  border-color: #059DCC; }

.ui-tabs .ui-tabs-nav li {
  transition: border-color 0.15s ease;
  border-bottom: 2px solid #c5c5c5;
  white-space: normal !important;
  background: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-tab a:hover {
  color: #059DCC; }

.ui-tabs .ui-tabs-nav li a {
  transition: color 0.15s ease; }

/*.ui-tabs .ui-tabs-active,
.ui-tabs li.ui-tabs-active {
    background-color: #00719C;
}*/
.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-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; }

.currency {
  text-align: right;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: right; }

.smallonly {
  display: none; }

.largeonly {
  display: inherit; }

@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; }
  .currency {
    text-align: left;
    text-align: left;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: left; }
  .smallonly {
    display: inherit;
    line-height: 24px; }
  .largeonly {
    display: none; } }

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

.masonry-layout {
  column-count: 3;
  column-width: 350px;
  column-gap: 12px;
  row-gap: 12px; }

.masonry-layout > * {
  break-inside: avoid;
  margin-bottom: 12px;
  display: inline-block;
  width: 100%; }

.masonry-layout-full-width {
  column-span: all;
  margin-top: 12px; }

a img {
  vertical-align: middle; }

#divEventLogEditEmail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000; }

select.dropdown, .select-dropdown {
  color: var(--foreground);
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #D5DDE2;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: calc(var(--sds-size-space-300) * 2 + 12px); }

.collapsed {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease; }

.emailVerification.dashboardHeader h3 {
  color: white; }

.cobraletter-details-part {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid #EDF0F3; }

.cobraletter-details-header {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  display: flex;
  align-items: center;
  gap: 12px; }

.cobraletter-details-header span {
  border-radius: 4px;
  border: 1px solid #D5DDE2;
  background: #ECEFF2;
  width: 24px;
  height: 24px;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center; }

.cobra-information {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.cobra-information .flexnone {
  color: #668091;
  line-height: 20px;
  /* 142.857% */ }

.cobra-information .flexcol {
  color: #668091;
  line-height: 20px;
  /* 142.857% */ }

.cobra-information .font-bold {
  font-weight: 500;
  color: #516778; }

.task-part {
  border-bottom: 1px solid #EDF0F3;
  padding: 24px; }

.attachment-details-part {
  border-bottom: 1px solid #EDF0F3;
  padding: 24px; }

.instructions, .instructions > li, .instructions > li > b {
  color: #516778; }

.cobrashow {
  background-color: #FFFFFF !important;
  color: #059DCC !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  border: 1px solid #059DCC; }

.addclients > div {
  margin-top: 16px;
  color: #22292F; }

.addclients label {
  display: flex;
  align-items: center;
  gap: 8px; }

.nosort {
  color: #668091; }

.color-foreground {
  color: #22292F; }

f
.color-muted-foreground {
  color: #516778; }

input[type="checkbox"]:checked {
  accent-color: #059DCC; }

input[type="radio"]:checked {
  accent-color: #059DCC; }

.empty-button.noborder {
  border: none !important; }

.radio--form {
  display: flex;
  gap: 12px;
  align-items: center; }

.radio--group {
  gap: 8px; }

.letterstatus {
  gap: 3rem; }

.header.subheader {
  color: #668091;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px; }

.letterstatus label {
  display: flex;
  align-items: center;
  font-size: 14px; }

.dashboard a {
  color: #059DCC;
  text-decoration: none; }

.dashboard h5 {
  color: #22292F; }

.clientdocuments {
  padding-bottom: 14px;
  border-bottom: 1px solid #EAF5FC;
  background: white;
  color: #516778; }

.C2Fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); }

.wizardtable {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  flex: 1; }

.wizardtable .WizardFormSection {
  margin: 0; }

.wizardtable .row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  /*min-width: 100%;*/
  flex-basis: 100%;
  width: 100%; }

.wizardtable img.pageimage {
  width: 100%;
  height: 100%;
  border: 1px solid black; }

.wizard img.pageimage, .wizardtable table img.pageimage {
  width: 100%;
  min-width: 100%;
  height: auto;
  border: 1px solid black; }

.wizardtable input[type=text].flexcol {
  min-width: 0;
  flex-basis: 100%;
  width: 100%; }

.wizardtable select.flexcol {
  min-width: 0;
  width: 100%;
  flex-basis: 100%; }

.wizardtable .nostretch select.flexcol {
  flex: none;
  min-width: 0;
  width: auto;
  flex-basis: auto; }

.wizardtable .col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  margin-right: 8px;
  gap: 8px; }

.wizardtable .padding {
  padding: 3px; }

.wizardtable .top {
  align-items: flex-start;
  vertical-align: top; }

.wizardtable .bottom {
  align-items: flex-end;
  vertical-align: bottom; }

.wizardtable .middle {
  align-items: center;
  vertical-align: middle; }

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

.wizardtable .margin {
  margin: 3px auto 3px auto; }

.wizardtable .space {
  min-width: 100%;
  height: 14px; }

.wizardtable .lb {
  padding-bottom: 7px;
  border-bottom: 1px solid black;
  margin-bottom: 7px; }

.wizardtable .mb {
  margin-bottom: 14px; }

.wizardtable .mt {
  margin-top: 14px; }

.wizardtable .fixed {
  flex: none; }

.wizardtable .block {
  display: block; }

.wizardtable .nowrap {
  flex-wrap: nowrap; }

.wizardtable .span2 {
  flex: 2; }

.wizardtable .span3 {
  flex: 3;
  flex-grow: 3;
  flex-shrink: 3; }

.wizardtable .span4 {
  flex: 4;
  flex-grow: 4;
  flex-shrink: 4; }

.wizardtable .span5 {
  flex: 5;
  flex-grow: 5;
  flex-shrink: 5; }

.wizardtable .span6 {
  flex: 6;
  flex-grow: 6;
  flex-shrink: 6; }

.wizardtable .span7 {
  flex: 7;
  flex-grow: 7;
  flex-shrink: 7; }

.wizardtable .span8 {
  flex: 8;
  flex-grow: 8;
  flex-shrink: 8; }

.wizardtable .span9 {
  flex: 9;
  flex-grow: 9;
  flex-shrink: 9; }

.wizardtable [class*='ghost'] {
  display: none; }

.wizardtable .ghost1 {
  display: flex; }

.wizardtable [class*='spirt'] {
  display: flex; }

.wizardtable .spirt1 {
  display: none; }

.wizardtable .small {
  display: none; }

.wizardtable .big {
  display: flex; }

.wizardtable .hide {
  display: none; }

@media only screen and (max-width: 768px) {
  .wizardtable .row {
    flex-wrap: wrap; }
  .wizardtable .col {
    flex-basis: 100%;
    margin-top: 8px; }
  .wizardtable .fixed {
    margin-top: 8px; }
  .wizardtable .nowrap {
    flex-wrap: nowrap; }
  .wizardtable .fixed {
    flex: none; }
  .wizardtable [class*='ghost'] {
    display: flex; }
  .wizardtable .small {
    display: flex; }
  .wizardtable .big {
    display: none; } }

.wizardtable > .spacer {
  min-width: 100%;
  height: 14px; }

.wizardrow {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 100%; }

.wizardrow.minwidth250 > div {
  min-width: 250px; }

.wizardrow.minwidth300 > div:not(.noflex) {
  min-width: 300px; }

.wizardrow.minwidth350 > div {
  min-width: 350px; }

.wizardrow.minwidth400 > div {
  min-width: 400px; }

.wizardcol {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1;
  margin-right: 8px; }

.wizardcol > select {
  width: 100%; }

.wizardcol > .flexcol {
  width: 100%; }

.wizardcol.top {
  align-items: flex-start;
  vertical-align: top; }

.wizardrow.top {
  align-items: flex-start;
  vertical-align: top; }

.wizardcol.noflex {
  flex: none; }

.wizardcol.block {
  display: block; }

.wizardcol.wrap, .wizardrow.wrap {
  flex-wrap: wrap; }

.wizardcol.fill {
  flex-basis: 100%; }

.wizardcol.bottomspacing, .wizardrow.bottomspacing {
  margin-bottom: 8px; }

.wizardcol.span2 {
  flex: 2; }

.wizardcol.span3 {
  flex: 3; }

.wizardcol.span4 {
  flex: 4; }

.wizardcol.span5 {
  flex: 5; }

.wizardcol.span6 {
  flex: 6; }

.wizardcol.span7 {
  flex: 7; }

.wizardcol.span8 {
  flex: 8; }

.wizardcol.span9 {
  flex: 9; }

@media only screen and (max-width: 768px) {
  .wizardrow {
    flex-wrap: wrap; }
  .wizardrow > .wizardcol {
    margin-top: 10px; }
  .wizardcol {
    flex-wrap: wrap; } }

.wizardcol.nowrap {
  flex-wrap: nowrap; }

.content {
  margin: 15px 0 15px 0; }

.pageContent {
  margin-top: 15px; }

li {
  display: list-item;
  list-style: disc;
  margin: 0; }

a {
  color: #059DCC; }

.datagrid a {
  color: #0074A0;
  text-decoration: none; }

.splash {
  margin: 20px 0 20px 0; }

.iconlist {
  margin-left: -25px; }

.iconlist li {
  list-style-type: none; }

.dashboardHeader i {
  font-size: 16px;
  border: 1px solid #fff;
  color: #fff;
  padding: 4px;
  height: 28px;
  width: 28px;
  margin-right: 5px; }

.dashboardHeader img.fonticon {
  padding: 4px; }

/*
.dashboardHeader img.fonticon.iconSelected {
  border: 1px solid #FD9437 !important; }

.dashboardHeader img.fonticon.hover:hover {
  border: 1px solid #a9ab04 !important; }
*/
.ciDashboard u {
  font-size: 14px;
  width: 18px;
  text-decoration: none; }

.dashboardHeader i:hover {
  border: 1px solid #a9ab04;
  color: #a9ab04; }

.ciDashboard ul {
  margin-left: -6px !important; }

.ciDashboard li {
  list-style-type: none !important;
  padding-left: 1.4em; }

.ciDashboard li:before {
  font-family: FontAwesome;
  font-size: 16px !important;
  display: inline-block;
  margin-left: -1.6em;
  /* same as padding-left set on li */
  width: 1.3em;
  /* same as padding-left set on li */ }

.ciInformation:before {
  content: "\f05a";
  font-family: FontAwesome;
  color: #059DCC; }

.ciDocument:before {
  content: "\f1c1";
  font-family: FontAwesome;
  color: #059DCC; }

.ciHtml:before {
  content: "\f0f6";
  font-family: FontAwesome;
  color: #059DCC; }

.ciLink:before {
  content: "\f0c1";
  font-family: FontAwesome;
  color: #059DCC; }

.ciSignable:before {
  content: "\f044";
  font-family: FontAwesome;
  color: #059DCC; }

.ciMenuItem:before {
  content: "\f08d";
  font-family: FontAwesome;
  color: #059DCC; }

.ciDashboard li:hover {
  background-color: #EAF5FC;
  transition: all 0.2s ease-out; }

/*
.iconSelected {
  border: 1px solid #FD9437 !important; }
*/
.c2grid > div:nth-child(odd) {
  background-color: #d7f4fd; }

.c2grid > div:nth-child(even) {
  background-color: white; }

.datagrid {
  /*  border: 1px solid darkgrey;*/
  width: 100%;
  padding: 0 !important; }

.datagrid.bottom {
  margin-bottom: 10px; }

.datagrid .right {
  margin-right: 0;
  text-align: right;
  display: flex;
  flex: 1;
  flex-basis: 100%;
  width: 40px; }

.datagrid.noborder {
  border: none; }

.datagrid > div {
  padding: 4px;
  margin: 0; }

.datagrid .header,
.header {
  flex-basis: 100%;
  padding: 12px;
  margin: 0;
  background: #ECEFF2;
  color: #516778; }

.datagrid .header > div {
  color: #516778;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 133.333% */ }

.datagrid .header a {
  color: #668091; }

datagrid .column {
  border-right: 1px solid gray;
  padding: 2px 4px 2px 4px;
  margin: 0; }

.datagrid .column div:last-of-type {
  border-right: none; }

.datagrid .row {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ECEFF2; }

.datagrid .row > div {
  color: #516778; }

.datagrid .row:nth-child(odd),
.datagridRowOdd {
  background-color: #F9FAFB;
  flex-basis: 100%;
  margin: 0; }

.datagrid .row:nth-child(even),
.datagridRowEven {
  background-color: #FFFFFF;
  flex-basis: 100%;
  margin: 0; }

.datagrid .row:nth-child(even):hover,
.datagrid .row:nth-child(odd):hover {
  background-color: #eef6ff; }

.ispriority {
  color: #E22D20; }

div.dashboard, div.dashboardImportant {
  max-width: 100%;
  flex-basis: 30%;
  overflow: hidden;
  background: #fff;
  color: #22292F;
  border: 1px solid #EDF0F3;
  border-radius: 10px;
  flex-basis: 30%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  vertical-align: top; }

div.dashboardImportant {
  background-color: #FFFFFF; }

.dashboard > div, div.dashboardImportant > div {
  padding: 12px; }

.relatedItemsHeader {
  background: #0a9ccb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0a9ccb 0%, #0A7FCB 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a9ccb), color-stop(100%, #0A7FCB));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0a9ccb 0%, #0A7FCB 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0a9ccb 0%, #0A7FCB 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0a9ccb 0%, #0A7FCB 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0a9ccb 0%, #0A7FCB 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  color: white !important;
  margin: 0;
  font-size: 16px;
  padding: 14px 20px;
  max-width: 100%;
  min-width: 100%;
  flex-basis: 100%;
  border-radius: 10px 10px 0 0; }

.dashboardHeader {
  background: #E8F4FA;
  border-bottom: 1px solid #EAF5FC;
  color: #0074A0 !important;
  margin: auto;
  font-size: 16px;
  padding: 16px !important;
  max-width: 100%;
  min-width: 100%;
  flex-basis: 100%;
  font-family: Inter;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  /* 155.556% */ }

.WizardFormHeader {
  color: #059DCC !important;
  margin: auto;
  font-size: 16px;
  max-width: 100%;
  min-width: 100%;
  flex-basis: 100%;
  font-family: Inter;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  /* 155.556% */ }

.dashboardHeader a {
  color: #668091; }

.dashboardHeaderImportant {
  background: #f44437;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f44437 0%, #EB7A12 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f44437), color-stop(100%, #EB7A12));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f44437 0%, #EB7A12 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f44437 0%, #EB7A12 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f44437 0%, #EB7A12 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f44437 0%, #EB7A12 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  color: white;
  margin: auto;
  font-size: 16px;
  padding: 14px 20px;
  width: 100%; }

.dashboardHeaderImportant:hover {
  background: #f77167;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f77167 0%, #f09440 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f77167), color-stop(100%, #f09440));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f77167 0%, #f09440 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f77167 0%, #f09440 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f77167 0%, #f09440 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f77167 0%, #f09440 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.dashboardHeader h3 {
  font-size: 16px;
  color: #0074A0;
  margin-bottom: 0; }

.dashboard li {
  margin-left: -8px;
  padding: 2px 0 2px 0; }

.dashboard h5 {
  font-size: 16px;
  color: #516778; }

.dashboardButtons {
  text-align: right; }

.dashboard button {
  background-color: #dddddd;
  border: 2px solid black;
  color: black; }

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

.c2index {
  width: 100%;
  margin: auto auto auto 0;
  display: flex;
  flex-wrap: wrap; }

.c2header {
  flex-basis: 100%;
  display: flex;
  border-bottom: 5px solid #f44437; }

.c2logo {
  display: flex;
  flex: 1;
  max-width: 250px;
  min-width: 150px; }

.c2logoclient {
  flex: 1; }

.c2logoclient img {
  max-width: 225px;
  width: 100%; }

.c2nav {
  flex: 2;
  display: flex;
  align-items: center;
  margin-left: 10px; }

.c2search {
  display: flex;
  flex: 1;
  padding: 4px 0 4px 0;
  align-content: center;
  background-color: #E6E6E6; }

.c2searchicon {
  flex-basis: 26px;
  margin-left: 10px; }

.c2searchtextbox {
  flex: 1;
  display: flex; }

.c2searchtextbox input[type=text] {
  background-color: transparent;
  flex: 1;
  border: none;
  font-style: italic;
  padding: 6px; }

.c2app {
  padding: 6px 6px 6px 6px;
  border: 1px solid lightgray;
  flex-basis: 36px;
  margin: 0 3px 0 3px;
  text-align: center; }

.c2account {
  display: flex;
  flex: 1;
  margin-left: 10px;
  align-items: center; }

.c2accountcontainer {
  display: flex;
  flex: 1;
  border: 1px solid black; }

.accountMenu {
  background-color: white; }

.accountMenu ul {
  margin: 0; }

.accountMenu li {
  padding: 3px 5px 3px 5px;
  margin-left: -38px;
  list-style: none; }

.accountMenu a {
  color: black; }

.accountMenu li:hover {
  background-color: lightgray; }

.accountMenu li i {
  width: 28px; }

.c2content {
  flex-basis: 100%;
  width: 100%;
  min-height: 500px; }

.c2footer {
  flex-basis: 100%;
  width: 100%; }

.footerInformation {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  padding: 10px 20% 0 20%;
  border-top: 3px solid #f44437; }

.footerAdobe {
  width: 60%;
  display: flex;
  justify-content: center;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid black; }

.footerAdobeIcon {
  flex-basis: 53px;
  margin: 0 10px 0 10px; }

.footerAdobeText {
  flex: 1; }

.footerCopyright {
  width: 100%;
  display: flex; }

.footerCopyright div {
  flex: 1; }

.footerCopyright div a {
  font-size: 12px;
  color: black; }

/* Background container */
#breadcrumbs-container {
  height: 220px;
  background-color: #CEE3F8; }

/* Menu container */
#breadcrumbs {
  margin-top: 10px;
  display: inline-block;
  /* The menu will have width as needed, not 100% */
  font-size: 14px;
  border-radius: 2px;
  /* Little curvature in the borders */
  overflow: hidden;
  /* Hide everything that overflows, like shadows */ }

#breadcrumbs ul {
  display: flex;
  /* A key part of our menu, displays items side by side, and allows reversing them */
  flex-direction: row-reverse;
  /* Reverse the items */ }

/* Menu */
#breadcrumbs ul {
  display: flex;
  /* A key part of our menu, displays items side by side, and allows reversing them */
  /* Reset styles, overwrite browser defaults */
  list-style: square;
  margin: 0;
  padding: 0; }

#breadcrumbs ul li {
  margin: 0;
  display: flex;
  align-items: center; }

#breadcrumbs img {
  flex: none;
  padding-right: 8px; }

#breadcrumbs ul li:before {
  content: ">";
  color: #859BAB;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle; }

#breadcrumbs ul li a {
  display: flex;
  font-size: 0.9em;
  padding: 8px 10px 8px 10px;
  /* Adjusting padding to get the proper space */
  text-decoration: none;
  text-transform: uppercase;
  color: #059DCC; }

/* This is actually the second link, for some reason the order is reversed*/
#breadcrumbs ul li:first-child a {
  color: #668091; }

/* The first link, see above */
#breadcrumbs ul li:last-child:before {
  content: ""; }

/* edge case where there is only 1 child in the list, due to it being reversed */
#breadcrumbs ul li:only-child a {
  color: #668091; }

#breadcrumbs ul li:only-child:before {
  content: ""; }

#breadcrumbs b {
  align-self: center;
  font-weight: normal; }

#PerformanceReviews > div {
  flex: 1;
  margin: 5px;
  display: flex;
  min-width: 49%; }

#PerformanceReviews {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: wrap;
  align-content: stretch;
  justify-content: space-around;
  align-items: stretch; }

.calendar {
  margin-top: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }

.calendar .month {
  padding: 0 16px 0 16px;
  background-color: #E8F4FA;
  color: #0074A0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: 1px solid #D5DDE2;
  border-bottom: 0; }

.calendar .month a {
  background-color: #E8F4FA;
  color: white; }

.calendar .daysoftheweek:last-child {
  border-right: none; }

.calendar .dayoftheweek {
  padding: 5px;
  background-color: #ECEFF2;
  text-align: center;
  border: 1px solid #D5DDE2;
  font-weight: 600;
  color: #516778;
  margin-right: -1px;
  margin-bottom: -1px;
  box-sizing: border-box; }

.calendar .day {
  text-align: left;
  padding: 12px;
  border: 1px solid #D5DDE2;
  min-height: 128px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-right: -1px;
  margin-bottom: -1px;
  font-weight: 600; }

.calendar .day .payday {
  border-left: 2px solid #639719; }

.calendar .day .holiday {
  border-left: 2px solid #7A3E00; }

.calendar .day .c2closed {
  border-left: 2px solid #9C6AAF; }

.calendar .calendarday {
  padding: 4px; }

.calendar .calendarday a {
  font-size: 12px;
  color: #22292F;
  text-decoration: none; }

.calendar-shadowbox {
  border-radius: 4px;
  border: 1px solid #EDF0F3;
  background: #FFFFFF;
  /* shadow */
  box-shadow: 0 2px 4px -1px rgba(13, 13, 18, 0.06);
  padding: 4px; }

.calendar .calendarday .submitted {
  padding: 4px; }

.calendar .calendarday .approved {
  padding: 4px; }

.calendar .calendarday .rejected {
  padding: 4px; }

.calendar .day > div > img {
  margin: 2px 0 1px 0; }

.calendar .day > div > i {
  color: darkgoldenrod; }

.calendar .month .previousmonth {
  text-align: left;
  padding: 15px 5px 15px 5px; }

.calendar .month .currentmonth {
  text-align: center;
  padding: 15px 5px 15px 5px;
  font-size: 16px;
  font-weight: 700;
  color: #0074A0; }

.calendar .weekend, .calendar .othermonth {
  border: 1px solid #D5DDE2;
  background: #F9FAFB; }

.calendar .othermonth > div, .calendar .weekend > div {
  color: #859BAB; }

.calendar .month .nextmonth {
  text-align: right;
  padding: 15px 5px 15px 5px; }

.calendar .month .nextmonth > a, .calendar .month .previousmonth > a {
  font-size: 24px; }

.calendar .currentdate {
  background-color: #E8F4FA; }

button.fancyButton {
  border: 2px solid gray;
  border-radius: 6px;
  padding: 6px 20px 6px 20px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #0a9ccb;
  font-weight: bold; }

button.fancyButton:hover {
  background-color: #08779a; }

@media only screen and (max-width: 768px) {
  .splash {
    margin: 10px 5px 10px 5px;
    display: none; }
  body {
    margin: 2px 2px 2px 2px; }
  #mm-0 {
    margin: 0 0 0 0; }
  #PerformanceReviews > div {
    flex-basis: 100%;
    min-width: 95%; }
  #breadcrumbs b {
    display: none; }
  .c2content {
    margin: auto; }
  div.dashboard, div.dashboardImportant {
    max-width: 450px;
    min-width: 98%;
    flex-basis: 100%;
    margin: 10px 5px auto 2px; }
  .c2header {
    margin: 2px; }
  .c2index {
    margin: auto 2px auto 2px; }
  .c2nav {
    margin-right: 2px;
    margin-left: 2px; }
  .c2account {
    margin-right: 2px;
    margin-left: 2px; }
  .c2header {
    flex-wrap: wrap; }
  .c2logo {
    flex-basis: 100%; }
  .c2logoclient img {
    max-width: 50%;
    width: 50%; }
  .c2nav {
    flex-basis: 100%; }
  .c2account {
    margin-top: 10px;
    margin-bottom: 10px;
    flex-basis: 100%; }
  .footerInformation {
    padding: 10px 2% 0 2%; }
  .footerAdobe {
    width: 90%; }
  .footerCopyright {
    flex-wrap: wrap; }
  .footerCopyright div {
    flex-basis: 100%;
    text-align: left !important; } }

/* #2A557B */
/* #2A557B */
/* #2A557B */
/* #2A557B */
/*#9ab0c6; */
.c2logomenu {
  width: 30px;
  margin-right: 6px; }

#c2menu {
  font-size: 30px;
  color: #895807; }

.mm-menu.mm-widescreen {
  max-width: 20% !important; }

html.mm-widescreen .mm-slideout {
  margin-left: 20% !important;
  width: 79% !important; }

nav:not(.mm-menu) {
  display: none; }

#C2Menu, .mm-menu .mm-navbar > a, .mm-menu .mm-counter, .mm-btn a {
  color: white;
  background: #0a9ccb; }

.mm-panel {
  background: white;
  color: #668091; }

.mm-title {
  text-align: center; }

#C2Menu a, #C2Menu li, #C2Menu span, #C2Menu div {
  font-size: 16px; }

#C2Menu li:hover {
  color: #059DCC; }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: white;
  text-decoration: none; }

.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: white; }

#C2Menu .fa {
  width: 30px; }

#RevealSiteMenu {
  display: none; }

@media only screen and (max-width: 1200px) {
  #RevealSiteMenu {
    display: block; }
  .mm-menu.mm-widescreen {
    max-width: 20% !important;
    min-width: 20% !important; }
  html.mm-widescreen .mm-slideout {
    margin-left: 20% !important;
    width: 79% !important; } }

.hide {
  display: none; }