v-center {
  bottom: 0;
  display: flex;
  flex-direction: row;
  left: 0;
  margin: auto;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

h-center {
  align-self: center;
  display: flex;
  margin: auto;
  justify-content: center;
}

cc {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  background-color: darkgray;
  box-sizing: border-box;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}
cc > * {
  margin-bottom: 1px;
}

empty {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  flex: 1;
}

top-row {
  display: flex;
  flex-grow: 1;
  height: calc(44px / 2);
  min-width: 15px;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
}

bottom-row {
  display: flex;
  flex-grow: 1;
  height: calc(44px / 2);
  min-width: 15px;
  padding-left: 10px;
}

rfleft {
  align-self: center;
  line-height: calc(44px / 2 + 1px);
  height: 100%;
  overflow: hidden;
  min-width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px 0 0;
}

rfright {
  align-self: center;
  line-height: calc(44px / 2 + 1px);
  height: 100%;
  overflow: hidden;
  min-width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 0 5px;
  text-align: right;
}

rfright:first-of-type {
  margin-left: auto;
}

rfcenter {
  align-self: center;
  line-height: calc(44px / 2 + 1px);
  height: 100%;
  overflow: hidden;
  min-width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 0 5px 0 5px;
  text-align: center;
}

rowcontainer {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  min-height: 44px;
}

rowcontainer:nth-child(odd) {
  background-color: white;
}

rowcontainer:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

rowcontainer:first-of-type {
  border-top: 1px solid darkgray;
}

rowcontainer:last-of-type {
  border-bottom: 1px solid darkgray;
}

row {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0px 5px 0px 5px;
  min-height: calc(44px / 2);
}

rowbold {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0px 5px 0px 5px;
  min-height: calc(44px / 2);
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
}

c-popup {
  box-shadow: 0 0 5px #888888;
}

@media screen and (max-width: 479px) {
  c-popup {
    width: 100vw;
    height: 100vh;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  hcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
  hcontent > *:last-child {
    margin-bottom: 0px !important;
  }
  empty {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  c-popup {
    width: 100vw;
    height: 100vh;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  hcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
  hcontent > *:last-child {
    margin-bottom: 0px !important;
  }
  empty {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  c-popup {
    width: 100vw;
    height: 100vh;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  hcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
  hcontent > *:last-child {
    margin-bottom: 0px !important;
  }
  empty {
    display: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  c-popup {
    min-width: 667px;
    width: 45vw;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  hcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
  hcontent > *:last-child {
    margin-bottom: 0px !important;
  }
  empty {
    display: none;
  }
  cc > hcontent > * {
    margin-left: 1px;
    margin-bottom: 0px !important;
  }
  cc > hcontent > *:first-child {
    margin-left: 0px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  c-popup {
    min-width: 667px;
    width: 45vw;
  }
  hcontent {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  cc > hcontent > * {
    margin-left: 1px;
    margin-bottom: 0px !important;
  }
  cc > hcontent > *:first-child {
    margin-left: 0px;
  }
}
@media screen and (min-width: 1200px) {
  c-popup {
    min-width: 667px;
    width: 45vw;
  }
  hcontent {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  vcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
  }
  cc > hcontent > * {
    margin-left: 1px;
    margin-bottom: 0px !important;
  }
  cc > hcontent > *:first-child {
    margin-left: 0px;
  }
}
.c-body {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  background-color: #fcf9e3;
  margin: 0px;
  height: 100vh;
}

button {
  cursor: pointer;
  background-color: #d9d9d9;
  border: none;
  font-family: Calibri, sans-serif !important;
  margin: 0;
}

:focus {
  outline: none;
}

.costar-color-red {
  color: rgb(192, 0, 0);
}

.costar-color-yellow {
  color: rgb(255, 192, 0);
}

.costar-color-green {
  color: rgb(0, 118, 53);
}

* {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.emoji {
  max-width: 16px;
  min-width: 16px;
  width: 16px;
  padding-left: 1px;
  padding-right: 1px;
}

.infiniteScroll {
  max-height: 100vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex;
  flex-direction: column;
  border-right: 1px solid darkgray;
  border-left: 1px solid darkgray;
}

@media screen and (max-width: 479px) {
  .infiniteScroll {
    max-height: 100%;
    width: 100vw;
  }
}
@media screen and (max-width: 599px) {
  .infiniteScroll {
    max-height: 100%;
    width: 100vw;
  }
}
.cSearchComponent {
  display: flex;
  flex: 1;
  overflow-y: hidden;
}

.cSearchFormWrapper {
  flex-shrink: 0;
  min-height: 70px;
  padding-top: 15px;
}

.cBasePage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100vw;
  overflow-y: auto;
  height: 100%;
}

.cBasePageHeader {
  display: none;
}

.cBasePageRouterOutlet {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.cBasePageContainer {
  height: 100vh;
}

@media screen and (max-width: 479px) {
  .cBasePage {
    overflow-y: auto;
    overflow-x: visible;
  }
}
@media screen and (max-width: 667px) {
  .cBasePageHeader {
    display: block;
  }
}
.c-popup-is-visible {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
}

.c-popup-is-hidden {
  display: none !important;
}

@media screen and (max-width: 667px) {
  c-popup > cc {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
}
.cCdxAgreementChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxAgreementItemListChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxAgreementItemListColumnSelect {
  max-width: 7%;
  min-width: 7%;
  width: 7%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  align-self: center;
}

.cCdxAgreementItemListColumnType {
  max-width: 18%;
  min-width: 18%;
  width: 18%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxAgreementItemListColumnDocument {
  max-width: 18%;
  min-width: 18%;
  width: 18%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxAgreementItemListColumnCostarLiveId {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cCdxAgreementItemListColumnAmount {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cCdxAgreementItemListColumnDocumentDate {
  max-width: 14%;
  min-width: 14%;
  width: 14%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxAgreementItemListColumnStatusTime {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxAgreementItemListColumnStatus {
  max-width: 6%;
  min-width: 6%;
  width: 6%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxAgreementActionButton {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
  height: 35px;
}

.cCdxAgreementItemMaintenanceChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxAgreementItemTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  overflow-y: auto;
}

.cCdxImportFileListChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxImportFileListColumnSelect {
  max-width: 7%;
  min-width: 7%;
  width: 7%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  align-self: center;
}

.cCdxImportFileListColumnAgreement {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxImportFileListColumnDate {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxImportFileListColumnFileName {
  max-width: 22%;
  min-width: 22%;
  width: 22%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cCdxImportFileListColumnStatus {
  max-width: 18%;
  min-width: 18%;
  width: 18%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cCdxImportFileListColumnPartnerStatus {
  max-width: 18%;
  min-width: 18%;
  width: 18%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cCdxImportFileMaintenanceChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxImportFileTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  overflow-y: auto;
}

.cActivationChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cActivationButton button {
  background-color: #eeeeee;
}

.cAutoUpdateChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cSmsBranchGroupListChildPage {
  width: 100%;
  overflow-y: auto;
}

.cSmsBranchGroupSection {
  width: 25%;
  max-width: 1000px;
  overflow-y: auto;
}

.cSmsBranchGroupRowContainer {
  display: flex;
  flex-flow: row;
}

.cSmsBranchGroupRowContainer *::selection {
  background-color: blue;
}

.cSmsBranchGroupInstructionsTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  width: 100%;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  overflow-y: auto;
}

.cCdxAgreementListChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cCdxAgreementListColumn {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cCdxAgreementListColumnHeader {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cCompanyChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cLicenseChangesChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cLicenseChanges {
  flex: 1;
}

.cLicenseChangesColumn {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cLicenseChangesColumnHeader {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cLicenseInformationChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cLicenseInformation {
  flex: 1;
}

.cNotificationListChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cNotificationListColumn {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cNotificationListColumnMessageType {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cNotificationListColumnHeaderMessageType {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
  font-weight: bold;
}

.cNotificationListColumnTime {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cNotificationListColumnHeaderTime {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
  font-weight: bold;
}

.cNotificationListColumnInDatabase {
  max-width: 10%;
  min-width: 10%;
  width: 10%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cNotificationListColumnHeaderInDatabase {
  max-width: 10%;
  min-width: 10%;
  width: 10%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
  font-weight: bold;
}

.cNotificationListColumnCostarLiveId {
  max-width: 10%;
  min-width: 10%;
  width: 10%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cNotificationListColumnHeaderCostarLiveId {
  max-width: 10%;
  min-width: 10%;
  width: 10%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
  font-weight: bold;
}

.cNotificationListColumnCavVersion {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
}

.cNotificationListColumnHeaderCavVersion {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: center;
  font-weight: bold;
}

.cNotificationListColumnHeaderMessage {
  max-width: 35%;
  min-width: 35%;
  width: 35%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
  font-weight: bold;
}

.cNotificationListColumnMessage {
  max-width: 35%;
  min-width: 35%;
  width: 35%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 25px;
  text-align: left;
}

.cNotificationRowContainer {
  max-height: 40px;
  min-height: 40px;
  height: 40px;
}

.cNotifyCostarViewChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cNotificationDetailSection {
  flex: 1;
}

.cNotificationMessageSection {
  flex: 1;
  max-height: 100%;
  min-height: 100%;
  height: 100%;
}

.cNotifyCostarViewMessageTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  box-shadow: none;
  box-sizing: border-box;
  overflow-y: auto;
}

.cPermissionChildPage {
  width: 100%;
  max-width: 500px;
  overflow-y: auto;
}

.cAppointmentSchedulerButton > .cButton {
  font-weight: bold !important;
}

.cCheckIcon {
  align-self: center;
  background-color: transparent;
  font-size: large;
  text-align: -webkit-center;
  width: 40px;
}

.cWebOrderChildCheckBox {
  padding-left: 2em;
}

.cPolarisLinkListChildPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.cPolarisLinkDefinition {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 25%;
  min-width: 25%;
  width: 25%;
}

.cPolarisLinkGetConnections {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  align-self: flex-end;
}

.cPolarisLinkExportToCsv {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  align-self: flex-end;
}

.cPolarisLinkSpacerLabel {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  align-self: flex-end;
}

.cPolarisLinkColumnHeader_CostarLiveId {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_PolarisLinkUri {
  max-width: 75%;
  min-width: 75%;
  width: 75%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_Details {
  max-width: 5%;
  min-width: 5%;
  width: 5%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkDetailsButton button {
  max-width: 20px;
  min-width: 20px;
  width: 20px;
  height: 30px;
}

.cPolarisLinkColumn_CostarLiveId {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_PolarisLinkUri {
  max-width: 75%;
  min-width: 75%;
  width: 75%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_Details {
  max-width: 5%;
  min-width: 5%;
  width: 5%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumnHeader_IsControlChannel {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_IsLocked {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_TimeSinceLastCommand {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_SessionGuid {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_TcpSessionId {
  max-width: 21%;
  min-width: 21%;
  width: 21%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumnHeader_TimeOfLastCommand {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cPolarisLinkColumn_IsControlChannel {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_IsLocked {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_TimeSinceLastCommand {
  max-width: 8%;
  min-width: 8%;
  width: 8%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_SessionGuid {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_TcpSessionId {
  max-width: 21%;
  min-width: 21%;
  width: 21%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkColumn_TimeOfLastCommand {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  text-align: left;
}

.cPolarisLinkRowContainer {
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
}

.cSmsAccountChildPage {
  width: 100%;
  overflow-y: auto;
}

.cSmsAccountRegulatoryInstructionsTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  overflow-y: auto;
}

.cSmsAccountRegulatoryIndividualOrBusiness {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: red;
  overflow-y: auto;
}

.cSmsAccountCreateRegulatoryBundle {
  overflow: auto;
  height: 300px;
  width: 30%;
}

.cSmsSupportingDocumentsSection {
  width: 100%;
}

.cSmsDocumentUploadInputButton {
  visibility: hidden;
  width: 0px;
}

.cSmsButtonDetailsButton {
  width: 20%;
}

.cSmsButtonEvaluationButton {
  width: 20%;
}

.cSmsDocumentUploadButton {
  color: green;
}

.cDocumentListSection {
  margin: 5px;
}

.cSmsRegulatoryComplianceChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cSmsRegulatoryComplianceDocumentColumn {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cSmsRegulatoryComplianceDocumentColumnHeader {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cSmsUsageReportingChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cSmsUsageReportingColumn {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cSmsUsageReportingColumnHeader {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cSmsUsageReportingFiltering {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex: 1;
  overflow-y: scroll;
}

.cCostarLiveIds {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex: 1;
  overflow-y: hidden;
}

.cCostarLiveIdsRow {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
}

.cCostarLiveIdsInfiniteScroll {
  height: 80vh;
}

.cCostarLiveIdSearchTextPreview {
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
  padding-left: 5px;
}

.cCustomerChildPage {
  width: 100%;
  overflow-y: auto;
  max-width: 1000px;
}

.cCustomerChildPagePlaceHolder {
  flex: 1;
}

.cNotesChildPage {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex: 1;
  overflow-y: hidden;
}

.cNoteSearchTextPreview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cNotesContent {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.cSuperAdminChildPage {
  width: 100%;
  overflow-y: auto;
  max-width: 1000px;
}

.cInfo {
  flex: 1;
  height: 6em;
}

.cBranchMaintenanceChildPage {
  width: 100%;
  overflow-y: auto;
  max-width: 1000px;
}

.cBranchSection {
  max-width: 95%;
  min-width: 95%;
  width: 95%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cOpenWebAppointment {
  max-width: 10%;
  min-width: 10%;
  width: 10%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cCustomerSearch {
  overflow-y: auto;
}
.cCustomerSearch rowcontainer {
  background-color: transparent;
}

.cCustomerSearchFormWrapper {
  flex-shrink: 0;
  min-height: 70px;
  padding-top: 15px;
}

.cCostarLiveSearchButton {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  max-width: 225px;
  min-width: 225px;
  width: 225px;
  background-color: rgb(255, 255, 255);
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
}

.cCostarLiveSearchButtonButton {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 118, 53) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 32px;
  font-weight: bold;
  cursor: pointer;
}
.cCostarLiveSearchButtonButton:active {
  background-color: darkgray !important;
  color: white !important;
}

.cCostarLiveSearchButtonCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.cInfobarContainer_CustomerSearch {
  background-color: transparent;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  height: 44px;
  min-height: 44px;
  overflow: hidden;
  padding: 0 5px 0 5px;
}

.cSearchFormControlContainer {
  max-height: calc(44px + 2px);
  min-height: calc(44px + 2px);
  height: calc(44px + 2px);
  display: flex;
  flex-direction: row;
  max-width: 678px;
  width: 100%;
}

.cInfobarContainer_CustomerSearch *:hover {
  cursor: pointer;
}

.cCostarLiveIdSearchWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cTextContainer {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 479px) {
  .cCostarLiveSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cCostarLiveSearchButtonCaption {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cCostarLiveSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cCostarLiveSearchButtonCaption {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .cCostarLiveSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cCostarLiveSearchButtonCaption {
    display: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cCostarLiveSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cCostarLiveSearchButtonCaption {
    display: none;
  }
}
.cSyncGlobalChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cWebAppointmentListChildPage {
  width: 100%;
  overflow-y: auto;
  max-width: 1000px;
}

.cWebAppointmentColumn {
  max-width: 12%;
  min-width: 12%;
  width: 12%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cWebAppointmentColumnHeader {
  max-width: 12%;
  min-width: 12%;
  width: 12%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cWebAppointmentColumn_Company {
  max-width: 14%;
  min-width: 14%;
  width: 14%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cWebAppointmentColumnHeader_Company {
  max-width: 14%;
  min-width: 14%;
  width: 14%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cWebAppointmentColumn_LastPingTime {
  max-width: 16%;
  min-width: 16%;
  width: 16%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cWebAppointmentColumnHeader_LastPingTime {
  max-width: 16%;
  min-width: 16%;
  width: 16%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
}

.cWebAppointmentColumn_PageError {
  max-width: 12%;
  min-width: 12%;
  width: 12%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
}

.cWebAppointmentColumn_Uri {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  color: blue;
}

.cWebAppointmentSearchCriteria {
  max-width: 50%;
  min-width: 50%;
  width: 50%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cEditNoteCC {
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.cEditNotecSection {
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
}

.cEditNoteTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  flex: 1;
  resize: none;
}

.cSmsBranchGroupChildPage {
  width: 100%;
  max-width: 1000px;
  overflow-y: auto;
}

.cSmsBranchGroupSection {
  width: 35%;
  max-width: 1000px;
  overflow-y: auto;
}

.cRowContainer {
  display: flex;
  flex-flow: row;
}

.cHttpMethodDropdown {
  width: 30%;
}

.cHttpUrl {
  width: 70%;
}

.cRowContainer *::selection {
  background-color: blue;
}

.cSmsBuyPhoneNumberChildPage {
  height: 100%;
  width: 33%;
  max-width: 1000px;
  overflow-y: auto;
}

.cPhoneNumberSection {
  width: 98%;
}

.cPhoneNumberCapabilityMMS {
  color: green;
}

.cPhoneNumberCapabilitySMS {
  color: blue;
}

.cRowContainer {
  display: flex;
  flex-flow: row;
}

.cRow {
  display: flex;
  flex-flow: row;
}

.cCmActivation {
  width: 100%;
  overflow-y: auto;
}

.cCmActivationContent {
  width: 50%;
  overflow-y: auto;
}

.cCmPermissionIndent {
  padding-left: 10px;
}

.cCmButton button {
  background-color: #e9e9e9;
}

@media screen and (max-width: 479px) {
  .cCmActivationContent {
    width: 100%;
    overflow-y: auto;
  }
}
@media screen and (max-width: 599px) {
  .cCmActivationContent {
    width: 100%;
    overflow-y: auto;
  }
}
.cCmCompaniesInactive {
  color: rgb(244, 246, 248);
}

.cCmCompaniesNotBold {
  font-weight: normal;
}

.cReportOptionComponent {
  width: 100%;
  overflow-y: auto;
}

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

.cReportSelectionSection {
  overflow-y: auto;
  flex: 1;
}

.cReportSelectionDropdown {
  flex: 2 !important;
}

.cReportSelectionAddSelectionButton {
  flex: 2 !important;
}

.cReportSelectionRangeField {
  flex: 1;
}

.cReportSelectionDelete {
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cReportSelectionDelete:hover {
  background-color: #808B95 !important;
  color: #FFFFFF !important;
  cursor: pointer;
}

.cReportSelectionCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
  font-weight: bold;
}

.cReportSelectionSubCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  font-style: italic;
}

.cReportSelectionValue {
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.cReportSelectionList {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  background-color: white;
  align-items: center;
}
.cReportSelectionList:nth-child(2n+1) {
  background-color: rgb(244, 246, 248);
}

@media screen and (min-width: 668px) and (max-width: 959px) {
  .cReportSelectionSection {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .cReportSelectionSection {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 1200px) {
  .cReportSelectionSection {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.cReportSort {
  flex: 1;
}

@media screen and (min-width: 668px) and (max-width: 959px) {
  .cReportSortSection {
    max-width: 50%;
    padding-left: 25%;
    padding-top: 5px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .cReportSortSection {
    max-width: 50%;
    padding-left: 25%;
    padding-top: 5px;
  }
}
@media screen and (min-width: 1200px) {
  .cReportSortSection {
    max-width: 50%;
    padding-left: 25%;
    padding-top: 5px;
  }
}
.cReportSearchStatus {
  color: white;
  margin-left: 5px;
  margin-right: 10px;
}

.cReportSearchStatusIcon {
  max-height: 40px;
  min-height: 40px;
  height: 40px;
  max-width: 40px;
  min-width: 40px;
  width: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  background-color: #efdc00;
  font-size: 20px;
}

.cReportSearchStatusError {
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255);
}

.cReportSearchStatusPrepared {
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255);
}

.cReportSearchStatusPreparing {
  background-color: rgba(89, 89, 89, 0.9);
  color: rgb(255, 255, 255);
}

.cReportSearchStatusPrinted {
  background-color: rgb(0, 0, 192);
  color: rgb(255, 255, 255);
}

.cReportSearchStatusUnprepared {
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0);
}

.cReportSearchRow {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: white;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: darkgray;
  display: flex;
  align-items: center;
}
.cReportSearchRow:nth-child(2n+1) {
  background-color: rgb(244, 246, 248);
}
.cReportSearchRow:last-child {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: darkgray;
}

.cReportSearchData {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cReportSearchDataName {
  font-weight: bold;
}

.cReportSearchDataSubCaption {
  margin-left: 5px;
}

.cSignatureChildPage {
  width: 100%;
  height: 100%;
}

.cPdfViewerContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cQuickEmailChildPage {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex: 1;
  width: 100vw;
}

.cQuickEmailHeaderWrapperSection {
  display: flex;
  margin: 10px 5px 10px 5px;
}

.cQuickEmailContent {
  display: flex;
  flex: 1;
  margin: 0px 7px 5px 7px;
}

.cQuickEmailHeaderSectionLable {
  align-self: center;
  flex: 1;
  max-width: 70px;
  margin: 0 10px;
  min-width: 70px;
}

.cQuickEmailHeaderSectionReportLable {
  align-self: center;
  flex: 1;
  max-width: 70px;
  margin: 0 10px;
  min-width: 70px;
  text-align: right;
  font-weight: bolder;
}

.cQuickEmailSendButtonSection {
  align-self: flex-start;
  flex: 1;
  max-width: 80px;
}

.cQuickEmailHeaderSection {
  flex-direction: column;
  flex: 1;
}

.cQuickEmailHeaderSectionTo {
  flex-direction: row;
  margin: 1px;
}

.cQuickEmailHeaderSectionCc {
  flex-direction: row;
  margin: 1px;
}

.cQuickEmailHeaderSectionSubject {
  flex-direction: row;
  margin: 1px;
}

.cQuickEmailHeaderSectionAttached {
  align-self: center;
  flex: 1;
  flex-direction: row;
  margin: 1px;
}

.cQuickEmailAttachmentWrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.cQuickEmailContentSectionWrapper {
  background-color: rgb(255, 255, 255);
  flex: 1;
  outline: 1px solid darkgray;
}

.cQuickEmailContentSection {
  height: 100%;
  overflow: auto;
  width: 100%;
}

.cQuickEmailContentEditable {
  border: none;
  overflow-y: hidden;
  padding: 0;
  width: 100%;
}

.cQuickEmailContentSignatureWrapper {
  border: none;
  overflow-y: hidden;
  padding: 0;
  width: 100%;
}

.cQuickEmailContentSignature {
  padding: 5px;
}

.cQuickEmailContentUnsubscribeMessageWrapper {
  border: none;
  overflow-y: hidden;
  padding: 0;
  width: 100%;
}

.cQuickEmailContentUnsubscribeMessage {
  padding: 5px;
}

.cQuickEmailHeaderSectionFirstColumn {
  max-width: 70px;
  margin: 0 10px;
}

.cQuickEmailTextboxOutline {
  outline: 1px solid darkgray;
  outline-offset: -1px;
}

.cEmployeeChildPage {
  width: 100%;
  overflow-y: auto;
}

.cEmployeeChildPagePlaceHolder {
  flex: 1;
}

.cAwaitingSignatureSearchMessageCount {
  color: red;
  display: flex;
}

.cAwaitingSignatureSearchMessageCountIcon {
  line-height: 22px;
  margin-left: 5px;
}

.cAwaitingSignatureSearchWrapper {
  overflow-x: hidden;
}

.cAwaitingSignatureSearchFixedHeaderWrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

.cAwaitingSignatureSearchFixedHeader {
  padding-left: 1px;
  position: absolute;
  z-index: 5;
}

.cAwaitingSignatureSearchFixedHeader .cAwaitingSignatureSearchDateHeader {
  margin-top: 0px !important;
}

.cAwaitingSignatureSearchDateHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #000000;
  color: #FFFFFF;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  height: 23px;
  line-height: 23px;
  padding-left: 6px;
}

.cAwaitingSignatureSearchRowWrapper {
  flex: 1 0 auto;
}

.cAwaitingSignatureSearchRowWrapperZIndex {
  z-index: 2;
}

.cAwaitingSignatureSearchRowContainer {
  display: flex;
  flex-flow: row;
}

.cAwaitingSignatureSearchRowContainerCaption > * {
  margin-right: 5px;
}

.cAwaitingSignatureSearchRowContainerDetail {
  min-width: 100px;
}

.cAwaitingSignatureSearchResults {
  flex: 1;
}

.cAwaitingSignatureSearchResults div:nth-child(odd) rowcontainer {
  background-color: white;
}

.cAwaitingSignatureSearchResults div:nth-child(even) rowcontainer {
  background-color: rgb(244, 246, 248);
}

.cAwaitingSignatureSearchResults div rowcontainer:first-of-type {
  border-top: none;
}

.cAwaitingSignatureSearchResults div:nth-child(n+2) .cAwaitingSignatureSearchDateHeader {
  margin-top: 5px;
}

.cAwaitingSignatureSearchDocumentNumber {
  min-width: 70px;
}

.cAwaitingSignatureSearchUnitNumber {
  min-width: 80px;
}

.cAwaitingSignatureSearchComplete {
  color: #007739;
  font-weight: bold;
}

.cAwaitingSignatureSearchStatus {
  color: red;
}

.cAwaitingSignatureSearchFooter {
  display: none;
}

@media screen and (max-width: 479px) {
  .cAwaitingSignatureSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .cAwaitingSignatureSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
@media screen and (max-width: 667px) {
  .cAwaitingSignatureSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
.cTechnicianJobSearchMessageCount {
  color: red;
  display: flex;
}

.cTechnicianJobSearchMessageCountIcon {
  line-height: 22px;
  margin-left: 5px;
}

.cTechnicianJobSearchWrapper {
  overflow-x: hidden;
}

.cTechnicianJobSearchFixedHeaderWrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

.cTechnicianJobSearchFixedHeader {
  padding-left: 1px;
  position: absolute;
  z-index: 5;
}

.cTechnicianJobSearchFixedHeader .cTechnicianJobSearchDateHeader {
  margin-top: 0px !important;
}

.cTechnicianJobSearchDateHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #000000;
  color: #FFFFFF;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  height: 23px;
  line-height: 23px;
  padding-left: 6px;
}

.cTechnicianJobSearchRowWrapper {
  flex: 1 0 auto;
}

.cTechnicianJobSearchRowWrapperZIndex {
  z-index: 2;
}

.cTechnicianJobSearchRowContainer {
  display: flex;
  flex-flow: row;
}

.cTechnicianJobSearchRowContainerCaption > * {
  margin-right: 5px;
}

.cTechnicianJobSearchRowContainerDetail {
  min-width: 100px;
}

.cTechnicianJobSearchResults {
  flex: 1;
}

.cTechnicianJobSearchResults div:nth-child(odd) rowcontainer {
  background-color: white;
}

.cTechnicianJobSearchResults div:nth-child(even) rowcontainer {
  background-color: rgb(244, 246, 248);
}

.cTechnicianJobSearchResults div rowcontainer:first-of-type {
  border-top: none;
}

.cTechnicianJobSearchResults div:nth-child(n+2) .cTechnicianJobSearchDateHeader {
  margin-top: 5px;
}

.cTechnicianJobSearchDocumentNumber {
  min-width: 70px;
}

.cTechnicianJobSearchUnitNumber {
  min-width: 80px;
}

.cTechnicianJobSearchComplete {
  color: #007739;
  font-weight: bold;
}

.cTechnicianJobSearchStatus {
  color: red;
}

.cTechnicianJobSearchFooter {
  display: none;
}

@media screen and (max-width: 479px) {
  .cTechnicianJobSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .cTechnicianJobSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
@media screen and (max-width: 667px) {
  .cTechnicianJobSearchFooter {
    max-height: constant(safe-area-inset-bottom);
    min-height: constant(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    max-height: env(safe-area-inset-bottom);
    min-height: env(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    display: block;
  }
}
.cInspectionDetailObliqueBoxRed, .cInspectionDetailObliqueBoxYellow, .cInspectionDetailObliqueBoxGreen {
  -ms-transform: rotate(39deg);
  -webkit-transform: rotate(39deg);
  height: 114px;
  margin-right: 13px;
  margin-top: -27px;
  transform: rotate(39deg);
  width: 33px;
}

.cInspectionDetailObliqueBoxRedText, .cInspectionDetailObliqueBoxYellowText, .cInspectionDetailObliqueBoxGreenText {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(10deg);
  -webkit-transform: rotate(270deg);
  height: 18px;
  position: absolute;
}

.cInspectionDetailObliqueBoxRedText, .cInspectionDetailObliqueBoxYellowText, .cInspectionDetailObliqueBoxGreenText {
  align-items: center;
  display: flex;
  height: 100%;
  left: -2px;
  top: 19px;
  width: 100%;
}

.cMapinspectionDetailCsection {
  margin: 0 !important;
}

.cInspectionDetailHeader {
  height: 62px;
  margin-top: 1px;
  position: relative;
  width: 100%;
  margin-bottom: 1px;
}

.cInspectionDetailHeaderSecondBlock {
  background-color: rgb(242, 242, 242);
  position: absolute;
  bottom: 0;
  display: flex;
  flex: 1;
  width: 100%;
}

.cInspectionDetailHeaderSecondBlockWrapperOne {
  display: flex;
  flex: 1;
  flex-grow: 1;
  height: 100%;
  height: 63px;
}

.cInspectionDetailObliqueBoxWrapper {
  padding-left: 32px;
  display: flex;
  min-width: 187px;
  overflow: hidden;
  position: relative;
}

.cInspectionDetailObliqueBoxGreen {
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255);
}

.cInspectionDetailObliqueBoxGreenText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
}

.cInspectionDetailObliqueBoxYellow {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0);
}

.cInspectionDetailObliqueBoxYellowText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
}

.cInspectionDetailObliqueBoxRed {
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255);
}

.cInspectionDetailObliqueBoxRedText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
}

.cInspectionDetailHeaderSecondBlockWrapperTwo {
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.cInspectionDetail {
  flex: 1;
  overflow: auto;
}

.cInspectionDetailItem {
  cursor: pointer;
  display: block;
  flex-direction: column;
  flex: none;
  min-height: 44px;
}

.costar-picture-note-button-wrapper {
  display: flex;
  width: 93px;
}

.costar-picture-button {
  flex: 1;
  min-width: 44px;
}

.costar-picture-button button {
  background-color: transparent !important;
  border: none;
  height: 44px;
  min-width: 44px;
}

.costar-picture-button button i {
  font-size: xx-large;
}

.costar-note-button {
  flex: 1;
  min-width: 45px;
}

.costar-note-button button {
  background-color: transparent !important;
  border: none;
  height: 44px;
  min-width: 44px;
}

.costar-note-button button i {
  font-size: xx-large;
}

.costar-fa-check-map-inspection-item-checkbox:after {
  float: right;
  height: calc(44px - 10px);
  margin: 1px;
  width: calc(44px - 10px);
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00c";
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  font-size: 20pt;
  line-height: 36px;
  padding-left: 0;
}

.costar-fa-exclamation-map-inspection-item-checkbox:after {
  float: right;
  height: calc(44px - 10px);
  margin: 1px;
  width: calc(44px - 10px);
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f12a";
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0) !important;
  text-align: center;
  font-size: 20pt;
  line-height: 36px;
  padding-left: 0;
}

.costar-fa-times-map-inspection-item-checkbox:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00d";
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  float: right;
  height: calc(44px - 10px);
  margin: 1px;
  width: calc(44px - 10px);
  font-size: 20pt;
  line-height: 36px;
  padding-left: 0;
}

.costar-map-inspection-item-rightside {
  background-color: rgb(242, 242, 242);
  display: block;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  min-width: 50%;
}

.costar-map-inspection-item-leftside {
  background-color: rgb(242, 242, 242);
  display: block;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  min-width: 50%;
}

.costar-map-inspection-item-attribute {
  flex: 1;
  background-color: rgb(255, 255, 255);
}
.costar-map-inspection-item-attribute :nth-child(n+2) {
  margin-left: 1px;
}
@media screen and (max-width: 599px) {
  .costar-map-inspection-item-attribute :nth-child(n+2) {
    margin-left: 0px;
    margin-top: 1px;
  }
}

.costar-map-inspection-item-attribute-flex-100 {
  flex: 1;
  height: calc(44px - 3px);
}
.costar-map-inspection-item-attribute-flex-100 :nth-child(n+2) {
  margin-left: 1px;
}
@media screen and (max-width: 599px) {
  .costar-map-inspection-item-attribute-flex-100 :nth-child(n+2) {
    margin-left: 0px;
    margin-top: 1px;
  }
}
.costar-map-inspection-item-attribute-flex-100 .costar-dropdown {
  height: calc(44px - 3px);
}
.costar-map-inspection-item-attribute-flex-100 .costar-dropdown-icon {
  height: calc(44px - 3px);
}
.costar-map-inspection-item-attribute-flex-100 .costar-dropdown-default-value {
  height: calc(44px / 2 + 1px);
}

.costar-map-inspection-item-right-bottom {
  display: flex;
  flex: 1;
}

.costar-map-inspection-item-right-bottom .costar-map-inspection-item-attribute {
  margin-top: 1px;
}

.costar-map-inspection-item-right-bottom .costar-map-inspection-item-attribute:nth-child(n+2) {
  margin-left: 1px;
}

.cInspectionDetailHeaderSecondBlockWrapperOneContainer {
  display: flex;
  flex: 1;
  height: 100%;
}

.cInspectionDetailHeaderSecondBlockWrapperOneContainerBlockOne {
  align-self: center;
  flex: 1;
  flex-grow: 2;
  min-width: 56px;
}

.cInspectionDetailHeaderSecondBlockWrapperOneContainerBlockTwo {
  display: flex;
  flex-grow: 3;
  justify-content: flex-start;
  max-width: 236px;
}

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

@media screen and (max-width: 667px) {
  .cInspectionDetailHeaderSecondBlock {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: visible;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .costar-map-inspection-item-rightside {
    padding-left: 30px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cInspectionDetailHeaderSecondBlock {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .costar-map-inspection-item-rightside {
    padding-left: 30px;
  }
}
.cInspectionCheckboxHidden {
  display: none;
}

.cInspectionCommentIconHidden {
  display: none;
}

.cInspectionDetailItem {
  margin-bottom: 1px;
}

.costar-map-inspection-item {
  display: flex;
  height: unset !important;
}

.costar-map-inspection-item-left-top {
  flex: 1;
  display: flex;
}

.costar-map-inspection-item-left-bottom {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: flex;
  flex: 1;
  font-style: italic;
  font-style: italic;
  height: calc(44px + 2px);
}

.costar-map-inspection-item-right-top {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}

.costar-map-inspection-item-comment-note {
  font-weight: bold;
}
.costar-map-inspection-item-comment-note i {
  color: rgb(192, 0, 0);
}

.costar-map-inspection-item-comment,
.costar-map-inspection-item-description {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  flex: 1;
  max-height: 42PX;
  padding-left: 10px;
}

.costar-map-inspection-item-description-div {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 2;
  font-size: calc(44px * 0.33);
  font-weight: bold;
  line-height: 19px;
  min-height: 44px;
  min-width: 56px;
}

.costar-map-inspection-item-clickables {
  display: flex;
  flex-grow: 3;
  justify-content: flex-start;
  max-width: 236px;
  min-height: 44px;
}

.costar-map-inspection-item-checkboxes {
  display: flex;
  width: 135px;
  justify-content: space-between;
}

.costar-map-inspection-item-checkbox {
  flex: 1;
  min-width: 44px;
  position: relative;
}
.costar-map-inspection-item-checkbox .costar-checkbox {
  margin-top: 0;
}

.costar-map-inspection-item-attribute-wrapper {
  max-width: 33.3333%;
  background-color: darkgray;
  display: flex;
  flex: 1;
  min-height: 44px;
  min-width: 33.3333%;
  padding: 0 1px 0 1px;
}
.costar-map-inspection-item-attribute-wrapper.bottom-border {
  padding-bottom: 1px;
}
.costar-map-inspection-item-attribute-wrapper .cCheckbox, .costar-map-inspection-item-attribute-wrapper .cTextBox {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.costar-map-inspection-item-attribute-wrapper:nth-child(2) {
  padding-right: 1px;
  padding-left: 0;
}

.costar-map-inspection-item-attribute-wrapper:nth-child(3) {
  padding-right: 0;
  padding-left: 0;
  min-width: 32%;
}

.costar-map-inspection-item-right-bottom-attribute-suggested {
  background-color: rgb(255, 192, 0);
  display: flex;
  flex: 1;
  min-height: 44px;
}

.costar-map-inspection-item-dropdown {
  height: calc(44px - 4px) !important;
  margin: 2px !important;
  min-height: calc(44px - 4px) !important;
}

.costar-map-inspection-item-right-bottom-attribute-required {
  background-color: rgb(192, 0, 0);
  display: flex;
  flex: 1;
  min-height: 44px;
}

@media screen and (max-width: 479px) {
  .costar-map-inspection-item-left-top {
    max-width: 100vw;
  }
  .costar-map-inspection-item-attribute-wrapper {
    padding: 1px 0 0 1px;
    max-width: none !important;
  }
  .costar-map-inspection-item-rightside-block {
    display: block;
  }
  .costar-map-inspection-item-rightside-none {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .costar-map-inspection-item-right-top {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: visible;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .costar-map-inspection-item-left-top {
    max-width: 100vw;
  }
  .costar-map-inspection-item-attribute-wrapper {
    padding: 1px 0 0 1px;
    max-width: none !important;
  }
  .costar-map-inspection-item-attribute-wrapper:nth-child(2) {
    padding: 1px 0 0 1px;
  }
  .costar-map-inspection-item-attribute-wrapper:nth-child(3) {
    padding: 1px 0 0 1px;
  }
  .costar-map-inspection-item-rightside-block {
    display: block;
  }
  .costar-map-inspection-item-rightside-none {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .costar-map-inspection-item {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: visible;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .costar-map-inspection-item-left-bottom {
    padding-left: 26px;
  }
  .costar-map-inspection-item-left-top {
    max-width: 100vw;
  }
  .costar-map-inspection-item-attribute-wrapper {
    padding-top: 1px;
    padding-bottom: 0;
    max-width: none !important;
  }
  .costar-map-inspection-item-attribute-wrapper.bottom-border {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .costar-map-inspection-item {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .costar-map-inspection-item-left-top {
    max-width: 100vw;
  }
  .costar-map-inspection-item-attribute-wrapper {
    padding-top: 1px;
    padding-bottom: 0;
    max-width: none !important;
  }
  .costar-map-inspection-item-attribute-wrapper.bottom-border {
    padding-bottom: 0;
  }
}
.c-map-inspection-summary {
  overflow-y: auto;
}

.costar-map-inspection-summary-header-filter-include-caption-wrapper {
  flex-grow: 1;
  margin-right: 1px;
  max-width: 76px;
  min-width: 75px;
}

.costar-map-inspection-summary-header-filter-include-caption {
  align-items: center;
  background-color: rgb(244, 246, 248);
  box-sizing: border-box;
  display: flex;
  flex: 1;
  font-weight: bolder;
  height: 44px;
  justify-content: center;
}

.costar-map-inspection-summary-header-filter-wraper-background {
  background-color: darkgray;
  display: flex;
  height: 44px;
}

.costar-map-inspection-summary-header-filter-wraper {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex: 1 0 auto;
  margin-top: 1px;
  min-width: 315px;
}

.costar-map-inspection-summary-row-flex {
  display: flex;
  flex-flow: row wrap;
}

.costar-map-inspection-summary-item-wrapper {
  cursor: pointer;
  display: flex;
  flex: 1;
  min-height: 20px;
}

.costar-map-inspection-summary-item:nth-child(2n+2) {
  background-color: rgb(255, 255, 255);
}

.costar-map-inspection-summary-item:nth-child(2n+1) {
  background-color: rgb(244, 246, 248);
}

.costar-map-inspection-summary-header-filter {
  min-height: inherit;
}

.costar-map-inspection-summary-header-filter-checkbox {
  flex-grow: 1;
  margin-right: 1px;
  max-width: 92px;
  min-width: 73px;
}

.costar-map-inspection-summary-header-filter-checkbox-not-complete {
  flex-grow: 1;
  margin-right: 1px;
  font-weight: 100;
  max-width: 135px;
  min-width: 126px;
}

.costar-map-inspection-summary-header-legende-wrapper {
  display: flex;
  min-width: 188px;
  flex: 1 0 auto;
}

.costar-map-inspection-summary-header-legende {
  align-items: flex-end;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 1px 0 0 0;
}

.costar-map-inspection-summary-header-legende-icon-wrapper {
  display: flex;
  flex-flow: column;
  padding: 0 5px 0 5px;
}

.costar-map-inspection-summary-header-legende-pencil-icon,
.costar-map-inspection-summary-header-legende-picture-icon {
  height: 20px;
}
.costar-map-inspection-summary-header-legende-pencil-icon span,
.costar-map-inspection-summary-header-legende-picture-icon span {
  padding-left: 3px;
}

.costar-map-inspection-summary-header-legende-icon {
  height: 20px;
}

.costar-map-inspection-summary-flex {
  display: flex;
  flex: 1;
}

.costar-map-inspection-summary-flexgrid-item-description-wrapper {
  align-self: center;
  flex: 1;
  flex-grow: 2;
}

.costar-map-inspection-summary-flexgrid-item-description {
  height: 20px;
  display: inline-flex;
  line-height: 20px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 5px;
  text-overflow: ellipsis;
  word-break: break-all;
}

.costar-map-inspection-summary-flexgrid-item-reason-wrapper {
  display: flex;
  flex: 0 1 0%;
  flex-grow: 1;
  justify-content: flex-end;
  max-width: 51px;
  min-width: 51px;
}

.costar-map-inspection-summary-flexgrid-item-reason-container {
  display: flex;
}

.costar-map-inspection-summary-flexgrid-item-reason-container-box {
  display: flex;
  width: 19px;
}
.costar-map-inspection-summary-flexgrid-item-reason-container-box div {
  display: flex;
}

.costar-map-inspection-summary-flexgrid-item-picture-box,
.costar-map-inspection-summary-flexgrid-item-pencil-box {
  display: flex;
  justify-content: center;
  width: 16px;
}

.costar-map-inspection-summary-flexgrid-item-reason-wrapper-section {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}

.costar-map-inspection-summary-flexgrid-item-align-center {
  align-items: center;
  display: flex;
}

.costar-fa-check-map-inspection-summary-icon {
  align-self: center;
}
.costar-fa-check-map-inspection-summary-icon:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00c";
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  width: 25px;
  float: none;
  font-size: 10pt;
  padding: 2px 1px 1px 1px;
}

.costar-fa-exclamation-map-inspection-summary-icon {
  align-self: center;
}
.costar-fa-exclamation-map-inspection-summary-icon:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f12a";
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  width: 25px;
  float: none;
  font-size: 11pt;
  padding: 1px 5px 0 5px;
}

.costar-fa-times-map-inspection-summary-icon {
  align-self: center;
}
.costar-fa-times-map-inspection-summary-icon:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00d";
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  width: 25px;
  float: none;
  font-size: 9pt;
  padding: 3px 3px 1px 3px;
}

.costar-map-inspection-summary-font-family {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
}

.costar-flex-grid-item-wrapper {
  display: flex;
  min-width: 10%;
}

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

.cInspectionSummarySection {
  margin: 5px 5px 0 5px;
}

.cCheckboxWithLinearIconMapinspectionsummary {
  flex: 1;
  min-height: 23px;
  text-align: center;
}

.cCheckboxWithLinearIconExclamation {
  align-self: center;
}
.cCheckboxWithLinearIconExclamation:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f12a";
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  float: none;
  font-size: 11pt;
  padding: 2px 0 1px 0;
  width: 20px;
}

.cCheckboxWithLinearIconTimes {
  align-self: center;
}
.cCheckboxWithLinearIconTimes:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00d";
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  float: none;
  font-size: 9pt;
  padding: 3px;
  width: 13px;
}

.cCheckboxWithLinearIconCheck {
  align-self: center;
}
.cCheckboxWithLinearIconCheck:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00c";
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 1px;
  font-size: 10pt;
  padding: 2px 1px 1px 1px;
  padding: 3px;
  width: 13px;
}

.cMapinspectionsummaryHeaderFilterWrapper {
  background-color: #A6A6A6;
  padding: 0 1px 1px;
  margin: 5px 5px 0 5px;
  min-height: inherit;
}

.cMapinspectionsummaryGridFlexWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  flex: 1;
  overflow: auto;
}
.cMapinspectionsummaryGridFlexWrapper cc > * {
  margin: 0;
}
.cMapinspectionsummaryGridFlexWrapper cc > *:last-child {
  margin-bottom: 1px;
}
.cMapinspectionsummaryGridFlexWrapper .cMapinspectionsummaryGridFlexColumn {
  flex-flow: column wrap;
  flex: 1;
}
.cMapinspectionsummaryGridFlexWrapper .cMapinspectionsummaryGridFlexColumn:first-child {
  padding-left: 5px;
}

.cMapinspectionsummaryGridFlexColumn {
  margin-left: -5px;
}

@media screen and (max-width: 479px) {
  .costar-map-inspection-summary-header-legende-icon-wrapper {
    align-items: center;
    flex-direction: row;
    flex: 1;
    height: 20px;
    justify-content: space-between;
  }
  .costar-map-inspection-summary-header-legende-picture-icon,
  .costar-map-inspection-summary-header-legende-pencil-icon {
    height: initial;
  }
  .costar-map-inspection-summary-header-filter-checkbox-not-complete {
    margin-right: 0;
    min-width: 105px;
    max-width: 98px;
  }
  .costar-map-inspection-summary-header-filter-checkbox {
    max-width: none;
    min-width: 0;
  }
  .costar-map-inspection-summary-header-filter-wraper-background {
    flex: 1;
  }
  .cMapinspectionsummaryHeaderFilterWrapper {
    margin: 0;
  }
  .cMapinspectionsummaryGridFlexWrapper .cMapinspectionsummaryGridFlexColumn:first-child {
    padding-left: 0;
  }
  .cInspectionSummarySection {
    margin: 0px;
  }
  .cMapinspectionsummaryGridFlexColumn {
    margin-left: 0px;
  }
}
@media screen and (max-width: 599px) {
  .costar-map-inspection-summary-header-filter-include-caption-wrapper {
    display: none;
  }
  .cMapinspectionsummaryHeaderFilterWrapper {
    margin: 0;
  }
  .cMapinspectionsummaryGridFlexWrapper .cMapinspectionsummaryGridFlexColumn:first-child {
    padding-left: 0;
  }
  .cInspectionSummarySection {
    margin: 0px;
  }
  .cMapinspectionsummaryGridFlexColumn {
    margin-left: 0px;
  }
}
@media screen and (max-width: 667px) {
  .costar-map-inspection-summary-header-filter-include-caption-wrapper {
    display: none;
  }
  .cMapinspectionsummaryHeaderFilterWrapper {
    margin: 0;
  }
  .cMapinspectionsummaryGridFlexWrapper .cMapinspectionsummaryGridFlexColumn:first-child {
    padding-left: 0;
  }
  .cInspectionSummarySection {
    margin: 5px 0 0;
  }
  .cMapinspectionsummaryGridFlexColumn {
    margin-left: 0px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cMapinspectionsummaryGridFlexColumn:not(:first-child) {
    padding-left: 5px;
  }
  .cMapinspectionsummaryGridFlexColumn:last-child {
    padding-right: 5px;
  }
  .cInspectionSummarySection {
    margin: 5px 0 0;
  }
  .cMapinspectionsummaryGridFlexColumn {
    margin-left: 0px;
  }
}
.cInspectionDetailHeaderSecondBlockWrapperOneContainer {
  overflow: hidden;
}

.costar-fa-check-map-inspection-menu-checkbox:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00c";
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  font-size: 16pt;
  line-height: 26px;
  padding-left: 0;
  border: 1px solid rgb(255, 255, 255);
  float: right;
  height: 25px;
  margin: 1px;
  width: 25px;
  float: none;
  padding: 2px;
}

.costar-fa-exclamation-map-inspection-menu-checkbox:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f12a";
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0) !important;
  text-align: center;
  font-size: 16pt;
  line-height: 26px;
  padding-left: 0;
  border: 1px solid rgb(255, 255, 255);
  float: right;
  height: 25px;
  margin: 1px;
  width: 25px;
  float: none;
  padding: 2px 8px 2px 9px;
}

.costar-fa-times-map-inspection-menu-checkbox:after {
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  content: "\f00d";
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255) !important;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  float: right;
  height: 25px;
  margin: 1px;
  width: 25px;
  font-size: 16pt;
  line-height: 26px;
  padding-left: 0;
  float: none;
  padding: 2px 4px 2px 4px;
}

.cInvalidP3LoginVersionAlignVerticalCenter {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 100vh;
  justify-content: center;
  align-content: center;
  text-align: center;
}

.cQuickChangeBranchList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: darkgray;
  padding-top: 1px;
  padding-left: 1px;
}

.cQuickChangeBranch {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 44px;
  background-color: rgb(255, 255, 255);
  margin-right: 1px;
  cursor: pointer;
  margin-bottom: 1px;
}

.cQuickChangeBranchContainer {
  width: 100%;
}

.cQuickChangeBranchListContainer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #fcf9e3;
  height: 100%;
  min-height: 66vh;
  margin-bottom: 1px;
  padding: 10px;
}

@media screen and (max-width: 479px) {
  .cQuickChangeBranchListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cQuickChangeBranchListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 667px) {
  .cQuickChangeBranchListContainer {
    padding: 0px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cQuickChangeBranchListContainer {
    padding: 0px;
  }
}
.cQUCEmployeeList {
  display: flex;
  flex-wrap: wrap;
  background-color: darkgray;
  padding-top: 1px;
  padding-left: 1px;
}

.cQUCEmployee {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 44px;
  background-color: rgb(255, 255, 255);
  margin-right: 1px;
  cursor: pointer;
  margin-bottom: 1px;
}

.cQUCEmployeeContainer {
  width: 50%;
}

.cQUCEmployeeListContainer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #fcf9e3;
  height: 100%;
  min-height: 66vh;
  margin-bottom: 1px;
  padding: 10px;
}

@media screen and (max-width: 479px) {
  .cQUCEmployeeListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cQUCEmployeeListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 667px) {
  .cQUCEmployeeListContainer {
    padding: 0px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cQUCEmployeeListContainer {
    padding: 0px;
  }
}
.cQuickMessageEditToolbarContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}

.cQuickMessageEditAddSystemTag {
  max-width: 35%;
}

.cQuickMessageEditTopContent {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}

.cQuickMessageEditContent {
  display: flex;
  flex: 1;
  overflow: auto;
}

.cQuickMessageEditSectionHeaderWrapper {
  margin: 5px 5px -2px 5px;
}

.cQuickMessageEditSectionWrapper {
  display: flex;
  flex: 1;
  padding: 0 5px 5px;
}

.cQuickMessageEditMultilineTextbox {
  overflow: auto;
  width: 100%;
}

@media screen and (max-width: 479px) {
  .cQuickMessageEditAddSystemTag {
    max-width: 100%;
  }
  .cQuickMessageEditTopContent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 599px) {
  .cQuickMessageEditAddSystemTag {
    max-width: 100%;
  }
  .cQuickMessageEditTopContent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 667px) {
  .cQuickMessageEditAddSystemTag {
    max-width: 100%;
  }
  .cQuickMessageEditTopContent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.cQuickMessageList {
  -webkit-flex: 1;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}

.cMessageListRowcontainer:first-child {
  border-top: none;
}

.cMessageListRowcontainer:last-child {
  border-bottom: none;
}

.cMessageListRow {
  flex-wrap: wrap;
}

.cMobileDeviceSetting {
  display: flex;
  flex: 1;
  overflow-y: auto;
}

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

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

.cShopVehiclePhotoInformation {
  overflow-y: auto;
}

.cShopVehicleInformationCefPhoto {
  margin-right: 5px;
  margin-left: 5px;
  height: 80vh;
}

.cShopVehicleInspection {
  display: flex;
  flex: 1;
  overflow: auto;
}
.cShopVehicleInspection .cSection {
  margin: 0;
}

.cShopVehicleInspectionDisplayCaption {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cShopVehicleInspectionAssigned {
  color: black;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2px;
  line-height: 10px;
  padding: 8px;
  border-radius: 4px;
  width: 100px;
  text-align: center;
}

.cShopVehicleInspectionInProgress {
  color: #FFC432;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2px;
  line-height: 10px;
  padding: 8px;
  border-radius: 4px;
  width: 100px;
  text-align: center;
  white-space: nowrap;
}

.cShopVehicleInspectionComplete {
  color: #007739;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2px;
  line-height: 10px;
  padding: 8px;
  border-radius: 4px;
  width: 100px;
  text-align: center;
}

.cShopVehicleInspectionPhotoCount {
  margin-right: 5px;
}

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

.cPhotoGalleryWrapper {
  overflow-y: auto;
}

.cPhotoGalleryListWrapper {
  overflow-y: auto;
}

.cPhotoGallery {
  margin: 0 !important;
}

.cShopVehiclePhotoBody {
  background-color: #fcf9e3;
  display: flex;
  flex: 1;
  overflow: visible;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  padding-left: 1px;
  padding-right: 1px;
}

.cShopVehiclePhotoContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 20px;
  padding-top: 1px;
}

.cShopVehiclePhotoBodyItemWrapper {
  background-color: darkgray;
  display: flex;
  flex: 1 1 25%;
  max-width: 25%;
  padding-bottom: 1px;
}

.cShopVehicleBodyPhotoItem {
  flex: 1;
  margin-left: 1px;
  position: relative;
  text-align: center;
  background-color: rgb(255, 255, 255);
}

.cShopVehiclePhotoBody .cShopVehiclePhotoBodyItemWrapper:nth-child(4n+1) .cShopVehicleBodyPhotoItem {
  margin-left: 0;
}

.cShopVehiclePhotoItemCaption {
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
  position: absolute;
  width: 100%;
  text-shadow: 1px 1px rgb(255, 255, 255);
}

.cPunchClockPage {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cPunchClockPageContainer {
  overflow: hidden;
}

.cPunchClockPage .cSection {
  margin: 0;
}

.cPunchClockPageHeaderWrapper {
  display: block;
  flex: none;
}

.cPunchClockPageHeaderRow {
  flex-direction: row;
  min-height: calc(44px + 1px);
}

.cClockOnOffButtonWrapper {
  display: flex;
  flex: 0.5;
}

.cAssignButtonWrapper {
  display: flex;
  flex: 0.5;
}

@media screen and (max-width: 479px) {
  .cPunchClockPage {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
  }
  .cSelectedTechnicianDropdown {
    flex: 2 !important;
  }
  .cAssignButton {
    flex: 0.5;
  }
  .cAssignButtonWrapper {
    max-width: 85px;
    min-width: 85px;
  }
  .cClockOnOffButton {
    flex: 0.5;
  }
  .cClockOnOffButtonWrapper {
    max-width: 117px;
    min-width: 117px;
  }
}
@media screen and (max-width: 599px) {
  .cPunchClockPage {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
  }
  .cSelectedTechnicianDropdown {
    flex: 2 !important;
  }
  .cAssignButton {
    flex: 0.5;
  }
  .cAssignButtonWrapper {
    max-width: 85px;
    min-width: 85px;
  }
  .cClockOnOffButton {
    flex: 0.5;
  }
  .cClockOnOffButtonWrapper {
    max-width: 117px;
    min-width: 117px;
  }
}
@media screen and (max-width: 667px) {
  .cPunchClockPage {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
  }
  .cSelectedTechnicianDropdown {
    flex: 2 !important;
  }
  .cAssignButton {
    flex: 0.5;
  }
  .cAssignButtonWrapper {
    max-width: 85px;
    min-width: 85px;
  }
  .cClockOnOffButton {
    flex: 0.5;
  }
  .cClockOnOffButtonWrapper {
    max-width: 129px;
    min-width: 129px;
  }
}
.cShopVehicleSummary {
  width: 100%;
  overflow-y: auto;
}

.cShopVehicleSummaryCsection {
  overflow: hidden !important;
}

.cShopVehicleSummaryHContent {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}

.cShopVehicleSummaryHContent > .cShopVehicleSummaryHContent:not(:first-child) {
  padding-left: 10px;
}

.cShopVehicleSection > *:first-child {
  font-weight: 600;
}

.cShopVehicleSection {
  background-color: rgb(244, 246, 248);
  padding-left: 5px;
}

.cShopVehicleSummaryFieldTitle {
  color: darkgray;
  margin-right: 5px;
}

.cShopVehicleSummaryVehicleField {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cShopVehicleSummaryCustomerDetailsContainer {
  height: fit-content;
}

.cShopVehicleSummaryPhoneNumbers {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  margin-left: 5px;
  margin-bottom: 5px;
}

.cShopVehicleSummaryPhoneNumbers span:nth-child(odd) {
  font-weight: bold;
  margin-right: 10px;
}

@media screen and (max-width: 479px) {
  .cCustomerPhone {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cCustomerPhone {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .cCustomerPhone {
    display: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cCustomerPhone {
    display: none;
  }
}
.cShopVehicleTextMessage {
  display: flex;
  height: 100%;
}

.cShopVehicleMessageCountIconColor {
  color: red;
}

.cTextMessageHost {
  flex: 1;
}

.cTextMessagePageHeight {
  max-height: 100% !important;
  min-height: 100% !important;
  height: 100% !important;
}

.cTextMessagePageWidth {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}

.cTextMessageInfoBarContainer {
  display: flex;
  flex-direction: row;
  margin-bottom: -1px;
}

.cTextMessageShowDocButtonContainer {
  background-color: #565A5A;
  padding: 1px;
}

.cTextMessageShowDocButton {
  min-width: 150px;
  max-width: 230px;
  max-height: 41px !important;
  min-height: 41px !important;
  height: 41px !important;
}

.cTextMessageInfoBar {
  flex: 1;
}

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

.cMessageViewContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: visible;
}

.cMessageViewNewPhoneNumber {
  border: 1px solid darkgray;
}

.cMessageViewMessageContainer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.cMessageViewMessageListContainer {
  height: 100vh;
  background-color: #f9fafc;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1px;
  border-left: none;
  border-right: none;
  /*flex-direction  : column ;*/
}

.cActivationCodePopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}

.cActivationCodePopupBody {
  background-color: rgb(244, 246, 248);
  padding-top: 25px;
  padding-bottom: 25px;
  word-wrap: break-word;
}

.cActivationCodePopupButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cActivationCodeInvalid {
  background-color: White;
  color: red;
  text-align: center;
  height: 23px;
  line-height: 23px;
}

.cAppointmentSchedulerBranchLicensingPopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: gray;
}

.cAppointmentSchedulerBranchLicensingPopupBody {
  background-color: rgb(244, 246, 248);
  padding-top: 25px;
  padding-bottom: 25px;
  word-wrap: break-word;
}

.cAppointmentSchedulerBranchLicensingPopupBodyLine {
  line-height: 23px;
  text-align: left;
  width: 100%;
}

.cAppointmentSchedulerBranchLicensingPopupButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cBranchCode {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  align-items: center;
  padding-left: 2px;
}

.cBranchName {
  max-width: 70%;
  min-width: 70%;
  width: 70%;
  padding-left: 2px;
}

.cBranchLicenseEnabled {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  padding-left: 2px;
}

.cBranchLicenseCheckbox > .cCheckbox {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
  align-items: center;
  background-color: transparent;
  padding-left: 35px;
}

.cBranchLicenseList {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  background-color: #397495;
  font-family: Calibri, sans-serif;
  height: 30px;
  line-height: 30px;
  margin-top: 1px;
  white-space: nowrap;
  width: 1000px;
  cursor: default;
}

.cBranchLicenseColumnHeader {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 30px;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}

.cBranchLicenseListColumn {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  user-select: text;
}

.cBranchLicenseRow {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  cursor: default;
}

/*.cBaseAttachment {
  @include flexInit(1);
  @include flexRow()  ;
  width     : 100vw;
  overflow-y: auto ;
  height    : 100% ;
}*/
.cAttachmentPhoneHeader {
  display: none;
}

.cAttachmentHeader {
  display: block;
}

.cAttachmentPopup {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: rgb(255, 255, 255);
}

.cAttachmentContentHeight {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  max-width: 100%;
  overflow-y: auto;
  height: 66vh;
}

.cAttachmentRow {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex-wrap: wrap;
  margin-bottom: 1px;
  min-height: 44px;
  background-color: rgb(244, 246, 248);
}

.cAttachmentRow:nth-child(2n+1) {
  background-color: white;
}

.cAttachmentCheckboxContentWrapper {
  align-content: center;
  display: flex;
  height: 44px;
  min-width: 44px;
  position: relative;
  width: 44px;
}

.cAttachmentCheckboxContent {
  background-color: #ffffff;
  border: solid;
  border-color: rgb(101, 98, 98);
  border-width: 1px;
  display: block;
  font-size: calc(44px * 0.45);
  height: calc(44px / 2);
  position: absolute;
  right: 10px;
  top: 23%;
  width: calc(44px / 2 - 1px);
}

.cAttachmentCheckboxIcon {
  padding-left: 1px;
}

.cAttachmentDocumentDisabled {
  pointer-events: none;
  background-color: #d9d9d9 !important;
}

.cAttachmentInspectionCaptionWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  flex: 1;
}

.cAttachmentInspectionCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cAttachmentDocumentWarningMessage {
  color: red;
  font-weight: bold;
  margin: 10px;
}

@media screen and (max-width: 667px) {
  .cAttachmentPhoneHeader {
    display: block;
  }
  .cAttachmentHeader {
    display: none;
  }
  .cAttachmentContentHeight {
    height: calc(100vh - 44px);
  }
}
.cCameraHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}

.cCameraShow {
  height: 550px;
  width: 667px;
  font-size: 33px;
  font-weight: bold;
}

.cCameraHide {
  padding: 0px;
  height: 0px;
}

.cCameraMessageWrapper {
  background-color: rgb(255, 255, 255);
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.cCameraMessage {
  align-self: center;
  padding-bottom: 120px;
}

@media screen and (max-width: 479px) {
  .cCameraShow {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .cCameraShow {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 667px) {
  .cCameraShow {
    height: 100%;
    width: 100%;
  }
}
.cCmsSystemTagList {
  display: flex;
  flex-wrap: wrap;
  background-color: darkgray;
  padding-top: 1px;
  padding-left: 1px;
}

.cCmsSystemTag {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 44px;
  background-color: rgb(255, 255, 255);
  margin-right: 1px;
  cursor: pointer;
  margin-bottom: 1px;
}

.cCmsSystemTagContainer {
  width: 50%;
}

.cCmsSystemTagListContainer {
  background-color: #fcf9e3;
  height: 100%;
  min-height: 66vh;
  margin-bottom: 1px;
  padding: 10px;
}

@media screen and (max-width: 479px) {
  .cCmsSystemTagListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cCmsSystemTagListContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 667px) {
  .cCmsSystemTagListContainer {
    padding: 0px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cCmsSystemTagListContainer {
    padding: 0px;
  }
}
.cCommentBoxHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}

.cCommentBoxTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  resize: none;
}

.cCommentBoxButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

@media screen and (max-width: 667px) {
  .cCommentBoxTextArea {
    position: absolute;
    bottom: 45px;
    top: 25px;
    width: 100%;
  }
  .cCommentBoxButtonContainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
}
.cConnectionFailHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}

.cConnectionFailTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

.cConnectionFailButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

@media screen and (max-width: 667px) {
  .cConnectionFailTextArea {
    position: absolute;
    bottom: 45px;
    top: 25px;
    width: 100%;
  }
  .cCommentBoxButtonContainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
}
.cDropdownPopup {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
  z-index: 999999;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .cMediaGalleryPopupHeight {
    max-height: 85vh;
  }
  .cMediaGalleryPopupWidth {
    width: 85vw;
  }
}
@media screen and (min-width: 1200px) {
  .cMediaGalleryPopupHeight {
    max-height: 85vh;
  }
  .cMediaGalleryPopupWidth {
    width: 85vw;
  }
}
.cDocumentDetailPopupBody {
  height: 40vh;
}

.cDocumentDetailPopupHeaderWrapper {
  align-items: left;
  cursor: default;
  width: 100%;
}

.cDocumentDetailPopupHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #D9D9D9;
  cursor: default;
  display: flex;
  flex-direction: column;
  min-height: 44px;
  position: relative;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}

.cDocumentDetailExtraSummaryInfo {
  background-color: rgb(244, 246, 248);
  width: 100%;
}

.cDocumentDetailExtraSummaryInfoRow {
  min-height: calc(44px / 2);
}

.cDocumentDetailExtraSummaryInfoCaption {
  font-weight: bold;
  font-style: italic;
  padding-left: 5px;
  padding-right: 5px;
}

.cDocumentDetailButtonWrapper {
  margin-top: auto;
}

.cDocumentDetailPopupRowWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: rgb(255, 255, 255);
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  align-items: center;
}

.cDocumentDetailPopupRowWrapper:empty {
  display: none;
}

.cDocumentDetailPopupRowWrapper div:first-child {
  border-left: 0px;
}

.cDocumentDetailPopupRowWrapper div:last-child {
  border-right: 0px;
}

.cDocumentDetailPopupRowColumn {
  flex: 1;
  border-style: solid;
  border-width: 0px 1px;
  border-color: darkgray;
  box-sizing: border-box;
  cursor: pointer;
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.cDocumentDetailPopupRowColumn .cCheckbox {
  margin-bottom: 0px;
}

.cDocumentDetailPopupRowColumn .cCheckboxCaptionText {
  display: block;
  text-align: right;
}

.cDocumentDetailPopupRowColumnLeft .cCheckboxCaptionText {
  text-align: left !important;
}

.cDocumentDetailPopupRowIcon {
  padding-left: 10px;
  font-size: 26px;
  padding-right: 10px;
}

.cDocumentDetailTireStorageInfoBasic {
  display: flex;
  height: 44px;
  line-height: calc(44px / 2);
}

.cDocumentDetailTireStorageInfoBasicLine {
  display: flex;
  justify-content: space-between;
}

.cDocumentDetailTireStorageInfoBasicRow {
  margin-right: 5px;
  width: 100%;
}

.cDocumentDetailTireStorageInfoContainer {
  max-height: 350px;
  overflow-y: auto;
}

.cDocumentDetailTireStorageInfoDetails {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  margin-left: calc(44px / 2);
  margin-top: 5px;
  padding-bottom: 5px;
}

.cDocumentDetailTireStorageInfoDetailCaption {
  font-weight: bold;
  margin-left: auto;
  margin-right: 5px;
}

.cDocumentDetailTireStorageInfoHeader {
  background-color: rgb(244, 246, 248);
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  padding: 5px;
}

.cDocumentDetailTireStorageInfoIcon {
  color: grey;
  display: flex;
  font-size: calc(44px / 2);
  justify-content: center;
  line-height: calc(44px / 2);
  width: calc(44px / 2);
}

.cDocumentDetailTireStorageInfoRowContainer {
  background-color: white;
  margin-bottom: 1px;
}
.cDocumentDetailTireStorageInfoRowContainer:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 479px) {
  .cDocumentDetailTireStorageInfoContainer {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  .cDocumentDetailTireStorageInfoContainer::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cDocumentDetailTireStorageInfoContainer {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  .cDocumentDetailTireStorageInfoContainer::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .cDocumentDetailTireStorageInfoContainer {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  .cDocumentDetailTireStorageInfoContainer::-webkit-scrollbar {
    display: none;
  }
}
.cEmailInspectionPopup {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
  z-index: 999999;
}

.cEmailInspectionButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cEmailInspectionBody {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  height: 66vh;
  max-width: 100%;
}

.cEmailInspectionRow {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex-wrap: wrap;
  margin-bottom: 1px;
  min-height: 44px;
  background-color: rgb(244, 246, 248);
}

.cEmailInspectionRow:nth-child(2n+1) {
  background-color: white;
}

.cEmailInspectionCheckboxContentWrapper {
  align-content: center;
  display: flex;
  height: 44px;
  min-width: 44px;
  position: relative;
  width: 44px;
}

.cEmailInspectionCaptionWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  flex: 1;
}

.cEmailInspectionCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cEmailRecipientPopup {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
  z-index: 999999;
}

.cEmailRecipientButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cEmailRecipientBody {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  max-height: 66vh;
  min-height: 33vh;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.cEmailRecipientRow {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex-wrap: wrap;
  min-height: 44px;
  background-color: rgb(244, 246, 248);
}

.cEmailRecipientRow:nth-child(2n+1) {
  background-color: white;
}

.cEmailRecipientCheckboxContentWrapper {
  align-content: center;
  display: flex;
  height: 44px;
  min-width: 44px;
  position: relative;
  width: 44px;
}

.cEmailRecipientCaptionWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  flex: 1;
}

.cEmailRecipientCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cErrorPopup {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
  z-index: 1000001;
}

.cErrorPopup_Body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(244, 246, 248);
}

.cErrorPopup_Copy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: default;
  text-align: right;
  padding-right: 10px;
  right: 0px;
  margin-left: auto;
}

.cErrorPopup_Header {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: rgb(192, 0, 0);
}

.cErrorPopup_IconFontSize {
  font-size: 13.5px !important;
}

.cErrorPopup_Message {
  font-family: Consolas;
  font-size: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding-left: 10px;
  word-wrap: break-word;
  max-height: 25vh;
  overflow-y: scroll;
}

.cErrorPopup_ShowMore {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: default;
  text-align: right;
  padding-right: 10px;
}

.cErrorPopup_StackTrace {
  font-family: Consolas;
  font-size: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  height: 350px;
  overflow: scroll;
  overflow-x: hidden;
  word-wrap: break-word;
  background-color: #1E1E1E;
  color: #7BB7C6;
  padding-left: 10px;
  padding-right: 10px;
  user-select: all;
  white-space: pre;
}

.cErrorPopup_StackTraceCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.cErrorPopup_StackTraceHeader {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-top: 10px;
}

@media screen and (max-width: 479px) {
  .cErrorPopup_StackTrace {
    flex: 1;
  }
}
@media screen and (max-width: 599px) {
  .cErrorPopup_StackTrace {
    flex: 1;
  }
}
@media screen and (max-width: 667px) {
  .cErrorPopup_StackTrace {
    flex: 1;
  }
}
.cLoginMaxUserLicensePopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: rgb(192, 0, 0);
}

.cLoginMaxUserLicensePopupBody {
  background-color: rgb(244, 246, 248);
  padding: 25px 5px;
}

.cLoginMaxUserLicensePopupBodyLine {
  height: 23px;
  text-align: center;
  width: 100%;
}

.cLoginMaxUserLicenseExclamation {
  color: rgb(9, 83, 136);
  font-size: 5em;
  flex: 2;
  text-align: center;
}

.cLoginMaxUserLicenseInfo {
  display: flex;
  flex-direction: row;
  padding: 0 5px;
}

.cLoginMaxUserLicenseMessage {
  align-self: center;
  flex: 9;
  padding-left: 5px;
}

.cLoginMaxUserLicenseMessageDetail {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 45px;
  overflow: hidden;
}

.cMessageBoxPopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}

.cMessageBoxPopupBody {
  background-color: rgb(244, 246, 248);
  padding-top: 25px;
  padding-bottom: 25px;
  word-wrap: break-word;
}

.cMessageBoxPopupBodyLine {
  line-height: 23px;
  text-align: left;
  width: 100%;
}

.cMessageBoxPopupButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cNotificationPopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
}

.cNotificationBody {
  height: 40vh;
  flex-direction: column;
}

.cNotificationHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: default;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

.cNotificationHeaderWrapper {
  align-items: left;
  background-color: #D9D9D9;
  cursor: default;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  line-height: calc(44px / 2);
  width: 100%;
}

.cNotificationHeaderCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: bold;
  padding-left: 10px;
}

.cNotificationHeaderDescription {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 5px;
  text-align: right;
}

.cNotificationData {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
}

.cNotificationRowWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1px;
}

.cNotificationRowIcon {
  padding-left: 10px;
  font-size: 26px;
  padding-right: 10px;
}

.cMediaGalleryPopupContainer {
  max-height: 66vh;
  max-width: 45vw;
  min-width: 665px;
}

.cMediaGalleryPopupCameraButtonWrapper {
  background-color: #d9d9d9;
  margin-top: auto !important;
}
.cMediaGalleryPopupCameraButtonWrapper cButton {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: fit-content;
}

@media screen and (max-width: 479px) {
  .cMediaGalleryPopupContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
@media screen and (max-width: 599px) {
  .cMediaGalleryPopupContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
@media screen and (max-width: 667px) {
  .cMediaGalleryPopupContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
.cPictureViewerHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
}

.cPictureViewerCreatedTime {
  margin-right: 5px;
  margin-left: auto;
}

.cPictureViewerMediaContainer {
  max-height: 66vh;
  max-width: 45vw;
  min-width: 665px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}

.cPictureViewerButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cPictureViewerShow {
  font-size: 33px;
  font-weight: bold;
}

.cPictureViewerMessage {
  padding-bottom: 180px;
  text-align: center;
  width: 100%;
}

.cPictureViewerBody {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  height: 66vh;
  max-width: 100%;
}

.cPictureViewerMedia {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  height: 58vh;
  max-width: 100%;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: flex;
  flex: 1;
}

.cPictureViewerImage {
  display: none;
}

.cPictureViewerTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}

.cPictureViewerDescriptionContainer {
  bottom: 2px;
  height: 16vh;
  overflow: hidden;
  width: 100%;
}

.cPictureViewerDescriptionWrapper {
  height: 100%;
}

.cPictureViewerDescriptionMobileEditModeWrapper {
  height: 100vh;
  overflow: hidden;
  width: 100%;
}

.cPictureViewerDateSeparator {
  border-bottom: 1px solid darkgray;
}

.cPictureViewerEditMultilineTextbox {
  border: none !important;
  overflow: auto;
  max-height: 44px;
  padding-top: 1px;
}

@media screen and (max-width: 479px) {
  .cPictureViewerShow {
    height: 100%;
    width: 100%;
  }
  .cPictureViewerMediaContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
@media screen and (max-width: 599px) {
  .cPictureViewerShow {
    height: 100%;
    width: 100%;
  }
  .cPictureViewerMediaContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
@media screen and (max-width: 667px) {
  .cPictureViewerShow {
    height: 100%;
    width: 100%;
  }
  .cPictureViewerMediaContainer {
    max-height: none;
    max-width: none;
    min-width: auto;
  }
}
.cPinContainer {
  min-width: 309px;
  width: 45vw;
  background-color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 1px;
  border-color: darkgray;
}

.cPinControlContainer {
  min-width: 289px;
  width: 289px;
  align-self: center;
  margin-top: 10px;
  max-height: 91px;
  min-height: 91px;
}

.cPinInvalidPinCaption {
  min-width: 289px;
  width: 289px;
  align-self: center;
  color: rgb(192, 0, 0);
  text-align: center;
  height: 22px;
}

.cPinButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  width: 289px;
  max-width: 289px;
  align-self: center;
  background-color: darkgray;
  padding-top: 1px;
  margin-bottom: 10px;
}

.cPinButton {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 1px;
  margin-left: 1px;
  max-width: 95px;
  width: 95px;
  font-size: 3.5em;
}

.cPinClearOrDelete {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 1px;
  margin-left: 1px;
  max-width: 95px;
  width: 95px;
  font-size: 1.3em;
}

.cPinYellowBackground {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #fcf9e3;
}

.cPinOkWraper {
  max-height: calc(44px + 1px);
}

@media screen and (max-width: 479px) {
  .cPinContainer {
    width: 100vw;
    height: 100vh;
    background-color: #fcf9e3;
  }
  .cPinVerticalCenter {
    justify-content: center;
  }
}
@media screen and (max-width: 599px) {
  .cPinContainer {
    width: 100vw;
    height: 100vh;
    background-color: #fcf9e3;
  }
  .cPinVerticalCenter {
    justify-content: center;
  }
}
@media screen and (max-width: 667px) {
  .cPinContainer {
    width: 100vw;
    height: 100vh;
    background-color: #fcf9e3;
    border-width: 0px;
  }
  .cPinVerticalCenter {
    justify-content: center;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cPinContainer {
    width: 100vw;
    height: 100vh;
    background-color: #fcf9e3;
  }
  .cPinVerticalCenter {
    justify-content: center;
  }
}
.cPunchClockAlreadyClockingDetails {
  overflow-y: auto;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .cPunchClockAlreadyClockingDetails {
    min-height: calc(44px * 4);
    max-height: calc(44px * 6);
  }
}
@media screen and (min-width: 1200px) {
  .cPunchClockAlreadyClockingDetails {
    min-height: calc(44px * 4);
    max-height: calc(44px * 6);
  }
}
.cPunchClockOverrideExtraSummaryInfo {
  background-color: rgb(244, 246, 248);
  width: 100%;
}

.cPunchClockOverrideExtraSummaryInfoRow {
  min-height: calc(44px / 2);
}

.cPunchClockOverrideExtraSummaryInfoCaption {
  font-weight: bold;
  font-style: italic;
  padding-left: 5px;
  padding-right: 5px;
}

.cPunchClockOverrideTech {
  display: flex;
  margin-bottom: 0px;
}
.cPunchClockOverrideTech > :first-child {
  margin-right: 1px;
  flex: 4;
}

.cPunchClockOverrideServiceInfo {
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
  background-color: rgb(244, 246, 248);
  display: flex;
  font-weight: bold;
}

.cPunchClockOverrideServiceInfo_LaborCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-left: 5px;
  margin-right: 5px;
  line-height: calc(44px / 2);
}

.cPunchClockOverrideServiceInfo_TotalHours {
  text-align: right;
  margin-right: 5px;
  line-height: calc(44px / 2);
}

@media screen and (max-width: 479px) {
  .cPunchClockOverrideTech > :first-child {
    flex: 2;
  }
}
@media screen and (max-width: 599px) {
  .cPunchClockOverrideTech > :first-child {
    flex: 2;
  }
}
@media screen and (max-width: 667px) {
  .cPunchClockOverrideTech > :first-child {
    flex: 2;
  }
}
.cVin18CharacterHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.cVin18CharacterScannedVinTextBox {
  flex-direction: row;
}

.cVin18CharacterRecommendedVinTextBox {
  flex-direction: row;
  padding-top: 0;
}

.cVin18CharacterTextBox {
  flex: 4 !important;
  height: 44px;
  margin: 0px 1px 1px 0;
}

.cVin18CharacterButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cVin18CharacterBody {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #fcf9e3;
  justify-content: center;
  padding-left: 10px;
}

.cVin18CharacterBodyTextBoxWrapper {
  align-self: center;
  margin: 15px 0 15px 0;
  width: 80%;
}

.cVin18CharacterBodyNote {
  color: rgb(192, 0, 0);
}

@media screen and (max-width: 479px) {
  .cVin18CharacterScannedVinTextBox,
  .cVin18CharacterRecommendedVinTextBox {
    flex: none;
  }
  .cVin18CharacterBodyTextBoxWrapper {
    align-self: center;
    margin: 15px 0 15px 0;
    width: 100%;
  }
  .cVin18CharacterBody {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: #fcf9e3;
    justify-content: center;
    padding-left: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cVin18CharacterScannedVinTextBox,
  .cVin18CharacterRecommendedVinTextBox {
    flex: none;
  }
}
@media screen and (max-width: 667px) {
  .cVin18CharacterScannedVinTextBox,
  .cVin18CharacterRecommendedVinTextBox {
    flex: none;
  }
}
.cVinNonStandardHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.cVinNonStandardScannedVinTextBox {
  flex-direction: row;
}
.cVinNonStandardScannedVinTextBox .cTextBoxRightCaption {
  font-weight: normal;
}

.cVinNonStandardRecommendedVinTextBox {
  flex-direction: row;
  padding-top: 0;
}
.cVinNonStandardRecommendedVinTextBox .cTextBoxRightCaption {
  color: rgb(0, 118, 53);
  font-weight: normal;
}

.cVinNonStandardTextBox {
  flex: 4 !important;
  height: 44px;
  margin: 0px 1px 1px 0;
}

.cVinNonStandardButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cVinNonStandardBody {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #fcf9e3;
  justify-content: center;
  padding-left: 10px;
}

.cVinNonStandardBodyTextBoxWrapper {
  align-self: center;
  margin: 15px 0 15px 0;
  width: 80%;
}

.cVinNonStandardBodyNote {
  color: rgb(192, 0, 0);
}

@media screen and (max-width: 479px) {
  .cVinNonStandardScannedVinTextBox,
  .cVinNonStandardRecommendedVinTextBox {
    flex: none;
  }
  .cVinNonStandardBodyTextBoxWrapper {
    align-self: center;
    margin: 15px 0 15px 0;
    width: 100%;
  }
  .cVinNonStandardBody {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: #fcf9e3;
    justify-content: center;
    padding-left: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cVinNonStandardScannedVinTextBox,
  .cVinNonStandardRecommendedVinTextBox {
    flex: none;
  }
}
@media screen and (max-width: 667px) {
  .cVinNonStandardScannedVinTextBox,
  .cVinNonStandardRecommendedVinTextBox {
    flex: none;
  }
}
.cSearchInfoHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  margin-top: 1px;
  padding-left: 6px;
}

.cSearchInfoMessage {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  background-color: rgb(255, 255, 255);
  color: black;
  margin-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 50px;
}

@media screen and (max-width: 479px) {
  .cSearchInfoMessage {
    height: 100vh;
  }
}
@media screen and (max-width: 599px) {
  .cSearchInfoMessage {
    height: 100vh;
  }
}
@media screen and (max-width: 667px) {
  .cSearchInfoMessage {
    height: 100vh;
  }
}
.cSelectEmployeeWraper {
  max-height: calc(44px + 1px);
}

/* spinner.component.scss */
.cSpinnerPopup {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  background-color: transparent;
  z-index: 1000000;
}

.cSpinner {
  display: flex;
  flex: 1;
  font-size: 2.3em;
  height: 32px;
  justify-content: center;
  position: relative;
}

.cSpinner-Container {
  background: rgba(89, 89, 89, 0.9);
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  color: white;
  margin: 0 5px;
  min-width: 180px;
  padding: 10px;
}

.cSpinner-Text {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-size: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}

.cSpinnerButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
  margin-top: 10px;
}

.cSystemOverridePopupWrapper {
  width: 500px;
}

.cSystemOverrideContentWrapper {
  padding: 22px 150px;
  background-color: rgb(244, 246, 248);
  display: flex;
  flex-direction: column;
}

.cSystemOverrideTextBoxWrapper {
  background-color: darkgray;
  padding: 1px 1px 0 1px;
}

.cSystemOverrideHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: rgb(192, 0, 0);
}

.cSystemOverrideInvalidCaption {
  align-self: center;
  color: rgb(192, 0, 0);
  height: 22px;
  margin-bottom: -22px;
  text-align: center;
  width: 100%;
}

.cSystemOverrideButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cWarningPopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: rgb(192, 0, 0);
}

.cWarningPopupBody {
  background-color: rgb(244, 246, 248);
  padding-top: 25px;
  padding-bottom: 25px;
}

.cWarningPopupBodyLine {
  line-height: 23px;
  text-align: center;
  width: 100%;
}

.cWarningPopupButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

.cSelectionPopupItem {
  min-height: calc(44px - 1px);
  cursor: pointer;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.cSelectionPopupItemOdd {
  background-color: rgb(244, 246, 248);
}

.cSelectionPopupItemEven {
  background-color: white;
}

.cSelectionPopupItemDisabled {
  color: darkgray;
  background-color: #d9d9d9;
}

.cSelectionIconColor-Green {
  color: rgb(0, 118, 53) !important;
}

.cSelectionPopupIconContainer {
  min-width: 30px;
}

.cSelectionPopupIconXL {
  font-size: x-large;
}

.cSelectionPopupIconXXL {
  font-size: xx-large;
}

.cSelectionPopupSection {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: 0px;
  max-height: 66vh;
  overflow-y: auto;
}

.cSelectionPopupPlaceHolder {
  flex: 1;
  background-color: rgb(244, 246, 248);
}

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

.cSelectionPopupItemHeader {
  font-weight: bold;
}

.cSelectionPopupButtonContainer {
  margin-bottom: 0px;
}

.cServerNotAvailableSpinnerContainer {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
  background-color: white;
  padding-bottom: 50px;
  padding-top: 5px;
}

.cServerNotAvailableSpinnerAndCaptionContainer {
  background-color: white;
  height: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
}

.cServerNotAvailableSpinner {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}

.cServerNotAvailableTime {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
  font-size: 30px;
  text-align: center;
}

.cServerNotAvailableSpinnerCaption {
  background-color: white;
  text-align: center;
  padding-top: 50px;
}

.cDatePickerScrollBox {
  height: 44px;
  min-height: 44px;
  display: flex;
  flex-direction: row;
  background-color: white;
}

.cDatePickerScrollBoxIcon {
  max-width: 35px;
  min-width: 35px;
  width: 35px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.cDatePickerScrollBoxIcon:hover {
  background-color: #808B95 !important;
  color: #FFFFFF !important;
}

.cDatePickerScrollBoxBody {
  flex: 1;
  text-align: center;
  line-height: 44px;
  font-size: 17px;
  cursor: pointer;
}

.cDatePickerButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  max-height: 44px;
  min-height: 44px;
  height: 44px;
}

.cDatePickerDayHeader {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
  background-color: #000000;
  color: white;
}

.cDatePickerDayCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  flex: 1;
  height: calc(44px / 2);
  line-height: calc(44px / 2);
  text-align: center;
}

.cDatePickerDayContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: auto;
  flex: 1;
  max-height: 100%;
  -ms-overflow-style: none;
}

.cDatePickerDayContainer::-webkit-scrollbar {
  display: none;
}

.cDatePickerMonthContainer {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
  max-height: 100%;
  -ms-overflow-style: none;
}

.cDatePickerMonthContainer::-webkit-scrollbar {
  display: none;
}

.cDatePickerDay {
  max-width: 39px;
  min-width: 39px;
  width: 39px;
  max-height: 39px;
  min-height: 39px;
  height: 39px;
  cursor: pointer;
  line-height: 39px;
  text-align: center;
  margin-right: 1px;
  margin-bottom: 1px;
}

.cDatePickerDay:nth-child(7n) {
  margin-right: 0px;
}

.cDatePickerPrimaryColor {
  background-color: white;
}

.cDatePickerSecondaryColor {
  background-color: #c4e4ef;
}

.cDatePickerFirstWeekOfMonth {
  margin-top: 15px;
}

.cDatePickerDayMonthCaption {
  position: relative;
  margin-top: -14px;
  font-size: 12px;
  height: 14px;
  width: 78px;
  line-height: 12px;
  text-align: center;
  margin-left: -19px;
}

.cDatePickerDayMonthCaption_7thDayOfMonth {
  position: relative;
  margin-top: -14px;
  font-size: 12px;
  height: 14px;
  width: 78px;
  line-height: 12px;
  text-align: right;
  margin-left: -44px;
}

.cDatePickerDayMonthCaption_FirstDayOfMonth {
  position: relative;
  margin-top: -14px;
  font-size: 12px;
  height: 14px;
  width: 78px;
  line-height: 12px;
  text-align: left;
  margin-left: 5px;
}

.cDatePickerDayValue {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 38%;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  margin-left: 10%;
  width: 80%;
}

.cDatePickerDayValue:hover {
  background-color: #62666A;
  border-radius: 10px;
  cursor: pointer;
  color: white !important;
}

.cDatePickerDayValue_Selected {
  background-color: rgb(0, 118, 53);
  border-radius: 10px;
  color: white !important;
}

.cDatePickerToday {
  color: #631616;
  height: 13px;
  font-size: 10px;
  font-weight: bold;
  margin-top: -13px;
}

.cDatePickerDayValue_Today {
  color: #631616;
}

.cDatePickerScrollViewPort {
  max-height: 400px;
  min-height: 400px;
  height: 400px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cDatePickerSection {
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
}

.cDatePickerYearMonthList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.cDatePickerMonth {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  max-height: 69px;
  min-height: 69px;
  height: 69px;
  max-width: 69px;
  min-width: 69px;
  width: 69px;
  line-height: 69px;
  text-align: center;
  margin-top: 1px;
  margin-right: 1px;
  background-color: white;
  cursor: pointer;
}
.cDatePickerMonth:hover {
  background-color: #808B95 !important;
  color: #FFFFFF !important;
}

.cDatePickerMonth:nth-child(4n) {
  margin-right: 0px;
}

.cDatePickerYearMonth {
  background-color: darkgrey;
}
.cDatePickerYearMonth:nth-child(2n+1) > .cDatePickerYearMonthList > .cDatePickerMonth {
  background-color: rgb(244, 246, 248);
}

.cDatePickerYearMonthCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
  line-height: calc(44px / 2);
  text-align: center;
}

.cDatePickerSelectMonthCaption {
  flex: 1;
  text-align: center;
  line-height: calc(44px / 2);
}

.cDatePickerYearContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: auto;
  flex: 1;
  max-height: 100%;
  align-items: center;
  justify-content: center;
  -ms-overflow-style: none;
}
.cDatePickerYearContainer::-webkit-scrollbar {
  display: none;
}

.cDatePickerYear {
  max-height: 55px;
  min-height: 55px;
  height: 55px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  min-width: calc(20% - 1px);
  width: calc(20% - 1px);
  max-width: calc(20% - 1px);
  min-width: -moz-calc(20% - 1px);
  width: -moz-calc(20% - 1px);
  max-width: -moz-calc(20% - 1px);
  min-width: -webkit-calc(20% - 1px);
  width: -webkit-calc(20% - 1px);
  max-width: -webkit-calc(20% - 1px);
  cursor: pointer;
  background-color: white;
  margin-right: 1px;
  margin-top: 1px;
  line-height: 55px;
  text-align: center;
}
.cDatePickerYear:hover {
  background-color: #808B95 !important;
  color: #FFFFFF !important;
}
.cDatePickerYear:nth-child(5n) {
  margin-right: 0px;
}
.cDatePickerYear:nth-child(n+104) {
  background-color: #c4e4ef;
}
.cDatePickerYear:nth-last-child(103) {
  color: #631616;
  font-weight: bold;
}

.cDatePickerMonthScrollStop {
  max-height: 60px;
  min-height: 60px;
  height: 60px;
  margin-top: -60px;
}

@media screen and (max-width: 479px) {
  .cDatePickerYear {
    min-width: calc(20vw - 1px);
    width: calc(20vw - 1px);
    max-width: calc(20vw - 1px);
    min-width: -moz-calc(20vw - 1px);
    width: -moz-calc(20vw - 1px);
    max-width: -moz-calc(20vw - 1px);
    min-width: -webkit-calc(20vw - 1px);
    width: -webkit-calc(20vw - 1px);
    max-width: -webkit-calc(20vw - 1px);
    max-height: 20vw;
    min-height: 20vw;
    height: 20vw;
    line-height: 20vw;
  }
  .cDatePickerMonth {
    max-width: 24.7vw;
    min-width: 24.7vw;
    width: 24.7vw;
    max-height: 24.7vw;
    min-height: 24.7vw;
    height: 24.7vw;
    line-height: 24.7vw;
  }
  .cDatePickerDay {
    max-width: 14vw;
    min-width: 14vw;
    width: 14vw;
    max-height: 14vw;
    min-height: 14vw;
    height: 14vw;
  }
  .cDatePickerScrollViewPort {
    max-height: none;
    min-height: none;
    height: none;
  }
}
@media screen and (max-width: 599px) {
  .cDatePickerYear {
    min-width: calc(20vw - 1px);
    width: calc(20vw - 1px);
    max-width: calc(20vw - 1px);
    min-width: -moz-calc(20vw - 1px);
    width: -moz-calc(20vw - 1px);
    max-width: -moz-calc(20vw - 1px);
    min-width: -webkit-calc(20vw - 1px);
    width: -webkit-calc(20vw - 1px);
    max-width: -webkit-calc(20vw - 1px);
    max-height: 20vw;
    min-height: 20vw;
    height: 20vw;
    line-height: 20vw;
  }
  .cDatePickerMonth {
    max-width: 24.7vw;
    min-width: 24.7vw;
    width: 24.7vw;
    max-height: 24.7vw;
    min-height: 24.7vw;
    height: 24.7vw;
    line-height: 24.7vw;
  }
  .cDatePickerDay {
    max-width: 14vw;
    min-width: 14vw;
    width: 14vw;
    max-height: 14vw;
    min-height: 14vw;
    height: 14vw;
  }
  .cDatePickerScrollViewPort {
    max-height: none;
    min-height: none;
    height: none;
  }
}
@media screen and (max-width: 667px) {
  .cDatePickerYear {
    min-width: calc(20vw - 1px);
    width: calc(20vw - 1px);
    max-width: calc(20vw - 1px);
    min-width: -moz-calc(20vw - 1px);
    width: -moz-calc(20vw - 1px);
    max-width: -moz-calc(20vw - 1px);
    min-width: -webkit-calc(20vw - 1px);
    width: -webkit-calc(20vw - 1px);
    max-width: -webkit-calc(20vw - 1px);
    max-height: 20vw;
    min-height: 20vw;
    height: 20vw;
    line-height: 20vw;
  }
  .cDatePickerMonth {
    max-width: 24.7vw;
    min-width: 24.7vw;
    width: 24.7vw;
    max-height: 24.7vw;
    min-height: 24.7vw;
    height: 24.7vw;
    line-height: 24.7vw;
  }
  .cDatePickerDay {
    max-width: 14vw;
    min-width: 14vw;
    width: 14vw;
    max-height: 14vw;
    min-height: 14vw;
    height: 14vw;
  }
  .cDatePickerScrollViewPort {
    max-height: none;
    min-height: none;
    height: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cDatePickerContainer {
    max-width: 281px;
    min-width: 281px;
    width: 281px;
    line-height: 14.2vw;
  }
  .cDatePickerYearMonthList {
    min-height: 210px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .cDatePickerContainer {
    max-width: 281px;
    min-width: 281px;
    width: 281px;
  }
  .cDatePickerYearMonthList {
    min-height: 210px;
  }
  .cDatePickerButtonContainer {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .cDatePickerContainer {
    max-width: 281px;
    min-width: 281px;
    width: 281px;
  }
  .cDatePickerYearMonthList {
    min-height: 210px;
  }
  .cDatePickerButtonContainer {
    display: none;
  }
}
.cDynamicSearchCriteriaHeader {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
}

.cDynamicSearchResultList {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 300px;
}

.cDynamicSearch {
  z-index: 20;
}

.cDynamicSearchRecord {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1px;
}
.cDynamicSearchRecord:nth-child(2n+1) {
  background-color: rgb(244, 246, 248);
}

.cDynamicSearchRecordValues {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.cDynamicSearchRecordCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-left: 5px;
  font-weight: bold;
}

.cDynamicSearchRecordKey {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-style: italic;
  padding-left: 10px;
}

.cDynamicSearchCheckBoxContainer {
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.cDynamicSearchCheckBox {
  max-width: 20px;
  min-width: 20px;
  width: 20px;
  max-height: 20px;
  min-height: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(101, 98, 98);
  background-color: rgb(244, 246, 248);
}

.cDynamicSearchIsInactive {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  margin-right: 1px;
}

.cDynamicSearchFullText {
  margin-right: 1px;
}

.cDynamicSearchWhiteSpace {
  background-color: white;
  margin-right: 1px;
  flex: 1;
}

.cDynamicSearchPopupSection {
  max-height: 500px;
  min-height: 500px;
  height: 500px;
}

@media screen and (max-width: 479px) {
  .cDynamicSearchPopupSection {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
  }
  .cDynamicSearchResultList {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 599px) {
  .cDynamicSearchPopupSection {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
  }
  .cDynamicSearchResultList {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 667px) {
  .cDynamicSearchPopupSection {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
  }
  .cDynamicSearchResultList {
    margin-bottom: auto;
  }
}
.cButtons {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}

.cResultList {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}

.cAssignInspection {
  z-index: 20;
}

.cRecord {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1px;
  cursor: pointer;
}

.cRecordValues {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  cursor: pointer;
}

.cRecordCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-left: 5px;
  font-weight: bold;
  cursor: pointer;
}

.cCheckBoxContainer {
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.cCheckBox {
  max-width: 20px;
  min-width: 20px;
  width: 20px;
  max-height: 20px;
  min-height: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(101, 98, 98);
  background-color: rgb(244, 246, 248);
}

.cIsInactive {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  margin-right: 1px;
}

.cFullText {
  margin-right: 1px;
}

.cWhiteSpace {
  background-color: white;
  margin-right: 1px;
  flex: 1;
}

.cIsDisabled {
  background-color: #d9d9d9;
}

.cIsEnabled {
  background-color: white;
}
.cIsEnabled:nth-child(2n+1) {
  background-color: rgb(244, 246, 248);
}

@media screen and (max-width: 479px) {
  .cResultList {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media screen and (max-width: 599px) {
  .cResultList {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media screen and (max-width: 667px) {
  .cResultList {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.cHealthCheckPopupWrapper {
  width: 500px;
}

.cHealthCheckContentWrapper {
  padding: 22px 150px;
  background-color: rgb(244, 246, 248);
  display: flex;
  flex-direction: column;
}

.cHealthCheckTextBoxWrapper {
  background-color: darkgray;
  padding: 1px 1px 0 1px;
}

.cHealthCheckHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  background-color: rgb(192, 0, 0);
}

.cHealthCheckInvalidCaption {
  align-self: center;
  color: rgb(192, 0, 0);
  height: 22px;
  margin-bottom: -22px;
  text-align: center;
  width: 100%;
}

.cHealthCheckButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  box-shadow: none;
  box-sizing: border-box;
}

@media screen and (max-width: 479px) {
  .cHealthCheckContentWrapper {
    padding: 10px;
    height: 100%;
  }
}
@media screen and (max-width: 599px) {
  .cHealthCheckContentWrapper {
    padding: 10px;
    height: 100%;
  }
}
@media screen and (max-width: 667px) {
  .cHealthCheckContentWrapper {
    padding: 10px;
    height: 100%;
  }
}
.cSignatureCaptureMessageWrapper {
  background-color: #fcf9e3;
}
.cSignatureCaptureMessageWrapper > * {
  width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cSignatureCaptureMessageTextArea {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  border: none;
  box-shadow: none;
  flex: 1;
  resize: none;
}

.cSignatureCaptureMessageNote {
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.cSignatureCapturePopup {
  height: 100%;
}

.cSignatureCaptureCanvas {
  margin-top: auto;
  margin-bottom: auto;
}

.cSignatureCaptureSection .cSectionContainer {
  height: 100%;
}

.cSignatureCaptureCanvasContainer {
  margin-bottom: 22px;
  margin-top: 22px;
  width: 90%;
}

.cSignatureCaptureCaption {
  background-color: lightgrey;
  padding: 5px;
}

.cSignatureCaptureButtonContainer {
  display: flex;
  flex-direction: row;
}

@media screen and (max-height: 479px) {
  .cSignatureCapturePopupVCenter {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
  }
  .cSignatureCapturePopupHCenter {
    height: 100%;
  }
  .cSignatureCapturePopupContainer {
    width: 100%;
  }
  .cSignatureCaptureCanvasContainer {
    height: 100%;
  }
}
.cTireGuidePopupClose {
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  box-sizing: border-box;
  flex: none;
  display: flex;
}

.cTireGuidePopupContainer {
  box-sizing: border-box;
  padding: 10px;
  background-color: rgb(244, 246, 248);
}

.cTireGuidePopupHeader {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: rgb(255, 255, 255);
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
  max-height: 33px;
  min-height: 33px;
  height: 33px;
  display: flex;
  justify-content: space-between;
  line-height: 33px;
  padding-left: 10px;
}

@media screen and (max-width: 667px) {
  .cTireGuidePopupComboBox {
    flex: none !important;
  }
  .cTireGuidePopupContainer {
    padding: 0;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cTireGuidePopupButton {
    flex: none !important;
  }
}
.cBackButtonBackIcon {
  font-size: 2.2em;
  padding: 0 3px 0 3px;
}

.cBackButton {
  align-items: center;
  color: rgb(13, 80, 161);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 100%;
  z-index: 10;
}

.cBackButton:active {
  background-color: #A6A6A6;
}

.cBooleanDisplay {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  margin-top: 0px !important;
  margin-bottom: 1px;
  position: relative;
  max-height: 44px;
}

.cBooleanDisplayContainer {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  display: flex;
  font-weight: bolder;
  height: 100%;
}
.cBooleanDisplayContainer.cBooleanDisplayDisabled {
  background-color: #d9d9d9;
}

.cBooleanDisplayCaptionContainer {
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
}

.cBooleanDisplayCaptionText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  display: flex;
  flex: 1;
  line-height: 14px;
  text-align: center;
}

.cBooleanDisplayContentWrapper {
  display: flex;
  height: 44px;
  align-content: center;
  width: 44px;
  position: relative;
}

.cBooleanDisplayContent {
  display: block;
  font-size: calc(44px * 0.45);
  height: calc(44px / 2);
  position: absolute;
  right: 10px;
  top: 23%;
  width: calc(44px / 2 - 1px);
}

.cBooleanDisplayIcon {
  padding-left: 1px;
}

.cBooleanDisplayRightAlign {
  flex-direction: row-reverse;
}

.cButtonContainer {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
}

.cButtonContainer_hidden {
  display: none;
}

.cButton {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  height: 100%;
}

.cButtonCaptionBolded {
  font-weight: bold;
}

.cButtonCaptionDisabled {
  color: rgb(101, 98, 98) !important;
  background-color: #d9d9d9 !important;
}

.cButtonCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex: 1;
}

.costar-checkbox-default-label {
  cursor: pointer;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  display: flex;
  font-weight: bolder;
  flex: 1;
  justify-content: center;
  height: 100%;
}

.costar-checkbox-map-inspection-item:after {
  background-color: rgb(255, 255, 255);
  content: "";
  height: 0;
}

.costar-checkbox-map-inspection-item {
  border: solid;
  border-width: 3px;
  bottom: 1px;
  display: block;
  font-size: 19.8px;
  height: calc(44px - 8px);
  left: 0;
  margin: 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(44px - 8px);
}

.cCheckboxHeight33.cCheckbox {
  max-height: 33px;
  min-height: 33px;
  height: 33px;
}
.cCheckboxHeight33 .cCheckboxContentWrapper {
  height: 33px;
}
.cCheckboxHeight33 .cCheckboxContent {
  top: 17.5%;
}

.cCheckbox {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  margin-top: 0px !important;
  margin-bottom: 1px;
  position: relative;
  max-height: 44px;
}

.cCheckboxCaptionContainer {
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
}

.cCheckboxCaptionIcon {
  align-items: flex-end;
  display: flex;
  flex: 1;
}

.cCheckboxCaptionText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  display: flex;
  flex: 1;
  line-height: 14px;
  text-align: center;
}

.cCheckboxContentWrapper {
  display: flex;
  height: 44px;
  align-content: center;
  width: 44px;
  position: relative;
}

.cCheckboxContent {
  background-color: #ffffff;
  border: solid;
  border-color: rgb(101, 98, 98);
  border-width: 1px;
  display: block;
  font-size: calc(44px * 0.45);
  height: calc(44px / 2);
  position: absolute;
  right: 10px;
  top: 23%;
  width: calc(44px / 2 - 1px);
}
.cCheckboxContent.cCheckboxDisabled {
  background-color: #f2f2f2;
}

.cCheckboxIcon {
  padding-left: 1px;
}

.costar-checkbox-default-label {
  cursor: pointer;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  display: flex;
  font-weight: bolder;
  flex: 1;
  justify-content: center;
  height: 100%;
}

.cCheckboxRightAlign {
  flex-direction: row-reverse;
}

.cCheckboxCaptionCentered {
  align-items: center;
}

.cCheckboxContainer {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  display: flex;
  font-weight: bolder;
  height: 100%;
}
.cCheckboxContainer.cCheckboxDisabled {
  background-color: #d9d9d9;
}

.cCheckboxRadioContent {
  background-color: transparent;
  border: none;
  display: block;
  font-size: calc(44px * 0.45);
  height: calc(44px / 2);
  position: absolute;
  right: 10px;
  top: 23%;
  width: calc(44px / 2 - 1px);
}

.cCheckboxRadioContent[disabled] {
  background-color: #d9d9d9;
}

.cCheckboxRadioIcon {
  padding-left: 1px;
  font-size: calc(44px * 0.65);
}

.cClockOnButtonContainer_disabled {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
  cursor: pointer;
  color: rgb(101, 98, 98);
  background-color: #d9d9d9;
}
.cClockOnButtonContainer_disabled:active {
  color: white;
  background-color: darkgray;
}

.cClockOnButtonContainer_notClocking {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
  cursor: pointer;
  color: white;
  background-color: rgb(0, 118, 53);
}
.cClockOnButtonContainer_notClocking:active {
  color: white;
  background-color: darkgray;
}

.cClockOnButtonContainer_clocking {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
  cursor: pointer;
  color: white;
  background-color: rgb(192, 0, 0);
}
.cClockOnButtonContainer_clocking:active {
  color: white;
  background-color: darkgray;
}

.cClockOnButton {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 20px;
  font-weight: bolder;
}

.cClockOnButtonIcon {
  align-self: center;
  display: flex;
  margin-left: 10px;
}

.cClockOnButtonWrapper {
  display: flex;
  flex-flow: row wrap;
}

.cClockOnButtonCaptionSmallSize {
  align-items: center;
  display: flex;
  justify-content: center;
  order: 2;
  width: 136px;
}

.cClockOnButtonIconSmallSize {
  align-self: center;
  display: flex;
  margin-left: 10px;
  justify-content: center;
  line-height: 14px;
  margin-top: 6px;
  min-width: 120px;
}

.cLastMessageView {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  width: 100%;
}

.cLastMessageView:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cLastMessageView_Selected {
  background-color: #eaf2ff !important;
}

.cLastMessageView_Hidden {
  display: none !important;
}

.cLastMessageViewContainer {
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
}

.cLastMessageViewIsRead {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  color: rgb(192, 0, 0);
  margin-right: 5px;
}

.cLastMessageViewWhoIs {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 44px;
}

.cLastMessageViewMessage {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cLastMessageViewFlaggedArea {
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
}

.cLastMessageViewFlagRed {
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  color: rgb(192, 0, 0);
  margin-top: 5px;
  text-align: right;
}

.cLastMessageViewFlagGray {
  max-width: 44px;
  min-width: 44px;
  width: 44px;
  color: darkgray;
  margin-top: 5px;
  text-align: right;
}

.cLastMessageViewTime {
  max-width: 65px;
  min-width: 65px;
  width: 65px;
  color: rgb(0, 0, 0) !important;
  text-align: right;
}

.cLastMessageViewLine {
  display: flex;
}

.cTextMessageMenu {
  max-width: 250px;
  min-width: 250px;
  width: 250px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: darkgray;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(255, 255, 255);
  max-height: 100vh;
  overflow: hidden;
}

.cTextMessageMenuClosed {
  display: none;
}

.cTextMessageMenuList {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.cTextMessageMenuTaskBar {
  display: flex;
  flex-direction: row;
  height: 44px;
}

.cTextMessageMenuNewMessage {
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: row;
  height: 44px;
  justify-content: center;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
}

.cTextMessageMenuSearchContainer {
  border-right: none;
  border-left: none;
}

.cTextMessageMenuNewMessageCaption {
  flex: 1;
  text-align: center;
}

.cTextMessageMenuNewMessageIcon {
  font-size: 30px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 3px;
  width: 30px;
}

.cTextMessageMenuFlagged {
  cursor: pointer;
  flex: 1;
  margin-right: 1px;
  margin-top: 1px;
  overflow: hidden;
}

.cTextMessageMenuFlag {
  color: rgb(192, 0, 0);
}

@media screen and (max-width: 479px) {
  .cTextMessageMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
}
@media screen and (max-width: 599px) {
  .cTextMessageMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
}
@media screen and (max-width: 667px) {
  .cTextMessageMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cTextMessageMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
}
.cMessageInputBar {
  border: 1px solid darkgray;
  position: relative;
}

.cMessageInputBarContainer {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  display: flex;
}

.cMessageInputBarIsMultiline {
  max-height: calc(44px * 2);
  min-height: calc(44px * 2);
  height: calc(44px * 2);
}

.cMessageInputBarMessageBox {
  width: 100%;
}

.cMessageInputBarAttachmentItemWrapper {
  display: flex;
  border: 1px solid darkgray;
  height: 42px;
  justify-content: center;
  margin-right: 1px;
  overflow: hidden;
  position: relative;
  min-width: 42px;
  margin-bottom: 1px;
}

.cMessageInputBarAttachmentButton {
  align-items: center;
  background-color: darkgray;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 1px;
  width: 44px;
}

.cMessageInputBarAttachmentButtonIcon {
  font-size: 30px;
}

.cMessageInputBarSendButtonActive {
  align-items: center;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  margin: 1px;
  width: 100px;
  background-color: rgb(0, 118, 53);
}

.cMessageInputBarSendButtonInActive {
  align-items: center;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  margin: 1px;
  width: 100px;
  background-color: darkgray;
}

.cMessageInputBarImageList {
  background-color: white;
  min-height: 44px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom-color: darkgray;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0px;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.cMessageInputBarAttachment {
  margin-right: 1px;
}

.cMessageInputBarSendIcon {
  padding-right: 8px;
}

.cMessageInputBarIcon {
  align-items: center;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 15px;
  justify-content: center;
  left: auto;
  margin-top: 3px;
  position: absolute;
  right: 3px;
  width: 15px;
  z-index: 999;
}

.cMessageInputBarIconBody {
  color: rgb(192, 0, 0);
  font-size: 30px;
  height: 15px;
  line-height: 9px;
}

.cMessageInputIconPdfColor {
  color: #c51010;
}

.cMessageInputIconWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 44px;
  min-width: 44px;
  font-size: 31px;
  position: relative;
}

.cMessageInputIconTextWrapper {
  top: 0;
  width: 100%;
  height: 42px;
  font-size: 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  word-wrap: break-word;
}

.cMessageInputIconText {
  width: 100%;
  padding-right: 2px;
}

.cMessageRow {
  margin-top: 5px;
  margin-bottom: 5px;
}

.cMessageRowHeader {
  display: flex;
  flex: 1;
  flex-direction: row;
  max-height: 22px;
}

.cMessgeRowTime {
  color: #565A5A;
  font-size: 12px;
  margin-right: 0px;
  margin-left: auto;
}

.cMessageStatus {
  color: rgb(192, 0, 0);
  font-size: 12px;
  margin-right: 0px;
  margin-left: 5px;
}

.cMessageUiError {
  flex: 1;
  color: rgb(192, 0, 0);
  font-size: 12px;
  margin-right: 10px;
  margin-left: 0px;
  text-align: right;
}

.cMessageRowMessage {
  flex: 1;
  overflow-wrap: anywhere;
}

.cMessageRowWhoIs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #584c6d;
  font-weight: 600;
}

.cIsUnread-Inbound {
  font-weight: bold;
  background-color: #cebbff !important;
}

.cIsUnread-Inbound:after {
  border-bottom-color: #cebbff !important;
}

.cMessageRowContainer-Outbound {
  background-color: #eaf2ff;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  margin-left: 15px;
  margin-left: auto;
  margin-right: 15px;
  min-height: 44px;
  width: 50%;
}

.cMessageRowContainer-Outbound:before {
  border-left: 13px solid darkgray;
  border-top: 13px solid transparent;
  content: " ";
  height: 0;
  left: 100%;
  position: absolute;
  top: 9px;
  width: 0;
}

.cMessageRowContainer-Outbound:after {
  border-left: 10px solid #eaf2ff;
  border-top: 10px solid transparent;
  content: " ";
  height: 1px;
  left: 100%;
  position: absolute;
  top: 10px;
  width: 0;
}

.cMessageRowContainer-Inbound {
  background-color: #f0eaff;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  min-height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}

.cMessageRowContainer-Inbound:before {
  border-bottom: 13px solid darkgray;
  border-left: 13px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 9px;
  width: 0;
}

.cMessageRowContainer-Inbound:after {
  border-bottom: 11px solid #f0eaff;
  border-left: 10px solid transparent;
  content: " ";
  height: 1px;
  position: absolute;
  right: 100%;
  top: 9px;
  width: 0;
}

.cMessageRowContainerBottomRow {
  display: flex;
  flex-direction: row;
  line-height: calc(44px / 2);
}

.cMessageRowFlag {
  max-width: 22px;
  min-width: 22px;
  width: 22px;
  justify-self: flex-end;
  color: dimgray;
  cursor: pointer;
}

.cMessageRowFlagged {
  color: red;
}

.cMessageRowThumbnailBoxContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.cMessageRowThumbnailBox {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
  max-height: 150px;
  min-height: 150px;
  height: 150px;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  margin-right: 5px;
}

.cMessageRowThumbnail {
  max-height: 100%;
  max-width: 100%;
}

.cComboBoxHeight33.cComboBox {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
}
.cComboBoxHeight33 .cComboBoxDefaultViewContainer {
  height: 33px;
}
.cComboBoxHeight33 .cComboBoxValue {
  line-height: 33px;
}
.cComboBoxHeight33 .cComboBoxItemKeyboardHover {
  height: 33px;
  min-height: 33px;
}
.cComboBoxHeight33 .cComboBoxDefaultItemList_DropBelow {
  top: 34px;
}
.cComboBoxHeight33 .cComboBoxDefaultItemList_GoAbove {
  bottom: 33px;
}

.cComboBox {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  flex: 1;
  margin-bottom: 1px;
}

.cComboBoxIsOpen {
  margin-right: 1px;
}

.cComboBoxDisabled {
  background-color: #d9d9d9;
}

.cComboBoxDefaultView {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  flex: 1;
  align-items: flex-start;
}

.cComboBoxDefaultViewContainer {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
}

.cComboBoxValue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  background-color: transparent;
  border: none;
  line-height: 44px;
  padding-left: 10px;
}
.cComboBoxValue::placeholder {
  color: darkgray;
}

.cComboBoxCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  padding-left: 5px;
}
.cComboBoxCaption + .cComboBoxValue {
  margin-left: 10px;
  margin-top: 4px;
  padding-bottom: 4px;
  line-height: normal;
}

.cComboBoxRequired {
  color: red;
  flex: 1;
  font-weight: normal;
  padding-left: 2px;
}

.cComboBoxIcon {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cComboBoxDefaultItemList_DropBelow {
  background: darkgray;
  position: absolute;
  top: 45px;
  width: 100%;
  z-index: 10;
}

.cComboBoxDefaultItemList_GoAbove {
  background: darkgray;
  bottom: 44px;
  margin-bottom: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.cComboBoxDefaultItemList_GoFullScreen {
  position: fixed;
  top: 0;
  width: 100%;
  background: darkgray;
  z-index: 10;
  padding: 0 1px;
  left: -1px;
}

.cComboBoxDefaultItem,
.cComboBoxItemKeyboardHover {
  display: flex;
  background-color: rgb(255, 255, 255);
  height: 44px;
  min-height: 44px;
  cursor: pointer;
  align-items: center;
  padding-left: 5px;
}

.cComboBoxDefaultItem:nth-child(odd) {
  background-color: white;
}

.cComboBoxDefaultItem:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cComboBoxDefaultItem:hover,
.cComboBoxItemKeyboardHover {
  color: #FFFFFF;
  background-color: #62666A !important;
}

.cComboBoxScrollBox {
  overflow-y: auto;
  overflow-x: hidden;
}

.cComboBoxScrollBoxWrapperIsOpen,
.cComboBoxDefaultViewIsOpen {
  outline: 1px solid #62666A;
}

.cComboBoxIconContainer {
  margin-left: 10px;
  margin-right: 10px;
}

.cPhoneComboBoxContainer {
  overflow-y: scroll;
  height: 100vh;
  background-color: rgb(255, 255, 255);
}

.cComboBoxTechItem {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.cComboBoxTechItem_EmployeeCode {
  display: flex;
  flex: 20;
  flex-direction: column;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cComboBoxTechItem_EmployeeName {
  display: flex;
  flex: 80;
  flex-direction: column;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cComboBoxSpinnerWrapper {
  align-items: center;
  background-color: white;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.cComboBoxSpinner {
  font-size: 2.16em;
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 479px) {
  .cComboBoxScrollBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .cComboBoxScrollBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 667px) {
  .cComboBoxScrollBox {
    margin-top: 0;
  }
}
.cContentEditableContainer {
  display: flex;
}

.cContentEditable {
  flex: 1;
  min-height: 100px;
  padding: 5px;
}

.cDocumentDetailProductDescriptionShrink {
  flex-shrink: 100;
}

.cDocumentDetailProductTextOverflow {
  overflow: visible;
  text-overflow: initial;
}

.cDocumentDetailServicePerson {
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.cDocumentDetailServiceDescriptionShrink {
  flex-shrink: 100;
}

.cDocumentDetailServiceTextOverflow {
  overflow: visible;
  text-overflow: initial;
}

.cDocumentDetailServiceRequestedPerformed {
  text-overflow: unset;
  white-space: normal;
}

.cDocumentDetailServiceRequestedPerformedLabel {
  font-weight: bold;
  font-style: italic;
}

.cDocumentDetailServiceCaret {
  color: #000000;
  font-size: 23px;
}

.cDocumentDetailServiceShowMore {
  cursor: pointer;
}

.ShopVehicleSummaryComplete {
  color: rgb(0, 118, 53);
  font-weight: bold;
  font-size: 17px;
  margin-top: 2px;
  line-height: 10px;
  padding: 3px;
  border-radius: 4px;
}

.cDocumentDetailSpecialItemDescriptionShrink {
  flex-shrink: 100;
}

.cDocumentDetailSpecialItemTextOverflow {
  overflow: visible;
  text-overflow: initial;
}

.cDocumentDetails {
  width: 100%;
}

.cDocumentDetail {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  height: 44px;
  width: 100%;
  cursor: inherit;
}

.cDocumentDetailNotification {
  display: flex;
  height: 44px;
  width: 100%;
}

.cDocumentDetailBackgroundColor {
  cursor: default;
  background-color: white;
}

.cDocumentDetailBackgroundColor:nth-child(odd) {
  background-color: rgb(244, 246, 248);
}

.cDocumentDetailNotificationRow {
  display: flex;
  flex: 1;
  flex-direction: column;
  cursor: inherit;
  min-height: 44px;
  min-width: 100px;
}

.cDocumentDetailRow {
  display: flex;
  flex: 1;
  flex-direction: column;
  cursor: pointer;
  min-height: 44px;
  min-width: 100px;
}

.cDocumentDetailRowPointer {
  cursor: pointer;
}

.cDocumentDetailGray {
  color: darkgray;
  font-weight: normal;
  position: relative;
}

.cDocumentDetailNotificationIcon {
  width: fit-content;
  text-align: center;
  color: darkgray;
  padding-right: 5px;
}

.cDocumentDetailIcon {
  width: fit-content;
  text-align: center;
}

.cDocumentDetailRfleft {
  min-width: 12px;
}

.cDropdown {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  flex: 1;
  margin-bottom: 1px;
}

.cDropdownIsOpen {
  margin-right: 1px;
}

.cDropdownDisabled {
  background-color: #d9d9d9;
}

.cDropdownDefaultView {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  height: inherit;
  flex: 1;
  align-items: flex-start;
}

.cDropdownDefaultViewContainer {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
}

.cDropdownValue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  line-height: 44px;
  padding-left: 10px;
}

.cDropdownCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  padding-left: 5px;
}
.cDropdownCaption + .cDropdownValue {
  margin-left: 10px;
  margin-top: 4px;
  padding-bottom: 4px;
  line-height: normal;
}

.cDropdownRequired {
  color: red;
  flex: 1;
  font-weight: normal;
  padding-left: 2px;
}

.cDropdownIcon {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cDropdownDefaultItemList_DropBelow {
  background: darkgray;
  position: absolute;
  top: 45px;
  width: 100%;
  z-index: 10;
}

.cDropdownDefaultItemList_GoAbove {
  background: darkgray;
  bottom: 44px;
  margin-bottom: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.cDropdownDefaultItemList_GoFullScreen {
  position: fixed;
  top: 0;
  width: 100%;
  background: darkgray;
  z-index: 10;
  padding: 0 1px;
  left: -1px;
}

.cDropdownDefaulItem {
  display: flex;
  background-color: rgb(255, 255, 255);
  height: 44px;
  min-height: 44px;
  cursor: pointer;
  align-items: center;
  padding-left: 5px;
}

.cDropdownDefaulItem:nth-child(odd) {
  background-color: white;
}

.cDropdownDefaulItem:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cDropdownDefaulItem:hover {
  color: #FFFFFF;
  background-color: #62666A !important;
}

.cDropDownScrollBox {
  overflow-y: auto;
  overflow-x: hidden;
}

.cDropDownScrollBoxWrapperIsOpen,
.cDropdownDefaultViewIsOpen {
  outline: 1px solid #62666A;
}

.cDropdownIconContainer {
  margin-left: 10px;
  margin-right: 10px;
}

.cPhoneDropdownContainer {
  overflow-y: scroll;
  height: 100vh;
  background-color: rgb(255, 255, 255);
}

.cDropdownTechItem {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.cDropdownTechItem_EmployeeCode {
  display: flex;
  flex: 20;
  flex-direction: column;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cDropdownTechItem_EmployeeName {
  display: flex;
  flex: 80;
  flex-direction: column;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cDropDownSpinnerWrapper {
  align-items: center;
  background-color: white;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.cDropDownSpinner {
  font-size: 2.16em;
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 479px) {
  .cDropDownScrollBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .cDropDownScrollBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 667px) {
  .cDropDownScrollBox {
    margin-top: 0;
  }
}
.cEmailAttachmentButton {
  background-color: rgb(255, 255, 255);
  display: flex;
  height: 44px;
  margin-right: 5px;
  margin-bottom: 2px;
  min-height: 44px;
  min-width: 175px;
  outline: 1px solid darkgray;
  outline-offset: -1px;
}

.cEmailAttachmentButtonCaption {
  margin-left: -2px;
  margin-right: 5px;
}

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

.cEmailAttachmentButtonIconWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 44px;
  min-width: 44px;
}

.cEmailAttachmentButtonIcon {
  font-size: 31px;
}

.cEmailAttachmentButtonIconPdfColor {
  color: #c51010;
}

.cEmailAttachmentButtonButtonWrapper {
  align-items: center;
  background-color: rgb(192, 0, 0);
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  max-width: 44px;
  min-width: 44px;
  margin-left: auto;
  cursor: pointer;
}

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

@media screen and (max-width: 479px) {
  .cEmailAttachmentButton {
    margin-right: 0;
    width: 100%;
  }
}
.cHeaderIconWithCaption {
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  justify-content: center;
  align-items: center;
}

.cHeaderIconCaption {
  font-size: 0.9em;
  font-weight: bold;
}

.cHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-items: center;
  background-color: #D9D9D9;
  cursor: default;
  display: flex;
  flex-direction: row;
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  position: relative;
}

.cHeaderBack {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  color: rgb(13, 80, 161);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cHeaderBackCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 53px;
}

.cHeaderBack:active {
  background-color: #A6A6A6;
}

.cHeaderBackIcon {
  font-size: 2.2em;
  padding: 0 3px 0 3px;
}

.cHeaderCaptionWrapper {
  align-items: center;
  cursor: default;
  display: flex;
  flex: 1;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.cHeaderCaption {
  align-items: center;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 100%;
  line-height: 13px;
  max-width: 43%;
  padding-left: 10px;
}

.cHeaderIconListContainerWrapper {
  position: absolute;
  right: 5px;
  z-index: 10;
}

.cHeaderIconContainer {
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center;
  height: 44px;
  justify-content: center;
  font-size: 1.5em;
}

.cHeaderIconContainer:active {
  background-color: #A6A6A6;
}

@media screen and (max-width: 479px) {
  .cHeaderBackCaption {
    max-width: none;
  }
}
@media screen and (max-width: 599px) {
  .cHeaderBackCaption {
    max-width: none;
  }
}
@media screen and (max-width: 667px) {
  .cHeaderBackCaption {
    max-width: none;
  }
}
.cImageViewBoxComponent {
  cursor: pointer;
  display: flex;
}

.cImageViewBoxImageThumbnail {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  width: 100%;
}

.cImageViewBoxComponentIconSize {
  color: darkgray;
}

.cImageViewBoxComponentClickToView {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  bottom: 10%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-weight: bolder;
  line-height: 16px;
  position: absolute;
  width: 100%;
}

.cImageViewBoxComponentDefaultImageWrapper {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.cInfobarContainer {
  background-color: #565A5A;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  min-height: 44px;
  overflow: hidden;
  padding: 0 5px 0 5px;
}

c-info-bar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.cJobTimeView {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #565A5A;
  color: rgb(255, 255, 255);
  display: flex;
  padding-left: 5px;
}

.cJobTimeViewSwitch {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  flex: 1;
  justify-content: center;
}

.cJobTimeViewAppointmentPipe {
  margin-left: 10px;
}

.cLabelBox {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  border: none !important;
  margin-top: 0px !important;
  margin-bottom: 1px;
  flex: 1;
  max-height: 44px;
}

.cLabelBoxCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-left: 3px;
  padding-right: 5px;
  z-index: 1;
}
.cLabelBoxCaption:focus {
  outline: none;
}

.cLabelBoxWrapper {
  display: flex;
}

.cLabelBoxTextContainer {
  width: 100%;
  display: grid;
}

.cLabelBoxRequired {
  color: red;
  flex: 1;
  font-weight: normal;
  padding-left: 2px;
}

.cLabelBoxSecondCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-right: 5px;
  z-index: 1;
  width: 100%;
  flex: 1;
  text-align: right;
}

.cLabelBoxInputWrapper {
  display: flex;
  overflow: hidden;
}

.cLabelBoxInput {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  color: #404040;
  cursor: auto;
  direction: ltr;
  line-height: calc(44px / 2 - 4px);
  margin: 0;
  min-width: 1px;
  padding: 0;
  padding-top: calc(44px / 2);
  padding-bottom: 4px;
  position: relative;
  text-indent: 10px;
  white-space: nowrap;
  width: 100%;
  resize: none;
  overflow: hidden;
  padding-right: 10px;
  padding: 0px;
}

.cLabelBoxClearButtonContainer {
  display: flex;
  height: 44px;
  color: black;
  color: darkgray;
}

.cLabelBoxClearButtonIcon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  display: flex;
  height: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
}

.cLabelBoxDisabled {
  background-color: #d9d9d9;
  opacity: 1;
  -webkit-text-fill-color: rgb(0, 0, 0);
}
.cLabelBoxDisabled::placeholder {
  -webkit-text-fill-color: darkgray;
}

.cLabelBoxValueLine.password {
  text-security: disc !important;
  -ms-text-security: disc !important;
  -mox-text-security: disc !important;
  -webkit-text-security: disc !important;
}

.cBlinkingCursor {
  font-weight: 100;
  font-size: 20px;
  color: #2E3D48;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-webkit-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-ms-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-o-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
.cMediaGallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 !important;
  overflow: auto;
}

.cMediaGalleryItemWrapper {
  background-color: darkgray;
  display: flex;
  flex-direction: column;
  margin: 2px;
}

.cMedia {
  margin-bottom: 5px;
  margin-right: 5px;
}

.cMedia {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.cMediaWrapper {
  display: block;
  position: relative;
  cursor: pointer;
}

.cMediaBoxThumbnail {
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  height: 100%;
  width: 100%;
}

.cMediaBoxDescription {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 5px;
}

.cMediaBoxCheckBox {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: solid;
  border-color: darkgray;
  border-width: 1px;
  display: flex;
  height: calc(44px / 2);
  justify-content: center;
  left: 5px;
  position: absolute;
  top: 5px;
  width: calc(44px / 2);
}

.cMediaBoxDescriptionContainer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: white;
  padding-right: 5px;
  width: 100%;
  height: 22px;
  opacity: 0.6;
  line-height: 22px;
}

.cMediaBoxDescription {
  color: black;
  background-color: transparent;
  padding-right: 5px;
}

.cMenuItemSeparator {
  background-image: linear-gradient(to right, #FFFFFF 10%, #dbdbdb, #FFFFFF 90%);
  height: 1px;
}

.cMenuItem {
  height: 36px;
  margin-left: 4px;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex-direction: row;
  align-items: center;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: #FFFFFF;
  color: Black;
  cursor: pointer !important;
  margin-bottom: 3px;
}

.cMenuItem:hover {
  background-color: #62666A;
  color: #FFFFFF;
}

.cMenuItemSelected {
  height: 36px;
  margin-left: 4px;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex-direction: row;
  align-items: center;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: #62666A;
  color: #FFFFFF;
  margin-bottom: 3px;
}

.cMenuItemSelectedNoHover {
  height: 36px;
  margin-left: 4px;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex-direction: row;
  align-items: center;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: #62666A;
  color: #FFFFFF;
  margin-bottom: 3px;
}

.cMenuItemSelected:hover {
  background-color: #62666A;
  color: #FFFFFF;
}

.cMenuItemCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cMenuItemDisabled {
  color: darkgray;
}

cMenuItem {
  display: flex;
  flex-direction: column;
  min-height: 36px;
  margin-bottom: 4px;
}

cMenuItem:first-child {
  margin-top: 4px;
}

.cMenuItemConfirmationWrapper {
  width: 50%;
  display: flex;
  align-items: center;
}

.cMenuItemConfirmationCaption {
  margin-left: auto;
  text-align: center;
}

.cMenuItemConfirmationCheckboxWrapper {
  display: flex;
  height: 44px;
  align-content: center;
  width: 44px;
  position: relative;
  justify-content: center;
}

.cMenuItemConfirmationCheckbox {
  background-color: #ffffff;
  border: solid;
  border-color: rgb(101, 98, 98);
  border-width: 1px;
  display: block;
  font-size: calc(44px * 0.45);
  height: calc(44px / 2);
  position: relative;
  top: 23%;
  width: calc(44px / 2 - 1px);
  left: 5px;
}
.cMenuItemConfirmationCheckbox.cMenuItemDisabled {
  background-color: #f2f2f2;
}

.cMenuItemConfirmationCheckboxIcon {
  padding-left: 1px;
  color: black;
}

@media screen and (max-width: 599px) {
  .cMenuItemSelected,
  .cMenuItemSelectedNoHover {
    background-color: #FFFFFF;
    color: Black;
  }
}
@media screen and (max-width: 667px) {
  .cMenuItemSelected,
  .cMenuItemSelectedNoHover {
    background-color: #FFFFFF;
    color: Black;
  }
}
.c-menu-small {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  z-index: 1;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(255, 255, 255);
  min-width: 150px;
  width: 150px;
}

.c-menu-large {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  z-index: 1;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(255, 255, 255);
  min-width: 250px;
  width: 250px;
}

.c-menu-medium {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  z-index: 1;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(255, 255, 255);
  min-width: 200px;
  width: 200px;
}

.c-menu-group-container {
  border: 0px;
  border-top: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(to right, #000000 10%, #363636, #000000 90%);
  -webkit-border-image: -webkit-linear-gradient(to right, #000000 10%, #363636, #000000 90%);
  border-image: linear-gradient(to right, #000000 10%, #363636, #000000 90%);
  border-image-slice: 1;
}

.c-menu-group-container-selected {
  flex: 1;
}

.c-menu-group-and-item-container {
  overflow: auto;
  overflow-x: hidden;
}

.c-a2menu-group {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: block;
  flex-direction: row;
  line-height: 44px;
  height: 44px;
  width: 100%;
  padding-left: 5px;
  font: bold;
  cursor: pointer;
  background-color: #000000;
  color: #FFFFFF;
}

.c-a2menu-group:hover {
  background-color: #727272;
}

.c-a2menu-group-selected {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: block;
  flex-direction: row;
  line-height: 44px;
  height: 44px;
  width: 100%;
  padding-left: 5px;
  font: bold;
  cursor: pointer;
  background-color: #565A5A;
  color: #FFFFFF;
}

.c-a2menu-group-selected:hover {
  background-color: #727272;
}

.c-a2menu-group-selected-no-hover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: block;
  flex-direction: row;
  line-height: 44px;
  height: 44px;
  width: 100%;
  padding-left: 5px;
  font: bold;
  cursor: pointer;
  background-color: #565A5A;
  color: #FFFFFF;
}

.c-menu-closed {
  display: none;
}

.c-menu-infobar {
  display: none;
  min-height: 44px;
  padding-bottom: 1px;
}

.cMenuDisabled {
  display: none !important;
}

.cMenuFooter {
  background-color: #000000;
  height: 0;
}

@media screen and (max-width: 599px) {
  .c-menu-header-back-caption {
    display: none;
  }
  .c-menu-small {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  .c-menu-large {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  .c-menu-medium {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  c-menu {
    border-right: none;
  }
  .c-menu-infobar {
    display: block;
  }
}
@media screen and (max-width: 667px) {
  .cMenuFooter {
    border-top: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(to right, #000000 10%, #363636, #000000 90%);
    -webkit-border-image: -webkit-linear-gradient(to right, #000000 10%, #363636, #000000 90%);
    border-image: linear-gradient(to right, #000000 10%, #363636, #000000 90%);
    border-image-slice: 1;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    border-bottom-width: 0px;
  }
  .c-menu-header-back-caption {
    display: none;
  }
  .c-menu-small {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  .c-menu-large {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  .c-menu-medium {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border-right-style: none;
  }
  .c-menu-infobar {
    display: block;
  }
}
.cMultilineTextboxWrapper {
  direction: rtl;
  height: inherit;
  overflow-y: auto;
}

.cMultilineTextbox {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  border-color: darkgray;
  border-style: solid;
  border-top-width: 0px;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  height: inherit !important;
  padding-right: 5px;
  padding-left: 3px;
}

.cMultilineTextboxRequired {
  color: red;
  flex: 1;
  font-weight: normal;
  padding-left: 2px;
}

vcontent > .cMultilineTextbox:last-child {
  margin-bottom: 5px;
}

vcontent > .cMultilineTextbox:first-child {
  border-top-width: 1px;
}

.cMultilineTextboxCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: white;
  direction: ltr;
  position: sticky;
  top: 0;
}
.cMultilineTextboxCaption:focus {
  outline: none;
}

.cMultilineTextboxEditArea {
  direction: ltr;
  display: block;
  line-height: 22px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  width: 100%;
}

.cMultilineTextboxMarginRight {
  margin-right: 44px;
}

.cMultilineTextboxContainer {
  display: flex;
}

.cMultilineTextBoxIconContainerWrapper {
  position: absolute;
  top: 0;
}

.cNotificationActionButton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255);
  position: absolute;
  top: 0px;
  right: 0px;
  height: 44px;
  width: 96px;
  padding-top: 1px;
  justify-content: center;
}

.cNotificationActionButtonDisabled {
  background-color: #d9d9d9;
  color: rgb(0, 0, 0);
  cursor: default;
}

.cImg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #565A5A;
  position: relative;
  cursor: pointer;
}

.cImgImgBox {
  max-height: 100%;
  max-width: 100%;
  margin-bottom: 1px;
}

.cImageBox_Zoom {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.cImageBox_Fit {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.cPictureBoxCheckBox {
  position: absolute;
  width: calc(44px / 2);
  height: calc(44px / 2);
  background-color: white;
  border: solid;
  border-color: darkgray;
  border-width: 1px;
  top: 5px;
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cDetailSelection {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex-wrap: wrap;
  margin-bottom: 1px;
  min-height: 44px;
  background-color: rgb(244, 246, 248);
}

.cDetailSelection:nth-child(2n+1) {
  background-color: white;
}

.cDetailSelection:last-child {
  margin-bottom: 0px;
}

.cDetailSelectionCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cDetailSelectionSelectionSection {
  display: flex;
  flex: 5;
  flex-direction: column;
}

.cDetailSelectionServiceSection {
  display: flex;
  flex: 5;
  flex-flow: row;
  flex-wrap: nowrap;
  height: 44px;
  min-width: 190px;
  overflow: hidden;
}

.cDetailSelectionCheckboxContentWrapper {
  align-content: center;
  display: flex;
  height: 44px;
  min-width: 44px;
  position: relative;
  width: 44px;
}

.cDetailSelectionServiceSectionCaptionWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cDetailSelectionHoursSection {
  flex-flow: column;
  flex: 4;
  min-width: 334px;
  order: 1;
}

.cDetailSelectionHoursDetail {
  color: rgb(0, 118, 53);
  font-weight: bold;
}

.cDetailSelectionCompleteSection {
  display: flex;
  flex: 1.7;
  justify-content: flex-end;
  margin-left: auto;
  max-width: 127px;
  min-height: 44px;
  min-width: 125px;
  order: 1;
}

.cDetailSelectionCompleteWrapper {
  border: 1px solid darkgray;
  margin: 1px;
  max-height: calc(44px - 4px);
}

.cDetailSelectionHoursDetailRowHeight {
  max-height: calc(44px / 2);
}

.cDetailSelectionHoursDetailFormat {
  display: inline-block;
  min-width: 14px;
}

.cTechnicianDetailTotal {
  font-weight: bold;
}

.cTechnicianClocked {
  color: rgb(89, 89, 89);
  font-weight: bold;
}

.cPunchClockHoursCaption {
  margin-right: 1px;
}

.cTechNotAssigned {
  color: rgb(192, 0, 0);
}

.cTrackingDisabled {
  color: rgb(192, 0, 0);
}

.cProratingDisabled {
  color: rgb(192, 0, 0);
}

@media screen and (max-width: 479px) {
  .cDetailSelectionHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 5px;
    order: 2;
  }
  .cDetailSelectionCompleteSection {
    flex: none;
    max-width: 127px;
  }
  .cDetailSelectionServiceSection_Size {
    min-width: calc(100vw - 140px) !important;
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: -moz-calc(100vw - 140px) !important;
    width: -moz-calc(100vw - 140px) !important;
    max-width: -moz-calc(100vw - 140px) !important;
    min-width: -webkit-calc(100vw - 140px) !important;
    width: -webkit-calc(100vw - 140px) !important;
    max-width: -webkit-calc(100vw - 140px) !important;
  }
  .cDetailSelectionServiceSection {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (max-width: 599px) {
  .cDetailSelectionHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    order: 2;
  }
  .cDetailSelectionCompleteSection {
    flex: none;
  }
  .cDetailSelectionServiceSection_Size {
    min-width: calc(100vw - 140px) !important;
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: -moz-calc(100vw - 140px) !important;
    width: -moz-calc(100vw - 140px) !important;
    max-width: -moz-calc(100vw - 140px) !important;
    min-width: -webkit-calc(100vw - 140px) !important;
    width: -webkit-calc(100vw - 140px) !important;
    max-width: -webkit-calc(100vw - 140px) !important;
  }
  .cDetailSelectionServiceSection {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (max-width: 667px) {
  .cDetailSelectionHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    order: 2;
  }
  .cDetailSelectionCompleteSection {
    flex: none;
  }
  .cDetailSelectionServiceSection_Size {
    min-width: calc(100vw - 140px) !important;
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: -moz-calc(100vw - 140px) !important;
    width: -moz-calc(100vw - 140px) !important;
    max-width: -moz-calc(100vw - 140px) !important;
    min-width: -webkit-calc(100vw - 140px) !important;
    width: -webkit-calc(100vw - 140px) !important;
    max-width: -webkit-calc(100vw - 140px) !important;
  }
  .cDetailSelectionServiceSection {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cDetailSelectionHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    order: 2;
  }
  .cDetailSelectionCompleteSection {
    flex: none;
  }
  .cDetailSelectionServiceSection_Size {
    min-width: calc(70vw - 140px) !important;
    width: calc(70vw - 140px) !important;
    max-width: calc(70vw - 140px) !important;
    min-width: -moz-calc(70vw - 140px) !important;
    width: -moz-calc(70vw - 140px) !important;
    max-width: -moz-calc(70vw - 140px) !important;
    min-width: -webkit-calc(70vw - 140px) !important;
    width: -webkit-calc(70vw - 140px) !important;
    max-width: -webkit-calc(70vw - 140px) !important;
  }
  .cDetailSelectionServiceSection {
    max-width: 70vw;
    min-width: 70vw;
    width: 70vw;
    flex: 1 0 auto;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
.cDetailClocking {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: rgb(244, 246, 248);
  cursor: pointer;
  flex-wrap: wrap;
  margin-bottom: 1px;
  min-height: 44px;
}

.cDetailClocking:nth-child(2n+1) {
  background-color: white;
}

.cDetailClocking:last-child {
  margin-bottom: 0px;
}

.cDetailClockingDisabled {
  background-color: #d9d9d9 !important;
}

.cDetailClockingCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cDetailClockingServiceSection {
  display: flex;
  flex: 5;
  flex-flow: row;
  flex-wrap: nowrap;
  height: 44px;
  max-height: 44px;
  min-width: 190px;
  overflow: hidden;
}

.cDetailClockingServicePlayIconWrapper {
  align-self: center;
  display: flex;
  justify-content: center;
  max-width: 44px;
  width: 44px;
}

.cDetailClockingServiceSectionCaptionWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  flex: 1;
}

.cDetailClockingHoursSection {
  flex-flow: column;
  flex: 4;
  min-width: 334px;
  order: 1;
}

.cDetailClockingCompleteSection {
  display: flex;
  flex: 1.7;
  justify-content: flex-end;
  margin-left: auto;
  max-width: 127px;
  min-height: 44px;
  min-width: 125px;
  order: 1;
}

.cDetailClockingCompleteWrapper {
  border: 1px solid darkgray;
  margin: 1px;
  max-height: calc(44px - 4px);
}

.cDetailClockingCompleteCheckbox {
  height: 40px;
  min-height: 40px;
  margin-bottom: 0 !important;
}

.cDetailClockingHoursDetail {
  color: rgb(0, 118, 53);
  font-weight: bold;
}

.cDetailClockingHoursDetailFormat {
  display: inline-block;
  min-width: 14px;
}

.cPlayIcon {
  color: rgb(0, 118, 53);
  font-size: 20px;
}

.cTechnicianClocking {
  color: rgb(0, 118, 53);
  font-weight: bold;
}

.cTechnicianDetailTotal {
  font-weight: bold;
}

.cDetailClockingRowHeight {
  max-height: calc(44px / 2);
}

.cPunchClockHoursCaption {
  margin-right: 1px;
}

@media screen and (max-width: 479px) {
  .cDetailClockingHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 5px;
    order: 2;
  }
  .cDetailClockingCompleteSection {
    flex: none;
    max-width: 127px;
  }
  .cDetailClockingServiceSection {
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (max-width: 599px) {
  .cDetailClockingHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    order: 2;
  }
  .cDetailClockingCompleteSection {
    flex: none;
  }
  .cDetailClockingServiceSection {
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (max-width: 667px) {
  .cDetailClockingHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    order: 2;
  }
  .cDetailClockingCompleteSection {
    flex: none;
  }
  .cDetailClockingServiceSection {
    flex: 1;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cDetailClockingHoursSection {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0px;
    min-width: 385px;
    order: 2;
  }
  .cDetailClockingCompleteSection {
    flex: none;
  }
  .cDetailClockingServiceSection {
    flex: 1 0 auto;
    min-width: 245px;
  }
  .cPunchClockHoursCaption {
    display: inline-block;
    line-height: 10px;
    max-width: 8px;
    overflow: hidden;
  }
}
.cPunchClockDetailEdit {
  max-width: 51px;
  min-width: 36px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  color: rgb(0, 118, 53);
}
.cPunchClockDetailEdit:hover {
  color: #727272;
}

.cPunchClockDetails {
  background-color: #fcf9e3;
  height: 100vh;
  margin-top: -1px;
  overflow-y: auto;
}

.cSearchButton {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  max-width: 225px;
  min-width: 225px;
  width: 225px;
  background-color: rgb(255, 255, 255);
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
  max-height: 44px;
}

.cSearchButtonButton {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 118, 53) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 32px;
  font-weight: bold;
  cursor: pointer;
}
.cSearchButtonButton:active {
  background-color: darkgray !important;
  color: white !important;
}

.cSearchButtonCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

@media screen and (max-width: 479px) {
  .cSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cSearchButtonCaption {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cSearchButtonCaption {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .cSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cSearchButtonCaption {
    display: none;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cSearchButton {
    max-width: 53px;
    min-width: 53px;
    width: 53px;
  }
  .cSearchButtonCaption {
    display: none;
  }
}
.cSearchForm {
  height: 85px;
  min-height: 85px;
  max-height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cSearchFormControls {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 678px;
}

.cSearchFormInformation {
  color: #2f2f5c;
  font-size: 28px !important;
}

.cSearchFormButtonContainer {
  max-width: 226px;
  min-width: 226px;
  width: 226px;
  padding-left: 0px;
}

.cSearchFormDropdownContainer {
  max-width: 95px;
  min-width: 95px;
  width: 95px;
  padding-right: 0px;
}

@media screen and (max-width: 479px) {
  .cSearchFormButtonContainer {
    max-width: 54px;
    min-width: 54px;
    width: 54px;
  }
  .cSearchFormControls {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .cSearchFormButtonContainer {
    max-width: 54px;
    min-width: 54px;
    width: 54px;
  }
  .cSearchFormControls {
    width: 100%;
  }
}
@media screen and (max-width: 667px) {
  .cSearchFormButtonContainer {
    max-width: 54px;
    min-width: 54px;
    width: 54px;
  }
  .cSearchFormControls {
    width: 100%;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cSearchFormButtonContainer {
    max-width: 54px;
    min-width: 54px;
    width: 54px;
  }
  .cSearchFormControls {
    width: 100%;
  }
}
.cSection {
  padding: 0px;
  flex: 1;
  overflow: visible;
}

.cSectionContainer {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  background-color: darkgray;
}

.cSectionCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  background-color: #000000;
  color: #FFFFFF;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  column-gap: 6px;
  display: flex;
  height: 23px;
  line-height: 23px;
  margin-top: 1px;
  padding-left: 6px;
}
.cSectionCaption + cc {
  padding-top: 0 !important;
}

.cSectionCaptionClickWrapper {
  display: flex;
  flex-direction: column;
}
.cSectionCaptionClickWrapper > .cSectionCaption {
  cursor: pointer;
}
.cSectionCaptionClickWrapper + cc {
  padding-top: 0 !important;
}

.cSectionDisabled {
  background-color: #d9d9d9;
}

vcontent > .cSection {
  margin: 5px 5px 0 5px;
}

hcontent > .cSection {
  margin: 5px 5px 0 5px;
}

@media screen and (max-width: 479px) {
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSection {
    flex: 1 1 auto;
  }
  vcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  hcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 599px) {
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSection {
    flex: 1 1 auto;
  }
  vcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  hcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 667px) {
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSection {
    flex: 1 1 auto;
  }
  vcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  hcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSection {
    flex: 1 1 auto;
  }
  vcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  hcontent > .cSection {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  hcontent > .cSection {
    flex: 1;
  }
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSectionContainer hcontent :nth-child(n+2) {
    padding-left: 1px;
  }
}
@media screen and (min-width: 1200px) {
  hcontent > .cSection {
    flex: 1;
  }
  .cSectionContainer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    -ms-flex: auto;
    background-color: darkgray;
  }
  .cSectionContainer hcontent :nth-child(n+2) {
    padding-left: 1px;
  }
}
.cSendButton {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  margin-top: 0px !important;
  margin-bottom: 1px;
  padding: 1px;
  position: relative;
}

.cSendButtonButton {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 20px;
  min-height: 120px;
}

.cSendButtonIcon {
  margin-bottom: 10px;
}

.cSendButtonDisabled {
  color: darkgray;
}

.cTextBoxHeight33.cTextBox {
  max-height: 33px;
  min-height: 33px;
  height: 33px;
}
.cTextBoxHeight33 .cTextBoxClearButtonContainer, .cTextBoxHeight33 .cTextBoxClearButtonIcon, .cTextBoxHeight33 .cTextBoxIconContainer, .cTextBoxHeight33 .cTextBoxIconContainerWrapper {
  height: 33px;
}
.cTextBoxHeight33 .cTextBoxInput {
  line-height: 33px;
}
.cTextBoxHeight33 .cTextBoxInputCaptionPadding {
  line-height: 7px;
}

.cTextBox {
  background-color: white;
  height: 44px;
  min-height: 44px;
  position: relative;
  border: none !important;
  display: flex;
  margin-top: 0px !important;
  margin-bottom: 1px;
  flex: 1;
  max-height: 44px;
}

.cTextBoxInvalid {
  background-color: #ffb6c1 !important;
}

.cTextBoxDisabled {
  background-color: #d9d9d9;
  opacity: 1;
  -webkit-text-fill-color: rgb(0, 0, 0);
}
.cTextBoxDisabled::placeholder {
  -webkit-text-fill-color: darkgray;
}

.cTextBoxInputWrapper {
  display: flex;
}

.cTextBoxContainer {
  flex: 1;
}

.cTextBoxInput {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  color: #404040;
  cursor: auto;
  direction: ltr;
  line-height: calc(44px / 2 - 4px);
  margin: 0;
  min-width: 1px;
  padding: 0;
  padding-top: calc(44px / 2);
  padding-bottom: 4px;
  position: relative;
  text-indent: 10px;
  white-space: nowrap;
  width: 100%;
  resize: none;
  overflow: hidden;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 44px;
}
.cTextBoxInput::placeholder {
  color: darkgray;
}

.cTextBoxInput:disabled {
  background-color: #d9d9d9;
  opacity: 1;
  -webkit-text-fill-color: rgb(0, 0, 0);
}
.cTextBoxInput:disabled::placeholder {
  -webkit-text-fill-color: darkgray;
}

.cTextBoxCaptionWrapper {
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 100%;
}

.cTextBoxCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-left: 3px;
  padding-right: 5px;
  z-index: 1;
}
.cTextBoxCaption:focus {
  outline: none;
}

.cTextBoxInputCaptionPadding {
  line-height: 18px;
  padding-top: 22px;
  padding-bottom: 4px;
}

.cTextBoxSecondCaption {
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-right: 5px;
  z-index: 1;
  width: 100%;
  flex: 1;
  text-align: right;
}

.cTextBoxSecondCaptionLeft {
  text-align: left !important;
}

.cTextBoxRequired {
  color: red;
  flex: 1;
  font-weight: normal;
  padding-left: 2px;
}

.cTextBoxIconContainerWrapper {
  display: flex;
  height: 44px;
  color: black;
}

.cTextBoxIconContainer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  display: flex;
  height: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
}

.cTextBoxIconContainer:active {
  color: #565A5A;
}

.cTextBoxClearButtonContainer {
  display: flex;
  height: 44px;
  color: black;
  color: darkgray;
}

.cTextBoxClearButtonIcon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  display: flex;
  height: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
}

.cTextBoxClearButtonIcon:active {
  color: #565A5A;
}

.cTextBoxIcon {
  align-self: center;
  direction: rtl;
  font-size: calc(44px * 0.45) !important;
  min-height: calc(44px * 0.45) !important;
  outline: none;
  text-indent: 1px;
}

.cTextBoxIconCaption {
  line-height: 9px;
  text-align: center;
}

.cTextBoxIconDisabled {
  color: darkgray !important;
}

.cTextBoxIconMargin {
  margin-right: 44px;
}

.cToolbarButtonRed {
  color: red;
}

.cGenericButtonContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-width: 52px;
}
.cGenericButtonContainer:active {
  color: #F5F5F5;
  background-color: #A6A6A6;
}

.cGenericButtonIcon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 19.5px !important;
  cursor: inherit;
  text-align: center;
}

.cGenericButtonText {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: inherit;
  text-align: center;
}

.cGenericButtonDisabled {
  color: darkgray;
}

@media screen and (max-width: 479px) {
  .cGenericButtonTextHide {
    display: none;
  }
  .cGenericButtonFullSize {
    flex-direction: row;
    justify-content: center;
  }
  .cGenericButtonFullSizePadding {
    padding-left: 5px;
  }
}
@media screen and (max-width: 599px) {
  .cGenericButtonTextHide {
    display: none;
  }
  .cGenericButtonFullSize {
    flex-direction: row;
    justify-content: center;
  }
  .cGenericButtonFullSizePadding {
    padding-left: 5px;
  }
}
@media screen and (max-width: 667px) {
  .cGenericButtonTextHide {
    display: none;
  }
  .cGenericButtonFullSize {
    flex-direction: row;
    justify-content: center;
  }
  .cGenericButtonFullSizePadding {
    padding-left: 5px;
  }
}
.cToolbarItemContainer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  flex: none;
  height: 100%;
  margin: 0 10px;
  min-width: 52px;
  cursor: pointer;
}

@media screen and (max-width: 479px) {
  .cToolbarItemContainer {
    flex: 1;
    margin: 0;
  }
}
@media screen and (max-width: 599px) {
  .cToolbarItemContainer {
    flex: 1;
    margin: 0;
  }
}
@media screen and (max-width: 667px) {
  .cToolbarItemContainer {
    flex: 1;
    margin: 0;
  }
}
.cToolbarExtendedButton {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 44px;
  min-width: 52px;
}

.cToolbarItemExtensionButton {
  display: none;
}

.cMobileExtendedToolbarDropUpContainer {
  background-color: #d9d9d9;
  bottom: 0;
  box-shadow: -5px -5px 13px -7px rgb(136, 136, 136);
  margin-bottom: 44px;
  min-width: 44px;
  position: absolute;
  right: 0;
  width: 100%;
}

@media screen and (max-width: 479px) {
  .cToolbarItemExtensionButton {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    position: relative;
  }
}
@media screen and (max-width: 599px) {
  .cToolbarItemExtensionButton {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    position: relative;
  }
}
@media screen and (max-width: 667px) {
  .cToolbarItemExtensionButton {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    position: relative;
  }
}
.cToolbarContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #d9d9d9;
  box-shadow: 0px 0px 15px #888888;
  height: calc(44px + constant(safe-area-inset-bottom));
  height: calc(44px + env(safe-area-inset-bottom));
  min-height: 44px;
  min-width: 100%;
  width: 100%;
  box-shadow: none;
}

.cToolbarContainerBottom {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #d9d9d9;
  box-shadow: 0px 0px 15px #888888;
  height: calc(44px + constant(safe-area-inset-bottom));
  height: calc(44px + env(safe-area-inset-bottom));
  min-height: 44px;
  min-width: 100%;
  width: 100%;
  border-bottom: none;
  bottom: 0;
  order: 66;
}

.cToolbarHidden {
  display: none;
}

.cToolbarRightItemList {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  align-items: flex-end;
}

.cToolbarItemList {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: visible;
}

.cToolbarPageContainer {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  position: relative;
  overflow-x: hidden;
}

.cToolbarCameraButton {
  color: #2c2b2b;
  font-size: 1.5em !important;
}

.cToolbarCaptionRight {
  font-weight: bold;
  line-height: 44px;
  margin-right: 10px;
}

@media screen and (max-width: 479px) {
  .cToolbarItemList {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible;
  }
  .cToolbarPageContainer {
    width: 100vw;
  }
  .cToolbarCaptionRight {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cToolbarItemList {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible;
  }
  .cToolbarPageContainer {
    width: 100vw;
  }
  .cToolbarCaptionRight {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .cToolbarItemList {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible;
  }
  .cToolbarPageContainer {
    width: 100vw;
  }
  .cToolbarCaptionRight {
    display: none;
  }
}
.cWarningBar {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #62666A;
  color: #FFFFFF;
  height: 44px;
  max-height: 44px;
  min-height: 44px;
  z-index: 2;
}

.cWarningBar_Hidden {
  display: none;
}

.cWarningBarCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bolder;
  max-width: 24%;
}

.cWarningBarDescription {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  flex: 1;
  word-wrap: normal;
}

.cWarningBarSpacer {
  height: 80%;
  width: 1px;
  align-self: center;
  background-color: white;
  opacity: 0.5;
}

.cWarningBarCloseButton {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  cursor: pointer;
}

.cReportMenu {
  max-width: 250px;
  min-width: 250px;
  width: 250px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: darkgray;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(255, 255, 255);
  max-height: 100vh;
  overflow: hidden;
}

.cReportMenuClosed {
  display: none !important;
}

.cReportMenuSectionContainer {
  flex: 1;
  background-color: white;
}

.cReportMenuReportOptionsButton {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
  background-color: white;
  margin-bottom: 0px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
}
.cReportMenuReportOptionsButton:hover {
  background-color: #808B95;
  color: #FFFFFF;
  cursor: pointer;
}

.cReportMenuSelection {
  max-height: 37px;
  min-height: 37px;
  height: 37px;
  display: flex;
  flex-direction: row;
}

.cReportMenuSelectionContainer {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0px !important;
}

.cReportMenuSelectionSubCaption {
  font-style: italic;
  font-size: 0.8em;
  padding-left: 5px;
}

.cReportMenuSelectionCaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: center;
  padding-left: 5px;
  flex-direction: column;
}
.cReportMenuSelectionCaption:hover {
  background-color: #808B95;
  color: #FFFFFF;
  cursor: pointer;
}

.cReportMenuSelectionDelete {
  max-width: 30px;
  min-width: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cReportMenuSelectionDelete:hover {
  background-color: #808B95;
  color: #FFFFFF;
  cursor: pointer;
}

.cReportMenuSelectedSelection {
  background-color: #62666A;
  color: white;
}

.cReportMenuReportOptionsButtonCaptionContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.cReportMenuReportOptionsButtonSubCaption {
  font-size: 0.8em;
  font-style: italic;
  padding-left: 5px;
}

@media screen and (max-width: 479px) {
  .cReportMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
  .cReportMenuSelectedSelection {
    background-color: white;
    color: black;
  }
}
@media screen and (max-width: 599px) {
  .cReportMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
  .cReportMenuSelectedSelection {
    background-color: white;
    color: black;
  }
}
@media screen and (max-width: 667px) {
  .cReportMenu {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border: none;
  }
  .cReportMenuSelectedSelection {
    background-color: white;
    color: black;
  }
}
.cSortRowDisplayNone {
  display: none;
}

.cSortRowMarginLeft5px {
  margin-left: 5px;
}

.cSortRowMarginLeftAuto-Right5px {
  margin-left: auto;
  margin-right: 5px;
}

.cSortRowMarginLeftAuto {
  margin-left: auto;
}

.cSortRowMarginRight5px {
  margin-right: 5px;
}

.cAlwaysShow {
  display: block !important;
}

.cIMMenu {
  max-width: 250px;
  min-width: 250px;
  width: 250px;
  display: flex;
  flex-direction: column;
}

.cIMMenuSection {
  max-height: 22px;
  min-height: 22px;
  height: 22px;
}

.cIMMenuDocument {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
}

.cIMMenuDocument:hover {
  color: white;
  background-color: #62666A;
}

.cIMMenuSelectedDocument {
  background-color: lightblue !important;
}

.cIMMenuNewMessages {
  max-width: 12px;
  min-width: 12px;
  width: 12px;
  font-size: 12px;
  color: red;
}

.cIMMenuRO {
  max-width: 75px;
  min-width: 75px;
  width: 75px;
}

.cIMEmptyContainer {
  background-color: white;
  flex: 1;
}

.cIMMenuTaskBar {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  background-color: darkgray;
  padding-top: 1px;
}

.cInternalMessageWindow {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cIMMessageView {
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
  flex: 1;
}

.cIMMessageContainer {
  max-width: 50%;
  min-width: 50%;
  width: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  min-height: 44px;
  display: flex;
  flex-direction: column;
  background-color: lightblue;
  margin-left: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: darkgray;
  padding-left: 5px;
  padding-right: 5px;
}

.cIMMessageContainerServiceAdvisor {
  margin-left: 5px;
  margin-right: none;
  background-color: #fff189;
}

.cIMMessageContainerTopRow {
  max-height: calc(44px / 2);
  min-height: calc(44px / 2);
  height: calc(44px / 2);
  display: flex;
  flex-direction: row;
  line-height: calc(44px / 2);
}

.cIMMessageContainerBottomRow {
  display: flex;
  flex-direction: row;
  line-height: calc(44px / 2);
}

.cIMFlag {
  max-width: 22px;
  min-width: 22px;
  width: 22px;
  justify-self: flex-end;
  color: dimgray;
  cursor: pointer;
}

.cIMFlagged {
  color: red;
}

.cIMEmployee {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.cIMBody {
  flex: 1;
  overflow-wrap: anywhere;
}

.cIMServiceAdvisorUnread {
  background-color: #fce63d;
  font-weight: bold;
}

.cIMTechnicianUnread {
  background-color: rgb(80, 185, 230);
  font-weight: bold;
}

.cIMMessageInputBarContaier {
  display: flex;
  flex-direction: row;
}

.cIMMessageInputBar {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  flex: 4;
}

.cIMMessageInputBarEmployeeList {
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: darkgray;
}

@media screen and (max-width: 479px) {
  .cIMMessageContainer {
    max-width: 75%;
    min-width: 75%;
    width: 75%;
  }
}
@media screen and (max-width: 599px) {
  .cIMMessageContainer {
    max-width: 75%;
    min-width: 75%;
    width: 75%;
  }
}
@media screen and (max-width: 667px) {
  .cIMMessageContainer {
    max-width: 75%;
    min-width: 75%;
    width: 75%;
  }
}
@media screen and (min-width: 668px) and (max-width: 959px) {
  .cIMMessageContainer {
    max-width: 75%;
    min-width: 75%;
    width: 75%;
  }
}
.cNotificationMenu {
  max-width: 250px;
  min-width: 250px;
  width: 250px;
  display: flex;
  flex-direction: column;
}

.cNotificationMenuTaskBar {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  background-color: darkgray;
  padding-top: 1px;
}

.cNotificationMenuRefresh {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 44px;
  font-size: 1.8em;
  background-color: lightgray;
  color: black;
  margin-right: 1px;
  cursor: pointer;
}

.cNotificationMenuSection {
  max-height: 22px;
  min-height: 22px;
  height: 22px;
}

.cNotificationMenuDocument {
  max-height: 44px;
  min-height: 44px;
  height: 44px;
}

.cNotificationMenuDocument:hover {
  color: white;
  background-color: #62666A;
}

.cNotificationMenuSelectedDocument {
  background-color: lightblue !important;
}

.cNotificationMenuNewMessages {
  max-width: 12px;
  min-width: 12px;
  width: 12px;
  font-size: 12px;
  color: red;
}

.cNotificationMenuRO {
  max-width: 75px;
  min-width: 75px;
  width: 75px;
}

.cNotificationMessageWindow {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cNotificationMessageView {
  display: block;
  overflow-y: auto;
  flex: 1;
  flex-direction: column;
  position: relative;
  border: 0px !important;
}

.cNotificationMessageDateHeaderWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #000000;
  color: #FFFFFF;
  font-size: calc(44px * 0.33);
  font-family: Calibri, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 23px;
  overflow: visible;
}

.cNotificationMessageDateHeader {
  display: flex;
  height: 23px;
  line-height: 23px;
  margin: 0px 5px 0px 5px;
  padding-right: 100px;
}

.cNotificationMessageWindowRowWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  position: relative;
  height: 46px;
}

.cNotificationMessageWindowRowWrapper:nth-child(odd) {
  background-color: white;
}

.cNotificationMessageWindowRowWrapper:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cNotificationMessageWindowInternalMessageRowWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
}

.cNotificationMessageWindowInternalMessageRowWrapper:nth-child(odd) {
  background-color: white;
}

.cNotificationMessageWindowInternalMessageRowWrapper:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cNotificationMarkAsReadButton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  background-color: rgb(0, 118, 53);
  color: rgb(255, 255, 255);
  position: absolute;
  top: 0px;
  right: 0px;
  height: 44px;
  width: 96px;
  padding-top: 1px;
  justify-content: center;
}

.cNotificationMessageOkButton {
  position: absolute;
  top: 0px;
  right: 50px;
  height: 44px;
  width: 48px;
  padding-top: 1px;
}

.cNotificationMessageOkButton_IsOk {
  background-color: rgb(0, 118, 53) !important;
  color: rgb(255, 255, 255) !important;
  cursor: initial;
}

.cNotificationMessagePopupButton {
  position: absolute;
  top: 0px;
  right: 1px;
  height: 44px;
  width: 48px;
  padding-top: 1px;
}

.cNotificationMessagePopupButton_Empty {
  cursor: initial;
}

.cNotificationMessagePopupButton_IsActionUserAcknowledged {
  background-color: rgb(0, 118, 53) !important;
  color: rgb(255, 255, 255) !important;
  cursor: initial;
}

.cNotificationMessagePointer {
  cursor: pointer;
}

.cSetting2InternalChatChildPage {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2InternalChatBranch {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
}

.cSetting2WorkInProgress {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2WorkInProgressSettings {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
  flex: none;
}

.cSetting2Inspections {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2InspectionsSettings {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
  flex: none;
}

.cSetting2Summary {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2SummarySettings {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
  flex: none;
}

.cSetting2VehicleDetails {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2VehicleDetailsSettings {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
  flex: none;
}

.cSetting2SignatureCaptureChildPage {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.cSetting2SignatureCaptureSection {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 500px;
}

.cSetting2SignatureCaptureMessageButton {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px !important;
  max-width: 500px;
}

.cDocumentAttachmentPage {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: darkgrey;
}

.cDocumentAttachmentPageContols {
  background-color: white;
  flex: 1;
  margin: 1px;
  overflow-x: hidden;
  overflow-y: auto;
}

.cInspectionAttachmentPage {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.cInspectionAttachmentPageRecord:nth-child(even) {
  background-color: rgb(244, 246, 248);
}

.cLoginAlignVerticalCenter {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: visible;
  -ms-flex: auto;
  min-height: 100vh;
  justify-content: center;
}

.cLoginAlignHorizontalCenter {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  justify-content: center;
}

.cLoginContainer {
  width: 510px;
  border: solid;
  border-width: 1px;
  border-color: darkgray;
  background-color: white;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 20px;
  flex: none;
  min-height: 257px;
}

.cLoginLogoBase {
  align-self: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 165px;
  margin-right: 25px;
  width: 165px;
}

.cLoginLogo {
  background-image: url("../../Images/CostarMobile.jpg");
}

.cLoginLogoCloudMaintenance {
  background-image: url("../../Images/Costar-CloudMaintenance.jpg");
}

.cLoginLogoCloudMaintenanceTest {
  background-image: url("../../Images/Costar-CloudMaintenanceTEST.jpg");
}

.cLoginControls {
  width: 300px;
}

.cLoginLinkContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex: 1;
  align-items: flex-end;
}

.cLogonLink {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  height: 44px;
  cursor: pointer;
  line-height: 44px;
  text-decoration: none;
}

.cLoginWarning {
  background-color: White;
  color: red;
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin-top: 5px;
}

.cLoginHcontent {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  overflow: visible;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 204px;
}

.cLoginVersion {
  position: absolute;
  top: 0px;
  right: 0px;
  padding-right: 5px;
  z-index: 2000;
  color: slategray;
  cursor: pointer;
  min-width: 60px;
  min-height: 44px;
}

.cLoginClearDownloads {
  min-height: 44px;
}

.cLoginVersion:active {
  background-color: darkgray;
}

.cLoginCloudMaintenanceTestNotePadding {
  padding-left: 20px;
}

.loginError {
  word-wrap: break-word;
  user-select: all;
  white-space: pre-line;
  overflow-y: auto;
}

.cHealthCheckTestButton {
  position: absolute;
  top: 0px;
  left: 0px;
  padding-left: 5px;
  z-index: 2000;
  cursor: pointer;
  min-width: 60px;
  min-height: 44px;
}

@media screen and (max-width: 479px) {
  .cLoginAlignHorizontalCenter {
    flex: 1;
  }
  .cLoginContainer {
    border-color: white;
    flex: 1;
    min-height: 100vh;
    width: 100vw;
  }
  .cLoginHcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
}
@media screen and (max-width: 599px) {
  .cLoginAlignHorizontalCenter {
    flex: 1;
  }
  .cLoginContainer {
    border-color: white;
    flex: 1;
    min-height: 100vh;
    width: 100vw;
  }
  .cLoginHcontent {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: visible;
  }
}
@media screen and (max-width: 667px) {
  .cLoginLogoBase {
    margin-right: 0;
  }
}