/* stylelint-disable no-descending-specificity */

.accordionItem___z4fr5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  width: 100%;
}

.accordionBar___w7WdV {
  cursor: pointer;
  display: flex;
  height: 60px;
  align-content: center;
  justify-content: space-between;
  flex-grow: 1;
  background-color: white;
  border-radius: 5px;
}

.leftItems___FPEbV {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.rightItemsContainer___AEr7r {
  display: flex;
  justify-items: flex-end;
  align-items: center;
  padding-right: 10px;
}

.accordionBar___w7WdV.accordionBarDisabled___M85Jx {
  cursor: default;
}

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

.toggleIndicator___zTHgm:hover {
  cursor: pointer;
}

.indicatorSpace___oX48b {
  width: 40px;
}

.itemName___mR3xM {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  min-width: 0;
  padding-right: 10px;
}

.accordionIcon___PtkGU {
  line-height: 10px;
  margin-right: 20px;
}

.accordionTitle___klHwy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 17px;
  max-width: 35ch;
}

/* gray theme */
.grayTheme___kAk_4 {
  width: 100%;
}

.grayTheme___kAk_4 .accordionBar___w7WdV {
  border: 1px solid #ddd;
  box-shadow: none;
}

.grayTheme___kAk_4 .itemName___mR3xM {
  color: #000;
}

.grayTheme___kAk_4 .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: #000;
}

.grayTheme___kAk_4 .collapsedToggleIndicator___SW7vF {
  color: #000;
}

/* Detail theme */
.detailTheme___vzECn {
  width: 100%;
  margin-bottom: 0;
  border: none;
  box-shadow: 0 0 6px #ddd;
}

.detailTheme___vzECn .leftItems___FPEbV {
  max-width: 70%;
}

.detailTheme___vzECn .accordionBar___w7WdV {
  background: #35a4ff !important;
  color: #575757;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 48px;
}

.detailTheme___vzECn .itemName___mR3xM {
  color: white !important;
  font-weight: bold !important;
}

.detailTheme___vzECn .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.detailTheme___vzECn .indicatorSpace___oX48b {
  display: none;
}

.detailTheme___vzECn .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* ListView theme */
.listViewTheme___LnpW5 {
  width: 100%;
  margin-bottom: 0;
  border: none;
}

.listViewTheme___LnpW5 .leftItems___FPEbV {
  max-width: 70%;
}

.listViewTheme___LnpW5 .accordionBar___w7WdV {
  background: white !important;
  color: #575757;
  border: none;
  box-shadow: none;
}

.listViewTheme___LnpW5 .accordionTitle___klHwy {
  color: #666 !important;
  font-size: 12px;
  font-weight: bold !important;
}

.listViewTheme___LnpW5 .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.listViewTheme___LnpW5 .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Magenta theme */
.magentaTheme___c1vsk {
  width: 100%;
  margin-bottom: 0;
}

.magentaTheme___c1vsk .accordionBar___w7WdV {
  background-color: magenta;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.magentaTheme___c1vsk .itemName___mR3xM {
  font-weight: normal;
  color: white;
}

.magentaTheme___c1vsk .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.magentaTheme___c1vsk .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.magentaTheme___c1vsk .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Purple theme */
.purpleTheme___NaBf1 {
  width: 100%;
  margin-bottom: 0;
}

.purpleTheme___NaBf1 .accordionBar___w7WdV {
  background-color: rebeccapurple;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.purpleTheme___NaBf1 .accordionBar___w7WdV.expanded___DbxfB {
  background-color: rebeccapurple;
  color: white;
}

.purpleTheme___NaBf1 .expandedContent___saAMR {
  border: 1px solid #ddd;
  border-top: 0px;
}

.purpleTheme___NaBf1 .itemName___mR3xM {
  font-weight: normal;
  color: white;
}

.purpleTheme___NaBf1 .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.purpleTheme___NaBf1 .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.purpleTheme___NaBf1 .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Light Blue theme */
.lightBlueTheme___QkcCZ {
  width: 100%;
  margin-bottom: 0;
}

.lightBlueTheme___QkcCZ .accordionBar___w7WdV {
  background: #00b8ff;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.lightBlueTheme___QkcCZ .itemName___mR3xM {
  color: white;
  font-weight: normal;
}

.lightBlueTheme___QkcCZ .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.lightBlueTheme___QkcCZ .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.lightBlueTheme___QkcCZ .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Dark gray theme */
.darkGrayTheme___rBrNb {
  width: 100%;
  margin-bottom: 0;
}

.darkGrayTheme___rBrNb .accordionBar___w7WdV {
  background: #999;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.darkGrayTheme___rBrNb .itemName___mR3xM {
  color: white;
  font-weight: normal;
}

.darkGrayTheme___rBrNb .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.darkGrayTheme___rBrNb .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.darkGrayTheme___rBrNb .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Yellow theme */
.yellowTheme___AcW3R {
  width: 100%;
  margin-bottom: 0;
}

.yellowTheme___AcW3R .accordionBar___w7WdV {
  background-color: gold;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.yellowTheme___AcW3R .accordionBar___w7WdV.expanded___DbxfB {
  background-color: gold;
  color: black;
}

.yellowTheme___AcW3R .expandedContent___saAMR {
  border: 1px solid #ddd;
  border-top: 0px;
}

.yellowTheme___AcW3R .itemName___mR3xM {
  font-weight: normal;
  color: black;
}

.yellowTheme___AcW3R .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.yellowTheme___AcW3R .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: black;
}

.yellowTheme___AcW3R .toggleIndicator___zTHgm {
  color: black;
}

.yellowTheme___AcW3R .collapsedToggleIndicator___SW7vF {
  color: black;
}

/* Green theme */
.greenTheme___kwJMw {
  width: 100%;
  margin-bottom: 0;
}

.greenTheme___kwJMw .accordionBar___w7WdV {
  background: green;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.greenTheme___kwJMw .itemName___mR3xM {
  color: white;
  font-weight: normal;
}

.greenTheme___kwJMw .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.greenTheme___kwJMw .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.greenTheme___kwJMw .collapsedToggleIndicator___SW7vF {
  color: white;
}
/* teal theme */
.tealTheme___Q3Cmi {
  width: 100%;
  margin-bottom: 0;
}

.tealTheme___Q3Cmi .accordionBar___w7WdV {
  background: teal;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.tealTheme___Q3Cmi .itemName___mR3xM {
  color: white;
  font-weight: normal;
}

.tealTheme___Q3Cmi .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.tealTheme___Q3Cmi .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.tealTheme___Q3Cmi .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Orange theme */
.orangeTheme___gizLL {
  width: 100%;
  margin-bottom: 0;
}

.orangeTheme___gizLL .accordionBar___w7WdV {
  background-color: orange;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}

.orangeTheme___gizLL .itemName___mR3xM {
  font-weight: normal;
  color: white;
}

.orangeTheme___gizLL .accordionTitle___klHwy {
  font-size: 12px;
  font-weight: normal;
}

.orangeTheme___gizLL .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: white;
}

.orangeTheme___gizLL .collapsedToggleIndicator___SW7vF {
  color: white;
}

/* Persistent theme: Only used for the Persistent accordion items */
.persistTheme___mUbAZ {
  width: 100%;
}

.persistTheme___mUbAZ .accordionBar___w7WdV {
  background-color: white;
  color: black;
  font-weight: normal;
}

.persistTheme___mUbAZ .accordionBarBorder___ckSfR {
  border: solid 1px #ddd;
}

.perisistTheme___fzZYX .accordionBar___w7WdV .itemName___mR3xM {
  font-weight: normal;
}

.persistTheme___mUbAZ .accordionBar___w7WdV.accordionBarDisabled___M85Jx {
  box-shadow: none;
}

.persistTheme___mUbAZ .accordionBar___w7WdV.accordionBarDisabled___M85Jx .itemName___mR3xM {
  font-weight: normal;
}

.persistTheme___mUbAZ .itemName___mR3xM {
  font-weight: normal;
}

.persistTheme___mUbAZ .accordionBarDisabled___M85Jx .toggleIndicator___zTHgm {
  color: #ddd;
}

.arrowIcon___NQbtS {
  width: 24px;
  height: 24px;
  top: 2px;
}

.rightSideWrap___mKp60 {
  display: flex;
  margin-right: 20px;
}

.accordionTitle___klHwy > div {
  margin-bottom: 5px;
}

.newTheme___SpHq6 .leftItems___FPEbV {
  margin-left: 8px;
}

.activateToggle___JHnnG {
  padding-top: 5px;
}

.titleWrapper___TPJcr {
  display: flex;
  align-content: center;
}

.backWrapper___ILGnA {
  display: flex;
  align-items: center;
  padding-right: 12px;
}

.backButton___ifL3k {
  border: none;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.listNavTitle___WEhzv {
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.cardSet___wR5gT {
}

.noResults___Uggkg {
  padding: 0 8px;
}

.sortSelector___hUUVO {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
}

.cardItems___lTCrW {
  display: grid;
  grid-gap: 12px;
  overflow-y: auto;
  padding: 8px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cardItems___lTCrW {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(100px, auto);
    overflow-y: none;
  }
  .filterBar___krKO4 {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cardItems___lTCrW {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-auto-columns: minmax(100px, 400px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .cardItems___lTCrW {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-auto-columns: minmax(100px, 400px);
  }
}
@media screen and (min-width: 1281px) {
  .cardItems___lTCrW {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(200px, auto);
    grid-auto-columns: minmax(100px, 400px);
  }
}

.msiOverride___NI7q9 {
  max-width: initial !important;
  min-height: initial !important;
}

.msiTitleOverride___fFU15 {
  padding: 12px 0px 6px !important;
}

.cardItem___SL6Qm {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
}

.cardItem___SL6Qm.clickable___MK385:hover {
  cursor: pointer;
}

.cardItem___SL6Qm.clickable___MK385:hover .fieldValue____6bE9 {
  color: #575757;
}

.selected___X1zPe {
  background-color: #35a4ff;
  color: white;
}

.selected___X1zPe .fieldValue____6bE9 {
  color: white;
}

.cardCheckbox___Ejixx {
  position: absolute;
  top: 8px;
  right: 8px;
}

.actionsContainer___hBET9 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  min-width: 40px;
  min-height: 40px;
  color: white;
}

.fieldLabel___Iy1i9 {
  font-weight: bold;
}

.fieldValue____6bE9 {
  color: #575757;
}

.titleField___vJXux {
  color: 666;
  font-weight: bold;
}

.featuredField___VhCPG {
  padding: 16px 0 0 16px;
}

.cardData___xWEGF {
  margin-bottom: 40px;
}

/*
 * react-circular-progressbar styles
 *
 * All of the styles in this file are optional and configurable!
 */

 .circularProgressBarContainer___WxRmw {
 }

 .circularProgressBarContainer___WxRmw .CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   *
   * If you're not using "display: flex", you can remove this style.
   */
  width: 100%;
}

.circularProgressBarContainer___WxRmw .CircularProgressbar-path {
  stroke: #5DB6FF;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.circularProgressBarContainer___WxRmw .CircularProgressbar-trail {
  stroke: #acd9fd;
}

.circularProgressBarContainer___WxRmw .CircularProgressbar-text {
  fill: #006e99;
  font-size: 26px;
  font-weight: bold;
  dominant-baseline: middle;
  text-anchor: middle;
}

.circularProgressBarContainer___WxRmw .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}
*/
/* colors are roughly sorted from light to dark */

/* Style Guide Colors */ /* AVIGILON Blue */ /* Motorola */ /* Selected State */ /* Content Box / Main */ /* Background Color */ /* Border Color / Disabled */ /* Navigation Background */ /* Navigation Active */ /* Notification Color / Unreviewed */ /* Action / Button */ /* Normal Text */

/* Alert Messaging */ /* Error / Alert */ /* Error / Alert Background */ /* Success */ /* Success Background */ /* Primary Button Hover Background Color */ /* Primary Button Disabled Background Color */

/* Form Feedback Boxes */

/* Blue */

/* Black */

/* White/Grey */

/* Red */

/* Green */

/* Orange */

/* Shadow */

:root {
  --primary-brand-color: #005daa;
  --primary-content-white: #FFFFFF;
}

/*color theme*/

.avigilonBlue___ObjU7 {
  background-color: #005daa;
}

.avigilonBlueTextColor___UT0g0 {
  color: #005daa;
}

.avigilonBlueHover___vPiEE:hover {
  background-color: #3d6f99;
}

.avigilonBlueHover___vPiEE:active {
  background-color: #0f4c7f;
}

.defaultTextColor___JH1uu {
  /* #575757, which does not match style guide */
  color: #575757;
}

.disabledGrey___E7mga {
  color: rgba(0,0,0,0.5);
}

.contentBorder___tSMOu {
  border: 1px solid #DDDDDD;
}

.#f8eeee {
  background-color: #f8eeee;
}

.#ff3b30 {
  color: #ff3b30;
}
.#ffa09b {
  border: 1px solid #ffa09b !important;
}

.#EFF8FF {
  background-color: #EFF8FF;
}

.infoTextColor___yvzgK {
  color: #5DB6FF;
}

.infoBorderColor___yrqRO {
  border: 1px solid #5DB6FF;
}

.#F5EEE7 {
  background-color: #F5EEE7;
}

.#D5762F {
  border: 1px solid #D5762F !important;
}

.neutralBorderColor___ELmWs {
  border: 1px solid #666666;
}

.backgroundMasthead___e5ioq {
  background-color: var(--pivot-midground);
}

.backgroundNavigation___d2QVa {
  background-color: #666666;
}

.#666666 {
  background-color: #FFFFFF;
}

.backgroundSecondaryMenu___aNETo {
  background-color: #efefef;
}

.secondaryNavLabelColor___IHEM_ {
  color: #ADADAD;
}

.secondaryNavMenuLinkSelectedBgColor___uVLab {
  background-color: #e6f4ff;
}

.secondaryNavLinkTextColor____KIXQ {
  color: rgba(0, 0, 0, 0.7);
}

.secondaryNavLinkActiveTextColor___EQ966 {
  color: #000;
}

.negativeTextColor___jhmsV {
  color: #FFFFFF;
}

.negativeTextShadow___v2qMQ {
  text-shadow: -1px -1px #FFFFFF;
}

.separatorShadow___O7hqL {
  box-shadow: 0.5px 0 0 0 #FFFFFF;
}

.dropShadow___ugdvA {
  box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.1);
}

.modalOverlayBgColor___gLKqe {
  background-color: rgba(0, 0, 0, 0.5);
}

.modalBgColor___KiRfr {
  background-color: rgba(255, 255, 255, 1);
}

.modalContentBorderColor___xHWXd {
  border: 1px solid #DDDDDD;
}

.labelColor___spAZc {
  color: #333333;
}

.blueBackground___KfpWR {
  background-color: #e6f2ff;
}

.#e6f5dd {
  background-color: #e6f5dd;
}

.#42a00f {
  color: #42a00f;
}

.#aee88e {
  border: 1px solid #aee88e;
}

.itemSelected___icac7 {
  background-color: #5DB6FF;
}

.tableRowSelected___LMDf_ {
  background-color: #5DB6FF;
}

.whiteBg___O2ugi {
  background: #FFFFFF;
}

.optionClassNameColor___icJwn {
  color: #3d6f99;
}

.playButtonBackgroundColor___vUScx {
  background-color: #005daa;
}

.tableHeaderTextColor___vrTdu {
  color: #575757;
}

.tableCellTextColor___zEpoV {
  color: #333333;
}

.headerBackgroundColor___VYczf {
  background-color: #f0f0f0;
}

.defaultButton___Jqurj {
  background-color: #005daa;
  color: #FFFFFF;
}

.defaultbutton___HFU1g:not([disabled]):focus {
  outline: 0;
}

.defaultButtonHover___Fshf8:hover {
  background-color: #004E8E;
  color: #FFFFFF;
}

.defaultButtonActive___BHGDD:active {
  background-color: #005daa;
  color: #FFFFFF;
  outline: 0;
  border-style: inset;
}

.defaultButtonActive___BHGDD:not([disabled]):active:hover::before {
  border-color: #004E8E;
}

.defaultButtonActive___BHGDD:not([disabled]):active::before,
.defaultButtonActive___BHGDD:focus::before,
.secondaryButtonActive___iBTcA:not([disabled]):active::before,
.secondaryButtonActive___iBTcA:focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
  border: 2px solid #005daa;
  border-radius: 4px;
  transition: border-color 0.1s;
}

.defaultButtonDisabled___HwEQz {
  background-color: #cbcbcb;
}

.secondaryButton___qxvT3 {
  background: 0 0;
}

.secondaryButton___qxvT3:not([disabled]):focus {
  background: rgba(0, 0, 0, 0.1);
}

.secondaryButtonHover___rb2ph:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.secondaryButtonActive___iBTcA:active {
  color: #fff;
  background-color: #006e99;
  border-color: rgba(255, 255, 255, 0.1);
}

.navMenuBorder___aPDGr {
  border-bottom: 2px solid #F8F8F8;
}

.navMenuItemBorder___SE40l {
  border-bottom: 2px solid #F8F8F8;
}

.navMenuItemActiveBorder___kKvWb {
  border-bottom: 3px solid #005daa !important;
}

.primarySelectedColor___LuLKB {
  color: #5DB6FF;
}

.primarySelectedBackground___Cen4o {
  background-color: #5DB6FF;
}

.primarySelectedBorder___p4lE6 {
  border: 1px solid #5DB6FF;
}

.formErrorSet___sPviE {
  border: 1px solid #B30490;
  background-color: #FEF1F6;
  color: black;
}

.formCorrectSet___FFgTf {
  border: 1px solid rgba(195, 222, 141, 1.0);
  background-color: rgba(195, 222, 141, 0.1);
  color: black;
}

.formDisabledSet___LcepB {
  border: 1px solid #ABADB0;
  background-color: #F5F5F5;
  color: #6B6B6B;
}

.formRequiredIndicator___G5hn9:before {
  content: '*';
  color: #B30490;
}

.formErrorMessage___LdQRo {
  color: #B30490;
}

.dropDownItemHover___lp2lS:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: initial;
}

.dropDownItemActive___hOCav:active {
  background-color: #005daa;
  color: #FFFFFF;
}

.dropDownItemSelected___pCZ9U {
  background-color: #005daa;
  color: #FFFFFF;
}

/* NOTE: if you change thhe colors here you should also change the `defaultButton` background-colors in sharedStyles/brushes.css */
:root {
  --action-button-text: #005daa !important;
  --button-enabled: #005daa !important;
  --button-hover: #004E8E !important;
  --button-pressed-hover: #005daa !important;
  --button-border-color: #005daa !important;
}

.buttonGroup___KzAfT {
  margin-top: 20px;
}

.buttonGroupCenter___sQoXV {
  text-align: center;
}

.buttonSubmit___exd64 {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.buttonConfigure___UL6A6 {
  height: 30px;
  width: 100px;
  position: relative;
  top: 50%;
  left: 50%;
}

.buttonGroup___KzAfT {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  height: 36px;
  /* need to repeat these so the other tabs don't break */
  margin-top: 35px;
}

.buttonLevel1NavText___iP69w {
  font-size: 12px;
  font-weight: bold;
}

.buttonLevel1Nav___y2bbt {
  border: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  margin-right: 6px;
}

.buttonLevel1NavText___iP69w:hover,
.buttonLevel1Nav___y2bbt:hover {
  color: #5bd6ff;
}
.buttonLevel1NavSeparator___nWwUl {
}
.buttonLevel1NavSeparator___nWwUl::after {
  content: '';
  border-left: 1px solid #999999;
  height: 14px;
  margin: auto 0px auto 8px;
}

.leftArrowBar___C2tBU,
.rightArrowBar___xgcy1 {
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0px;
  display: flex;
}

.leftArrowBar___C2tBU {
  left: -90px;
}

.rightArrowBar___xgcy1 {
  right: -90px;
}

.leftArrow___mo5d2,
.rightArrow____oCcx {
  width: 0px;
  height: 0px;
  background-color: transparent;
  margin: auto;
  opacity: 0.3;
  cursor: pointer;
}

.leftArrow___mo5d2:hover,
.rightArrow____oCcx:hover {
  opacity: 0.9;
}

.leftArrow___mo5d2 {
  border: 30px solid transparent;
  border-right: 30px solid #cbcbcb;
}

.rightArrow____oCcx {
  border: 30px solid transparent;
  border-left: 30px solid #cbcbcb;
}

.disabledArrow___HxZcS,
.disabledArrow___HxZcS:hover {
  opacity: 0.1;
  cursor: default;
}

.modalContent___Rcopn {
  height: 100%;
}

.formHeader___x_Nu3 {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0px 8px 0px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: row;
  color: #7c7c7c;
}

.headerText___McqIs {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #000000;
  flex-direction: column;
  flex-grow: 2;
}

.headerLink___Vzh7S {
  font-size: smaller;
  padding: 0px 8px;
  color: #373a9c;
  cursor: pointer;
  text-decoration: underline;
}

.disabledHeaderLink___IFXyp {
  font-size: smaller;
  padding: 0px 8px;
  color: #666666;
  cursor: default;
  text-decoration: underline;
}

.verticalBar___Wlw1l {
  float: right;
  background: #555;
  color: #fff;
  font-weight: bold;
  width: 2px;
  height: 20px;
  border-radius: 1px;
}

.iconCancel___abEQo {
  background-color: #000000;
  color: #ffffff;
  float: right;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
}

.subHeader___QsPAA {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}

.subHeaderDetail___x4TNv {
  font-size: 12px;
  color: #575757;
  font-style: italic;
  margin-bottom: 20px;
}

.formWrapper___LZoP9 {
  padding: 16px;
}

/* Be careful. Being used multiple places  
   Use helper like formBoxHelper below to customize one place*/
.formBox___DX7rU {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  table-layout: fixed;
}

.formBoxHelper___NTdwf {
  height: 38px;
}
.boxBg___lKinV {
  background-color: #e8e8e8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  padding-top: 5px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.formColumn___YaBFI {
  flex: 3 3 50%;
  box-sizing: border-box;
  vertical-align: top;
}

.columnHeader___uTBks {
  height: 24px;
  color: #575757;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  padding-top: 2px;
  vertical-align: middle;
}

.smallFormColumn___P1LXg {
  flex: 1 1;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0px 5px;
  display: flex;
}

.modalFormGroup___xjJAo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 8px;
}

.infoGroup___ZpHvf {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
}

.inputLabel___YrtOn {
  width: 150px;
  font-size: 12px;
  font-weight: normal;
  color: #7c7c7c;
  flex: 0 0 auto;
  margin-right: 10px;
  text-align: left;
  line-height: 30px;
  /* line-height = height of input */
}

.inputLabel___YrtOn.inputLabelRight___ods4Q {
  text-align: right;
}

.loginInput___QCWOI {
  height: 30px;
  width: 200px;
}

.formField___WE6Zl,
.smallFormField___JbZIP {
  min-width: 320px;
  display: flex;
  height: auto;
  border: #dddddd;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}

.formReadOnlyText___kKqsn {
  padding: 0 0 0 4px;
  align-items: flex-start;
  color: #575757;
  word-break: break-word;
}

.smallFormField___JbZIP {
  /* likely to become the formfield style on smaller screens */
  min-width: 250px;
}

.medFormField___Xovoq {
  /* Used in policy groups (add / edit user) */
  width: 175px;
  height: 30px;
  color: #000000;
}

.stackedFormField___darnE {
  flex-wrap: wrap;
  height: 45px;
}

.iconGroup___P4SBN {
  min-width: 50px;
  margin: auto;
  padding: 2px 0px 15px 2px;
}

.iconButtonGroup___qLyYs {
  min-width: 50px;
  margin: auto;
  padding-bottom: 15px;
}

.formField___WE6Zl input,
.smallFormField___JbZIP input,
.medFormField___Xovoq input,
.stackedFormField___darnE input {
  height: 32px;
  box-sizing: border-box;
  padding-left: 9px;
  width: inherit;
  border: 1px solid #dddddd;
  color: #000000;
  font-size: 12px;
}

.formField___WE6Zl select {
  color: #7c7c7c;
}

.formField___WE6Zl input:disabled,
.smallFormField___JbZIP input:disabled,
.medFormField___Xovoq input:disabled,
.stackedFormField___darnE input:disabled,
.formField___WE6Zl select:disabled,
.smallFormField___JbZIP select:disabled,
.medFormField___Xovoq select:disabled,
.stackedFormField___darnE select:disabled {
  background-color: #f4f4f4;
  color: #ccc;
}

.medFormField___Xovoq input {
  width: 175px;
}

.formField___WE6Zl select,
.smallFormField___JbZIP select,
.medFormField___Xovoq select,
.stackedFormField___darnE select {
  box-sizing: border-box;
  box-shadow: none;
  height: 30px;
  width: inherit;
  border: 1px solid #dddddd;
  color: #575757;
  font-size: 12px;
}

.formField___WE6Zl input:focus,
.smallFormField___JbZIP input:focus,
.medFormField___Xovoq input:focus,
.stackedFormField___darnE input:focus,
.formField___WE6Zl select:focus,
.smallFormField___JbZIP select:focus,
.medFormField___Xovoq select:focus,
.stackedFormField___darnE select:focus {
  border-color: #5db6ff !important;
}

.smallFormField___JbZIP select {
  width: 150px;
  height: 24px;
}

.medFormField___Xovoq select {
  width: 175px;
}

.inputValidating___s8g_n,
.inputError___xezAZ {
  font-size: 11px;
  font-style: italic;
  margin: 2px 0 0 0;
  line-height: 11px;
  color: red;
  /* line-height = height of input */
}

.titleIconWrapper___bpPbX{
  margin-right: 8px;
  height: 24px;
}

.inputValidating___s8g_n {
}

.inputError___xezAZ {
}

.stackedFormField___darnE .inputError___xezAZ {
  width: 100%;
  line-height: 18px;
  display: block;
}

.buttonGroup___Cq6s3 {
}

.buttonGroupCenter____HVgp {
  margin: auto;
}

.buttonSubmit___LxnYT {
}

.buttonConfigure___OwHL7 {
}

.verticalDivider___pF2pi {
  margin: 0px 16px;
  border-left: 1px solid #eee;
}

.horizontalDividerSolid___WO_Qk {
  border-bottom: 2px solid #F8F8F8;
  margin-bottom: 16px;
}

.horizontalDivider___hn4Cx {
  float: clear;
  width: 100%;
  margin: 15px 0px;
  border-top: 1px dotted #dddddd;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  color: #bcbcbc;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

.copyInputContainer___tFke2 {
  display: flex;
  flex-wrap: nowrap;
  height: 32px;
  align-items: center;
}

.copyInputValue___psQ3w {
  display: inline;
}

.copyInputValue___psQ3w {
  min-width: 120px;
  transition: border 1.4s, background-color 1.4s;
}

.copyInputValueCopied___cd6zr {
}

.copyInputBtn____WUby {
  margin-left: 5px;
}

.copyInputSuccessContainer___VDw6p {
  position: absolute;
  align-self: flex-end;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s;
}

.copyInputSuccessText___SgYQx {
  position: absolute;
  top: -28px;
  left: 4px;
  font-size: 11px;
  padding: 2px 5px;
  font-weight: bold;
  white-space: nowrap;
  background: rgb(195, 220, 141);
}

.copyInputSuccessContainer___VDw6p.messageHidden_____i94,
.copyInputBtn____WUby.messageHidden_____i94 {
  visibility: hidden;
  width: 0px;
  opacity: 0;
  transition: visibility 0s linear 0.8s, opacity 0.8s linear;
}

.layoutPositionFixedTop___Kf5dE {
  position: fixed;
  top: 0;
}

.layoutZIndexOnTop___pw0oj {
  z-index: 1100;
}

.layoutZIndexJustUnderTop___pQq70 {
  z-index: 1000;
}

.layoutWidth100Percent___l9hmZ {
  width: 100%;
}

.layoutHeight100Percent___MLGtA {
  height: 100%;
}

.layoutPositionRelative___yVoHD {
  position: relative;
}

.layoutDisplayFlex___Q6yn3 {
  display: flex;
}

.layoutFlex1___B3D24 {
  flex: 1;
}

.layoutFlexCenter___nqCnK {
  align-items: center;
  justify-content: space-around;
}

.dropdownShade___GO7fe {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

.dropdownWrapper___jF6Tu {
  position: absolute;
  display: flex;
  justify-content: center;
  right: -0.05rem;
  top: 2.625rem;
  max-height: calc(100vh - 240px);
  background: white;
  overflow-y: auto;
  box-shadow: 0 0 4px #666;
  border-radius: 4px;
  min-width: 12.5rem;

  -webkit-overflow-scrolling: touch;
}

.dropdownContainer___A93yj {
  padding-top: 0px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  text-overflow: 'ellipsis';
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .dropdownWrapper___jF6Tu {
    top: 42px;
    width: unset;
    right: 0;
  }
  .dropdownContainer___A93yj {
    min-width: 200px;
    right: 8px;
  }
}

.dropdownContent___W1Jij {
  padding: 0px;
}

.dropdownContainer___A93yj.orgs___D3vpv {
  padding-top: 10px;
}

* {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: defaultTextColor from './brushes.css';
}

.active___n8HX3 {
  font-weight: bold;
}

.fullWidth___Dnou5 {
  box-sizing: border-box;
  width: 100%;
}

.scrollContainer___xhF2L {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.scrollBody___H_mAt {
  flex-grow: 1;
}

.scrollFooter___bcN4N {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.backButton___e08pR {
  border: none;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.versionInfo___Gup05 {
  align-items: center;
  display: flex;
  font-size: 12px;
  margin-left: auto;
  margin-right: 6px;
  margin-bottom: 12px;
  order: 2;
}

.separator___Br8aO {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  height: 14px;
  margin: auto;
}

.scrollFooter___bcN4N .separator___Br8aO {
  border-color: #adadad;
}

.versionInfo___Gup05 .separator___Br8aO {
  margin: 0 4px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .footerBody___fMsTp {
    flex-direction: column;
  }
  .companyInfo___As36B {
    flex-direction: column;
  }
  .companyLinks___UAsLU {
    display: flex;
    flex-direction: column;
  }
}

.selectDropUp___UcgN0 .Select-menu-outer {
  top: auto;
  bottom: 100%;
}

.copyright____Nifp {
  align-items: center;
  display: flex;
  margin: 8px 0 8px 6px;
}

.companyInfo___As36B {
  display: flex;
  font-size: 12px;
  order: 1;
  text-align: left;
}

.companyLinks___UAsLU {
  align-items: center;
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .companyInfo___As36B {
    display: flex;
  }
  .companyInfo___As36B .separator___Br8aO {
    border-color: transparent;
    height: 8px;
  }

  .copyright____Nifp {
    margin-left: 6px;
  }

  .companyLinks___UAsLU {
    margin-bottom: 6px;
  }

  .versionInfo___Gup05 {
    margin-left: 6px;
  }
}

.languageText___OXZGO {
  margin-right: 4px;
}

.modalOverlay___nqi9P {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; /* Needs to be lower than all other z-index due to DOUBLE MODAL usage */
  height: 100vh;
  width: 100vw;
  overflow: auto;
  display: flex;
}

.modalOverlay___nqi9P.savitarModalOverlay___gbmVB {
  z-index: 1100;
}
.modalContentContainer___NWN5b {
  margin: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  z-index: 1100;
}

.twoColumnModalContainer___Qnngw {
  width: 800px;
}

.centeredContainer___ZwI2R {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.secondaryNavContainer___bmXKH {
  width: 100%;
  box-sizing: border-box;
}

.secondaryNavContainerHidden___zNlpF {
  height: 0px;
  margin-bottom: 0px;
}

.secondaryNavDropdownContainer___EnGkn {
  float: left;
  margin-left: 22px;
}

.secondaryNavDropdownList___MlADX {
  width: 210px;
}

.contentVerticallyAligned___v6U1S {
  line-height: 32px;
  display: block;
}

.iconCameraGroup___dEdTl,
.iconCameraGroupActive___M6CTk {
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-bottom;
}

.secondaryNavMenuItemActive___Ige23 .iconCameraGroup___dEdTl,
.iconCameraGroupActive___M6CTk {
  display: none;
}

.secondaryNavMenuItemActive___Ige23 .iconCameraGroupActive___M6CTk {
  display: inline-block;
}

.headerLeft___eE_Jq {
  display: inline-block;
}

.rightheader___epWqg {
  float: right;
  margin-top: -5px;
}

.header___I2taw {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.modalBody___R9fVT {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  padding-top: 130px;
}

.modalForm___c86nP {
  margin: 0 auto;
  background-color: white;
  height: 300px;
  width: 400px;
  padding: 20px;
}

.footer___gSE4E {
  font-size: 11px;
  padding-top: 5px;
  color: #575757;
  text-align: left;
  width: 375px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer___gSE4E > div {
  font-size: 11px;
}

.languageDropdownContainer___MvRJg {
  display: flex;
  align-items: center;
  z-index: 100;
}

.label___hvyjm {
  margin-bottom: 5px;
}

.input___P7eWh {
  margin-bottom: 10px;
  width: 350px;
}

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

.contentWrapper___erZeT,
.listNavWrapper___I6cER {
  box-sizing: border-box;
  width: 100%;
}

.listNavBox___Kf2kn {
  width: 100%;
  min-width: 450px;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0px 7px;
  /* All content is assumed to have left and right margins of 3px => 10px offset */
}

.listNavTitle___LPtTe {
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.listNavHeader___QXa1Q {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .menuContainer___LlVLb {
    width: 40px;
  }
  .listNavWrapper___I6cER {
    padding: 0;
  }
  .listNavBox___Kf2kn {
    min-width: 320px;
    max-width: 370px;
  }
  .scrollFooter___bcN4N {
    flex-direction: column;
  }
}

@media (max-width: 875px) {
  .listNavHeader___QXa1Q {
    max-width: 220px;
  }
}

@media (min-width: 876px) and (max-width: 1040px) {
  .listNavHeader___QXa1Q {
    max-width: 115px;
  }
  .defaultButton___fACoW {
    min-width: 60px;
  }
  .selectView___jI_hP {
    width: 200px;
  }
  .defaultButton___fACoW {
    min-width: 60px;
  }
  .selectView___jI_hP {
    width: 200px;
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  .listNavHeader___QXa1Q {
    max-width: 340px;
  }
}

@media (min-width: 1200px) {
  .listNavHeader___QXa1Q {
    max-width: 100%;
  }
}

.listNavFilterGroup___EdaLF {
  height: 38px; /* Compensate for 2px of listnav border */
  display: flex;
  align-items: center;
}

.listNavSeparator___GpsPY {
  float: right;
  border-left: 1px dotted #aaa;
  height: 30px;
  margin: 5px 8px;
  width: 0px;
}

.listNavButtonGroup___hEItc {
  height: 28px; /* Compensate for 2px of listnav border */
  box-sizing: border-box;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listNavButtonGroup___hEItc div {
  display: flex;
}

.listNavButton___inxHr {
  height: 28px;
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: none;
  outline: none;
  border-left: 1px solid #aaaaaa;
  position: relative;
  left: -1px;
}

/*TODO: remove if not needed*/

.applyButton___p5fMD {
  background-color: #006e99;
  border: 1px solid #006e99;
  cursor: pointer;
  border-radius: 20px;
  color: #ffffff;
  height: 34px;
  margin: 0 5px;
  width: 90px;
  font-weight: bold;
}

.applyButton___p5fMD:disabled {
  cursor: auto !important;
  background-color: #ddd;
  border: 1px solid #ddd;
}

.hidden___Mfowq {
  display: none;
}

.input___P7eWh {
  display: flex;
  width: 200px;
  height: 30px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid red;
  padding-left: 10px;
  padding-right: 10px;
}

.inputBox___MWdK6 {
  display: flex;
  width: 200px;
  height: 26px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid #dddddd;
  padding-left: 10px;
  padding-right: 10px;
  margin: 2.5px 0px;
  color: #575757;
}

.inputBoxDisabled___oiWwL {
  display: flex;
  width: 200px;
  height: 30px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid #dddddd;
  padding: 0 10px;
  font-style: italic;
  color: #999999;
  background-color: #f7f7f7;
  margin: 2.5px 0px;
}

.arrowDownBlue___kOs6R {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006e99;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transition: transform 0.3s linear;
}

.arrowRightBlue___yA6x4 {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006e99;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transform: rotate(-90deg);
  transition: transform 0.3s linear;
}

.arrowDown___JvxmG {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #000;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transition: transform 0.3s linear;
}

.arrowRight___YW2sa {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #000;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transform: rotate(-90deg);
  transition: transform 0.3s linear;
}

.pointer___R5DpS {
  cursor: pointer;
}

.bulletPoints___FIt9x {
  color: #575757;
  list-style-type: disc;
}

/* -------- global shared styles ------------- */

span.InputRange-label.InputRange-label--max,
span.InputRange-label.InputRange-label--min {
  position: absolute;
  bottom: -1.7rem;
}

span.InputRange-label.InputRange-label--value {
  position: absolute;
  top: -2rem;
}

.footerSelectWrapper___cwlCw {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #000;
}

.pendingRequestColoredDot___NViBa {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #005daa;
  display: flex;
  margin-left: 4px !important; /* Nothing else seems to work. */
}

.sectionTitle___V_O0e {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 17px;
  max-width: 35ch;
  margin-bottom: 16px;
}

.wideToastContainer___yPqTs {
  /* !important needed to overcome toastify's built in styles */
  width: 600px !important;
  margin-left: -300px !important;
}

.pageNotFoundWrapper___z6KqG {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 50px;
  margin: 15px;
  height: calc(100vh - 140px);
}

.pageNotFoundText___tOZh1,
.pageNotFoundText___tOZh1 span {
  margin: 0 0 15px;
  font-weight: normal;
  line-height: 2.2rem;
}

.details___w76Ns {
}

.loaderStyle___U8Ebk{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.savitarModalContainer___rHQSy {
  padding: 15px;
  min-width: 350px;
}

.toggleIcon___waIVQ > label {
  justify-content: left;
  padding-left: 0;
  margin-left: -10px;
}

.emptyFeedContainer___A_nJX {
  position: relative;
  background-image: url(/8486260e373a3ef42203.svg);
  background-color: #eee;
  width: 100%;
  height: 100%;
  background-size: initial;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  box-sizing: border-box;
}

.placeholderWrapper___e9Piw {
}

.placeHolderSpinner____7ZeO{
  align-items: center; 
  display: flex; 
  height: 100%; 
  justify-content: center;
}

.placeholder___cl2YA {
  padding: 10px;
}

.placeholder___cl2YA {
  color: #000000 !important;
}

@keyframes ellipsis___KMvN7 {
  to {
    width: 1.25em;
  }
}

.formLabel___eSfEd {
  min-width: 75px;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  margin: 4px 0px 0px 4px;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}

.formReadOnlyText___moRnt {
  padding: 0 0 0 4px;
  align-items: flex-start;
  color: #575757;
  word-break: break-word;
}

.inputError___IXfx7 {
  color: #ff3b30;
  font-size: 11px;
  font-style: italic;
  margin: 2px 0 0 4px;
  line-height: 11px;
  /* line-height = height of input */
}

.isInputError___sjLz3 {
  border: 1px solid #ffa09b !important;
}

.modalFormGroup___J4ki9 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 8px;
}

.groupLayout___DHxYy {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
}

.groupLayoutCenter___lWde1 {
  justify-content: center;
}

.groupLayoutSplit___Mwg4g {
  justify-content: space-between;
}

.groupLayoutRight___mljnp {
  width: 100%;
  justify-content: flex-end;
}

.dropshadow___iKlmT {
  position: relative;
  z-index: 1100;
}

.dropshadow___iKlmT:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 5px #ddd;
}

/*Using more semantic naming - this is here for now for backwards compatibility
with the tab content css.  The end goal will be to use the GroupLayout component
in all the tabs and push the spacing onto the tab div rather than this component
and focus the role of this component as just flex layout options.
 */
/*vertical spacing options*/
.groupLayoutSpacingNone___IokjY {
  margin-top: 0px;
}

.groupLayoutSpacingSmall___o0g7j {
  margin-top: 15px;
}

.groupLayoutSpacingMedium___waF6d {
  margin-top: 25px;
}

.groupLayoutSpacingLarge___x6UAN {
  margin-top: 35px;
}

.bottomMarginNone___R9q_K {
  margin-bottom: 0;
}

.bottomMarginSmall___D79pn {
  margin-bottom: 15px;
}

.bottomMarginMedium___V9txO {
  margin-bottom: 25px;
}

.bottomMarginLarge___aTPYI {
  margin-bottom: 25px;
}

.infiniteScrollTrigger___Fw3Bc {
  height: 40px;
}

.contentMain___iGkfb {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.contentTop___D8EDt {
  background-color: #ffffff;
}

.contentMainBody___JnLrD {
  padding: 0px 16px;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
}

.contentMainBodyWithScroll___C145T {
  padding: 0px 16px;
  height: 100%;
}

* {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: defaultTextColor from './brushes.css';
}

.active___n8HX3 {
  font-weight: bold;
}

.fullWidth___Dnou5 {
  box-sizing: border-box;
  width: 100%;
}

.scrollContainer___xhF2L {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.scrollBody___H_mAt {
  flex-grow: 1;
}

.scrollFooter___bcN4N {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.backButton___e08pR {
  border: none;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.versionInfo___Gup05 {
  align-items: center;
  display: flex;
  font-size: 12px;
  margin-left: auto;
  margin-right: 6px;
  margin-bottom: 12px;
  order: 2;
}

.separator___Br8aO {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  height: 14px;
  margin: auto;
}

.scrollFooter___bcN4N .separator___Br8aO {
  border-color: #adadad;
}

.versionInfo___Gup05 .separator___Br8aO {
  margin: 0 4px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .footerBody___fMsTp {
    flex-direction: column;
  }
  .companyInfo___As36B {
    flex-direction: column;
  }
  .companyLinks___UAsLU {
    display: flex;
    flex-direction: column;
  }
}

.selectDropUp___UcgN0 .Select-menu-outer {
  top: auto;
  bottom: 100%;
}

.copyright____Nifp {
  align-items: center;
  display: flex;
  margin: 8px 0 8px 6px;
}

.companyInfo___As36B {
  display: flex;
  font-size: 12px;
  order: 1;
  text-align: left;
}

.companyLinks___UAsLU {
  align-items: center;
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .companyInfo___As36B {
    display: flex;
  }
  .companyInfo___As36B .separator___Br8aO {
    border-color: transparent;
    height: 8px;
  }

  .copyright____Nifp {
    margin-left: 6px;
  }

  .companyLinks___UAsLU {
    margin-bottom: 6px;
  }

  .versionInfo___Gup05 {
    margin-left: 6px;
  }
}

.languageText___OXZGO {
  margin-right: 4px;
}

.modalOverlay___nqi9P {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; /* Needs to be lower than all other z-index due to DOUBLE MODAL usage */
  height: 100vh;
  width: 100vw;
  overflow: auto;
  display: flex;
}

.modalOverlay___nqi9P.savitarModalOverlay___gbmVB {
  z-index: 1100;
}
.modalContentContainer___NWN5b {
  margin: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  z-index: 1100;
}

.twoColumnModalContainer___Qnngw {
  width: 800px;
}

.centeredContainer___ZwI2R {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.secondaryNavContainer___bmXKH {
  width: 100%;
  box-sizing: border-box;
}

.secondaryNavContainerHidden___zNlpF {
  height: 0px;
  margin-bottom: 0px;
}

.secondaryNavDropdownContainer___EnGkn {
  float: left;
  margin-left: 22px;
}

.secondaryNavDropdownList___MlADX {
  width: 210px;
}

.contentVerticallyAligned___v6U1S {
  line-height: 32px;
  display: block;
}

.iconCameraGroup___dEdTl,
.iconCameraGroupActive___M6CTk {
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-bottom;
}

.secondaryNavMenuItemActive___Ige23 .iconCameraGroup___dEdTl,
.iconCameraGroupActive___M6CTk {
  display: none;
}

.secondaryNavMenuItemActive___Ige23 .iconCameraGroupActive___M6CTk {
  display: inline-block;
}

.headerLeft___eE_Jq {
  display: inline-block;
}

.rightheader___epWqg {
  float: right;
  margin-top: -5px;
}

.header___I2taw {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.modalBody___R9fVT {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  padding-top: 130px;
}

.modalForm___c86nP {
  margin: 0 auto;
  background-color: white;
  height: 300px;
  width: 400px;
  padding: 20px;
}

.footer___gSE4E {
  font-size: 11px;
  padding-top: 5px;
  color: #575757;
  text-align: left;
  width: 375px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer___gSE4E > div {
  font-size: 11px;
}

.languageDropdownContainer___MvRJg {
  display: flex;
  align-items: center;
  z-index: 100;
}

.label___hvyjm {
  margin-bottom: 5px;
}

.input___P7eWh {
  margin-bottom: 10px;
  width: 350px;
}

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

.contentWrapper___erZeT,
.listNavWrapper___I6cER {
  box-sizing: border-box;
  width: 100%;
}

.listNavBox___Kf2kn {
  width: 100%;
  min-width: 450px;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0px 7px;
  /* All content is assumed to have left and right margins of 3px => 10px offset */
}

.listNavTitle___LPtTe {
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.listNavHeader___QXa1Q {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .menuContainer___LlVLb {
    width: 40px;
  }
  .listNavWrapper___I6cER {
    padding: 0;
  }
  .listNavBox___Kf2kn {
    min-width: 320px;
    max-width: 370px;
  }
  .scrollFooter___bcN4N {
    flex-direction: column;
  }
}

@media (max-width: 875px) {
  .listNavHeader___QXa1Q {
    max-width: 220px;
  }
}

@media (min-width: 876px) and (max-width: 1040px) {
  .listNavHeader___QXa1Q {
    max-width: 115px;
  }
  .defaultButton___fACoW {
    min-width: 60px;
  }
  .selectView___jI_hP {
    width: 200px;
  }
  .defaultButton___fACoW {
    min-width: 60px;
  }
  .selectView___jI_hP {
    width: 200px;
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  .listNavHeader___QXa1Q {
    max-width: 340px;
  }
}

@media (min-width: 1200px) {
  .listNavHeader___QXa1Q {
    max-width: 100%;
  }
}

.listNavFilterGroup___EdaLF {
  height: 38px; /* Compensate for 2px of listnav border */
  display: flex;
  align-items: center;
}

.listNavSeparator___GpsPY {
  float: right;
  border-left: 1px dotted #aaa;
  height: 30px;
  margin: 5px 8px;
  width: 0px;
}

.listNavButtonGroup___hEItc {
  height: 28px; /* Compensate for 2px of listnav border */
  box-sizing: border-box;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listNavButtonGroup___hEItc div {
  display: flex;
}

.listNavButton___inxHr {
  height: 28px;
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: none;
  outline: none;
  border-left: 1px solid #aaaaaa;
  position: relative;
  left: -1px;
}

/*TODO: remove if not needed*/

.applyButton___p5fMD {
  background-color: #006e99;
  border: 1px solid #006e99;
  cursor: pointer;
  border-radius: 20px;
  color: #ffffff;
  height: 34px;
  margin: 0 5px;
  width: 90px;
  font-weight: bold;
}

.applyButton___p5fMD:disabled {
  cursor: auto !important;
  background-color: #ddd;
  border: 1px solid #ddd;
}

.hidden___Mfowq {
  display: none;
}

.input___P7eWh {
  display: flex;
  width: 200px;
  height: 30px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid red;
  padding-left: 10px;
  padding-right: 10px;
}

.inputBox___MWdK6 {
  display: flex;
  width: 200px;
  height: 26px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid #dddddd;
  padding-left: 10px;
  padding-right: 10px;
  margin: 2.5px 0px;
  color: #575757;
}

.inputBoxDisabled___oiWwL {
  display: flex;
  width: 200px;
  height: 30px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  border: 1px solid #dddddd;
  padding: 0 10px;
  font-style: italic;
  color: #999999;
  background-color: #f7f7f7;
  margin: 2.5px 0px;
}

.arrowDownBlue___kOs6R {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006e99;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transition: transform 0.3s linear;
}

.arrowRightBlue___yA6x4 {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006e99;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transform: rotate(-90deg);
  transition: transform 0.3s linear;
}

.arrowDown___JvxmG {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #000;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transition: transform 0.3s linear;
}

.arrowRight___YW2sa {
  display: flex;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #000;
  margin-top: 0px;
  border-bottom-width: 7px;
  margin-right: 5px;
  transform: rotate(-90deg);
  transition: transform 0.3s linear;
}

.pointer___R5DpS {
  cursor: pointer;
}

.bulletPoints___FIt9x {
  color: #575757;
  list-style-type: disc;
}

/* -------- global shared styles ------------- */

span.InputRange-label.InputRange-label--max,
span.InputRange-label.InputRange-label--min {
  position: absolute;
  bottom: -1.7rem;
}

span.InputRange-label.InputRange-label--value {
  position: absolute;
  top: -2rem;
}

.footerSelectWrapper___cwlCw {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #000;
}

.pendingRequestColoredDot___NViBa {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #005daa;
  display: flex;
  margin-left: 4px !important; /* Nothing else seems to work. */
}

.sectionTitle___V_O0e {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 17px;
  max-width: 35ch;
  margin-bottom: 16px;
}

.wideToastContainer___yPqTs {
  /* !important needed to overcome toastify's built in styles */
  width: 600px !important;
  margin-left: -300px !important;
}

.pageNotFoundWrapper___z6KqG {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 50px;
  margin: 15px;
  height: calc(100vh - 140px);
}

.pageNotFoundText___tOZh1,
.pageNotFoundText___tOZh1 span {
  margin: 0 0 15px;
  font-weight: normal;
  line-height: 2.2rem;
}

.details___w76Ns {
}

.loaderStyle___U8Ebk{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.savitarModalContainer___rHQSy {
  padding: 15px;
  min-width: 350px;
}

.toggleIcon___waIVQ > label {
  justify-content: left;
  padding-left: 0;
  margin-left: -10px;
}

.emptyFeedContainer___A_nJX {
  position: relative;
  background-image: url(/8486260e373a3ef42203.svg);
  background-color: #eee;
  width: 100%;
  height: 100%;
  background-size: initial;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  box-sizing: border-box;
}

.navMenu____DiGw {
  position: relative;
  z-index: 100;
  display: flex;
  overflow: auto;
}

.navMenuItem___Tsw15,
.navMenuItemActive___OL_5V {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  text-decoration: inherit;
  padding: 0 12px;
  font: inherit;
  overflow: visible;
  font-weight: 600;
  margin: 0 1px 0 0;
  border: 0;
  outline: 0;
  font-size: 14px;
}

.navMenuItem___Tsw15 {
  font-weight: 400;
}

.navMenuItem___Tsw15:hover,
.navMenuItemActive___OL_5V:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.navMenuItemActive___OL_5V {
}

.navMenuItemActive___OL_5V::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  content: '';
}

.leftArrowBar___C2tBU,
.rightArrowBar___xgcy1 {
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0px;
  display: flex;
}

.leftArrowBar___C2tBU {
  left: -90px;
}

.rightArrowBar___xgcy1 {
  right: -90px;
}

.leftArrow___mo5d2,
.rightArrow____oCcx {
  width: 0px;
  height: 0px;
  background-color: transparent;
  margin: auto;
  opacity: 0.3;
  cursor: pointer;
}

.leftArrow___mo5d2:hover,
.rightArrow____oCcx:hover {
  opacity: 0.9;
}

.leftArrow___mo5d2 {
  border: 30px solid transparent;
  border-right: 30px solid #cbcbcb;
}

.rightArrow____oCcx {
  border: 30px solid transparent;
  border-left: 30px solid #cbcbcb;
}

.disabledArrow___HxZcS,
.disabledArrow___HxZcS:hover {
  opacity: 0.1;
  cursor: default;
}

.modalContent___Rcopn {
  height: 100%;
}

.formHeader___x_Nu3 {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0px 8px 0px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: row;
  color: #7c7c7c;
}

.headerText___McqIs {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #000000;
  flex-direction: column;
  flex-grow: 2;
}

.headerLink___Vzh7S {
  font-size: smaller;
  padding: 0px 8px;
  color: #373a9c;
  cursor: pointer;
  text-decoration: underline;
}

.disabledHeaderLink___IFXyp {
  font-size: smaller;
  padding: 0px 8px;
  color: #666666;
  cursor: default;
  text-decoration: underline;
}

.verticalBar___Wlw1l {
  float: right;
  background: #555;
  color: #fff;
  font-weight: bold;
  width: 2px;
  height: 20px;
  border-radius: 1px;
}

.iconCancel___abEQo {
  background-color: #000000;
  color: #ffffff;
  float: right;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
}

.subHeader___QsPAA {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}

.subHeaderDetail___x4TNv {
  font-size: 12px;
  color: #575757;
  font-style: italic;
  margin-bottom: 20px;
}

.formWrapper___LZoP9 {
  padding: 16px;
}

/* Be careful. Being used multiple places  
   Use helper like formBoxHelper below to customize one place*/
.formBox___DX7rU {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  table-layout: fixed;
}

.formBoxHelper___NTdwf {
  height: 38px;
}
.boxBg___lKinV {
  background-color: #e8e8e8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  padding-top: 5px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.formColumn___YaBFI {
  flex: 3 3 50%;
  box-sizing: border-box;
  vertical-align: top;
}

.columnHeader___uTBks {
  height: 24px;
  color: #575757;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  padding-top: 2px;
  vertical-align: middle;
}

.smallFormColumn___P1LXg {
  flex: 1 1;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0px 5px;
  display: flex;
}

.modalFormGroup___xjJAo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 8px;
}

.infoGroup___ZpHvf {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
}

.inputLabel___YrtOn {
  width: 150px;
  font-size: 12px;
  font-weight: normal;
  color: #7c7c7c;
  flex: 0 0 auto;
  margin-right: 10px;
  text-align: left;
  line-height: 30px;
  /* line-height = height of input */
}

.inputLabel___YrtOn.inputLabelRight___ods4Q {
  text-align: right;
}

.loginInput___QCWOI {
  height: 30px;
  width: 200px;
}

.formField___WE6Zl,
.smallFormField___JbZIP {
  min-width: 320px;
  display: flex;
  height: auto;
  border: #dddddd;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}

.formReadOnlyText___kKqsn {
  padding: 0 0 0 4px;
  align-items: flex-start;
  color: #575757;
  word-break: break-word;
}

.smallFormField___JbZIP {
  /* likely to become the formfield style on smaller screens */
  min-width: 250px;
}

.medFormField___Xovoq {
  /* Used in policy groups (add / edit user) */
  width: 175px;
  height: 30px;
  color: #000000;
}

.stackedFormField___darnE {
  flex-wrap: wrap;
  height: 45px;
}

.iconGroup___P4SBN {
  min-width: 50px;
  margin: auto;
  padding: 2px 0px 15px 2px;
}

.iconButtonGroup___qLyYs {
  min-width: 50px;
  margin: auto;
  padding-bottom: 15px;
}

.formField___WE6Zl input,
.smallFormField___JbZIP input,
.medFormField___Xovoq input,
.stackedFormField___darnE input {
  height: 32px;
  box-sizing: border-box;
  padding-left: 9px;
  width: inherit;
  border: 1px solid #dddddd;
  color: #000000;
  font-size: 12px;
}

.formField___WE6Zl select {
  color: #7c7c7c;
}

.formField___WE6Zl input:disabled,
.smallFormField___JbZIP input:disabled,
.medFormField___Xovoq input:disabled,
.stackedFormField___darnE input:disabled,
.formField___WE6Zl select:disabled,
.smallFormField___JbZIP select:disabled,
.medFormField___Xovoq select:disabled,
.stackedFormField___darnE select:disabled {
  background-color: #f4f4f4;
  color: #ccc;
}

.medFormField___Xovoq input {
  width: 175px;
}

.formField___WE6Zl select,
.smallFormField___JbZIP select,
.medFormField___Xovoq select,
.stackedFormField___darnE select {
  box-sizing: border-box;
  box-shadow: none;
  height: 30px;
  width: inherit;
  border: 1px solid #dddddd;
  color: #575757;
  font-size: 12px;
}

.formField___WE6Zl input:focus,
.smallFormField___JbZIP input:focus,
.medFormField___Xovoq input:focus,
.stackedFormField___darnE input:focus,
.formField___WE6Zl select:focus,
.smallFormField___JbZIP select:focus,
.medFormField___Xovoq select:focus,
.stackedFormField___darnE select:focus {
  border-color: #5db6ff !important;
}

.smallFormField___JbZIP select {
  width: 150px;
  height: 24px;
}

.medFormField___Xovoq select {
  width: 175px;
}

.inputValidating___s8g_n,
.inputError___xezAZ {
  font-size: 11px;
  font-style: italic;
  margin: 2px 0 0 0;
  line-height: 11px;
  color: red;
  /* line-height = height of input */
}

.titleIconWrapper___bpPbX{
  margin-right: 8px;
  height: 24px;
}

.inputValidating___s8g_n {
}

.inputError___xezAZ {
}

.stackedFormField___darnE .inputError___xezAZ {
  width: 100%;
  line-height: 18px;
  display: block;
}

.buttonGroup___Cq6s3 {
}

.buttonGroupCenter____HVgp {
  margin: auto;
}

.buttonSubmit___LxnYT {
}

.buttonConfigure___OwHL7 {
}

.verticalDivider___pF2pi {
  margin: 0px 16px;
  border-left: 1px solid #eee;
}

.horizontalDividerSolid___WO_Qk {
  border-bottom: 2px solid #F8F8F8;
  margin-bottom: 16px;
}

.horizontalDivider___hn4Cx {
  float: clear;
  width: 100%;
  margin: 15px 0px;
  border-top: 1px dotted #dddddd;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  color: #bcbcbc;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #bcbcbc;
}

.isWaiting___t8arF:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis___IBoTO steps(4,end) 2500ms infinite;
  content: "\2026\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}
@keyframes ellipsis___IBoTO {
  to {
    width: 1.25em;
  }
}

.isInputError___G2hsx {
}

.isHidden___FJqyG {
  display: none;
}
.sectionHeader___rWYEr {
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 3px;
  padding-top: 14px;
  color: rgba (0, 0, 0, 1);
}

.buttonsWrapper___ODMJU {
  margin: 20px 0;
}

.formGroup___TESkL {
  width: 100%;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.formLabel___qQg2Q {
  min-width: 75px;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  padding: 4px 0px 0px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}

.formField___jfWSE {
  flex-grow: 1;
  align-items: center;
  font-size: 12px;
  width: 100%;
  max-width: 380px;
  margin-bottom: 13px;
}

.formField___jfWSE select,
.formGroup___TESkL select {
  width: 100%;
  max-width: 380px;
}

.formGroup___TESkL .formField___jfWSE {
  margin: 0;
}

.formField___jfWSE input,
.formField___jfWSE textarea,
input.formField___jfWSE,
textarea.formField___jfWSE,
.formGroup___TESkL .Select.formField___jfWSE,
.fullWidth___rLgJq .Select {
  color: #000;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 12px;
  width: 100%;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 4px;
}

.formField___jfWSE input {
  height: 30px;
}

.formField___jfWSE input[type='checkbox'] {
  height: 16px;
  width: inherit;
}

.formField___jfWSE label {
  display: flex;
  align-items: center;
}

.fullWidth___rLgJq input {
  width: 100%;
  max-width: 380px;
}

.formPulse___WLLAL input,
.formPulse___WLLAL select {
  animation: pulseAnimation___T5TWn 500ms ease-out 500ms 2 alternate;
}

.formField___jfWSE > input:disabled {
  background-color: transparent !important;
  border: none;
  font-weight: normal;
  word-break: break-word;
  width: 100%;
  font-size: 12px;
  color: #575757;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 3px !important;
  padding: 1px 0px 5px !important;
}

.formField___jfWSE > input:-moz-read-only {
  background-color: transparent !important;
  border: none;
  color: rgba(0, 0, 0, 0.9);
  word-break: break-word;
  width: 100%;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1px 0px 5px 0px !important;
}

.formField___jfWSE > input:read-only {
  background-color: transparent !important;
  border: none;
  color: rgba(0, 0, 0, 0.9);
  word-break: break-word;
  width: 100%;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1px 0px 5px 0px !important;
}

.formFieldTextReadOnly___tDKxl {
  background-color: transparent !important;
  border: none;
  font-weight: normal;
  word-break: break-word;
  width: 100%;
  font-size: 12px;
  color: #575757;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 4px !important;
  padding: 1px 0px 5px !important;
}

.formField___jfWSE .Select-menu-outer {
  text-align: left;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

.formField___jfWSE div.Select-control,
.formField___jfWSE div.Select-input input {
  border: none !important;
  box-shadow: none !important;
  text-align: left;
}

.formField___jfWSE div.Select-input input {
  line-height: 22px;
  height: 22px;
  padding: 2px;
}

.formField___jfWSE div.Select-control .Select-value {
  line-height: 26px !important;
}

.formField___jfWSE textarea {
  min-height: 60px;
}

.fullWidth___rLgJq {
  position: relative;
  width: 100%;
}

.fullWidth___rLgJq label {
  font-size: 12px;
  display: flex;
  padding-bottom: 4px;
}

.fullWidth___rLgJq input[type='checkbox'] {
  max-width: 40px;
}

@keyframes pulseAnimation___T5TWn {
  /* color is the $msi-ui-hover-highlight from cobalt */
  0% {
    box-shadow: 0 0 5px rgba(30, 187, 236, 0.2);
  }
  100% {
    box-shadow: 0 0 15px rgba(30, 187, 236, 0.6);
  }
}

.inputError___iwHtC {
  float: left;
  height: 11px;
}

.pageMessageIcon___jdxfR {
  display: inline-flex;
  min-width: 30px;
  min-height: 30px;
  justify-content: left;
  align-items: center;
  vertical-align: middle;
  width: 100%;
}

.passwordInfoheader___YsyCe {
  font-size: 12px;
  font-weight: bold;
  color: #000000E5;
  margin-bottom: 3px;
}

.passwordSecondheader___Gh5tk {
  font-size: 12px;
  font-weight: bold;
  color: #000000E5;
  margin-bottom: 3px;
  margin-top: 10px;
}

.passwordMsg___NZPQV {
  font-size: 12px;
  font-weight: normal;
  color: #000000E5;
  line-height: 24px;
  margin: 0px;
}

.passwordInfoBody___FA80C {
  text-align: left;
  display: inline-block;
  color: #575757;
}

.formLabel___U0gDD {
  padding-top: 6px;
  font-style: normal;
  font-size: 11px;
  line-height: 18px;
  color: black;
  opacity: 40%;
  font-weight: 600;
  font-family: 'Public Sans', Arial, sans-serif;
  padding-bottom: 6px;
}

.passwordInfoBox___O0kxc {
  border: 1px solid lightgray;
  border-radius: 4px;
  background-color: #ffffff;
  position: absolute;
  left: auto;
  top: -117px;
  right: -310px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 15px;
  box-sizing: border-box;
  width: 300px;
  font-family: Helvetica, sans-serif;
  align-items: center;
  justify-content: space-between;
  z-index: 1100;
}

.passwordInfoBoxVertical___y3gXJ {
  border: 1px solid lightgray;
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 15px;
  padding: 15px;
  box-sizing: border-box;
  width: 300px;
  font-family: Helvetica, sans-serif;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  z-index: 1100;
  left: 105%;
  top: -110px;
}

.passwordInfoBox___O0kxc::before,
.passwordInfoBoxVertical___y3gXJ::before {
  content: '';
  display: block;
  position: absolute;
  top: 135px;
  right: 290px;
  width: 16px;
  height: 14px;
  background: #ffffff;
  border-left: 1px solid lightgray;
  border-top: 1px solid lightgray;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.passwordInfoBody___FA80C {
  display: flex;
  flex-direction: column;
  text-align: left;
  color: #575757;
  font-size: 15px;
}

.errorBody___Y5siz {
  margin-bottom: 2px;
}

.icon___K7Lvs {
  margin-right: 5px;
  margin-top: 3px;
}

.inputLabel___T6AxI {
  min-width: 130px;
  text-align: right !important;
}

.successContainer___pA7fq,
.errorContainer___HT9z3 {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.successText___MOk6u {
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
}

.errorText___DOo3N {
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
}

.passwordTooltip___jyQms {
  width: 140px;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.3));
  opacity: 1.0 !important;
}
.starredLabel___rGhEy {
  display: flex;
  font-size: inherit;
}

.requiredStar___JaLbM {
  color: red;
  font-weight: bold;
  margin-left: 2px;
}

.formField___ElNtb {
  min-width: 0px;
  display: flex;
  flex: 1 0;
  height: 30px;
  border: #dddddd;
}

.formColumn___Wxssg .formField___ElNtb input,
.formColumn___Wxssg .formField___ElNtb select {
  width: 100%;
  padding: 0px 10px;
}

.formColumn___Wxssg .formField___ElNtb input:focus,
.formColumn___Wxssg .formField___ElNtb select:focus {
  border-color: #5db6ff !important;
}

.tableWrapper___evcCv {
  padding-top: 0px;
  flex: 1;
}

.centeredText___iv3oc,
.cellText___WWaeY {
  font-size: 12px;
  vertical-align: top;
  color: #000000;
}

.preformattedCellText___cVQco {
  white-space: pre-line;
}

.truncatedCellText___PzeCn {
  font-size: 12px;
  vertical-align: top;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.highlight___Qvcmu .centeredText___iv3oc,
.highlight___Qvcmu .cellText___WWaeY,
.highlight___Qvcmu .truncatedCellText___PzeCn {
  color: #fff;
  font-weight: 700;
}

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

.verticalCenteredText___rIDTy {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.centeredText___iv3oc {
  text-align: center;
}

/* Style for table cell */

.tableCell___I3A5u {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.multilineCell___F_KaR {
  padding-top: 0 !important;
}

.warningText___PqglP {
  color: #b30490;
}

.highlight___Qvcmu {
  font-size: 12px;
  height: 100%;
}

.checkboxHeaderCell___caRgM {
  margin: 0 0 0 -12px;
}

.headerCell___yMtvK,
.headerCellSortable___R6tB6 {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
}

.headerCellSortable___R6tB6 {
  position: relative;
}

/* make column header fill entire H and W of cell so entire header is clickable */

.headerCellSortable___R6tB6 a {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 8px 8px 8px;
}

.centerCell___QPGW3 {
  text-align: center;
}

.headerText___XoLyx {
  font-size: 12px;
  font-weight: bold;
}

.arrowDown___tKAU2 {
  display: inline-block;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid gray;
}

.arrowUp___i6C5L {
  display: inline-block;
  margin: 0 0 1px 5px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid gray;
}

.tableOverlay___yaJzh {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  overflow: scroll;
  display: flex;
  opacity: 0.5;
}

.tableBusy___I8T75 {
  margin: auto;
}

.checkboxAlign___UpZdv {
  margin-left: 8px;
}

button:disabled svg {
  fill: #cbcbcb !important;
  cursor: default;
}

.selectCameraContainer___PDIb7 {
  width: 100%;
  height: 100%;
  position: relative;
}

.cameraListToggleIcon___RRRgS {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.header___Jv5K5,
.titleHeader___Xs9Gs,
.locationHeader___mk95F {
  display: flex;
  padding: 5px;
  padding-right: 3px;
  height: 20px;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #cbcbcb;
  background-color: #eeeeee;
}

.header___Jv5K5,
.locationHeader___mk95F {
  justify-content: flex-start;
}

.titleHeader___Xs9Gs {
  justify-content: space-between;

  width: 100%;
  box-sizing: border-box;
  height: 31px;
}

.title___C6L9t {
  font-size: 12px;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 16px;
}

.locationHeader___mk95F {
  font-size: 11px;
  color: #575757;
  line-height: 16px;
  font-weight: bold;
  border-bottom: none;
}

.cameraList___bE0Ja {
  background-color: #f8f8f8;
  overflow-y: auto;
  overflow-x: hidden;
}

.cameraListItem___pMFh2 {
  cursor: pointer;
  width: 100%;
  padding: 5px 10px;
  border: none;
  background-color: #fff;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.selectedCamera___tg8p2 {
  background-color: #5db6ff;
}

.visibleCamera___q1wWB {
  border-left: 4px solid #5db6ff;
  box-sizing: border-box;
}

.selectCameraBoldText___xU3UF {
  font-weight: bold;
}

.visibleCamera___q1wWB .cameraDetailSpan___zoyMP,
.visibleCamera___q1wWB .cameraDetailHeaderLeft___Fze_U {
  font-weight: bold;
}

.selectedCamera___tg8p2 .cameraDetailSpan___zoyMP,
.selectedCamera___tg8p2 .cameraDetailHeaderLeft___Fze_U {
  color: #fff;
  font-weight: bold;
}

.selectedCameraTextContainer___mOy1Z {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.selectedCameraTextHeader___ExS5S {
  color: #7c7c7c;
  font-size: 14px;
  line-height: 14px;
}

.selectedCameraTextSubHeader___T8FSB {
  color: #7c7c7c;
  font-size: 11px;
  text-align: center;
}

.buttonImgSpan___JlcTo {
  width: 20px;
  margin-left: 5px;
  flex: 0 0;
}

.siteImg___TpSgV {
  height: 12px;
}

.siteImgSpan___xv7n2 {
  width: 12px;
  height: 14px;
  margin: 0px 5px 0px 5px;
  flex: 0 0;
}

.cameraDetails___HOFrR {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  flex-grow: 1;
  width: 150px;
  padding: 5px;
  box-sizing: border-box;
}

.cameraDetailSpan___zoyMP {
  white-space: nowrap;
  color: #000000;
  font-size: 11px;
  line-height: 16px;
  width: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.cameraDetailHeaderSpan___ETI9a {
  display: flex;
  align-items: center;
}

.cameraDetailHeaderLeft___Fze_U {
  white-space: nowrap;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  padding-left: 2px;
  color: #006e99;
}

.cameraSelectedHeader___IzvnS {
  font-weight: bold;
}

.selectedCamera___tg8p2 .cameraDetailSpan___zoyMP:first-child {
  /* Probably a cleverer way to do this */
  color: #fff;
}

.imgCamera___vEdxJ {
  height: 60px;
  width: 60px;
  background-color: #000;
  flex-shrink: 0;
  overflow: hidden;
}

.deleteCameraX___pupjx {
  padding: 0px 2px;
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
}

.checkBoxWrapper___oCq3j {
  width: 40px;
}

.cameraIconWrapper___kBQFM {
  display: flex;
}

.compact___nyL7w,
.cameraDetails___HOFrR {
  padding: 0;
}

.compact___nyL7w .cameraDetailHeaderLeft___Fze_U {
  padding: 3px 0px 0px 10px;
}

.compact___nyL7w .cameraList___bE0Ja {
  border: 1px solid #ddd;
}

.checkboxes___qvqCF .checkBoxWrapper___oCq3j {
  padding-top: 5.5px;
}

.checkboxes___qvqCF .cameraDetailHeaderSpan___ETI9a {
  padding-bottom: 5px;
}

/* Organize File as displayed through site (top to bottom, left to right)*/
/* Main wrapper for entire app */
.appContainer___DiqJy {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  /* When ACS is shown in Prodigy, it needs to exclude prodigy header */
  height: calc(100vh - var(--prodigy-header-height, 0px));
}

/* Wrapper for application messaging */
.messageWrapper___jBtWG {
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: 1100;
}

/* Wrapper for application header */
.masthead___UjrNG {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 3.25rem;
  order: 1;
  padding: 0 var(--ui-spacing-m);
}

/* Wrapper for menu and application content */
.appBody___HTkjY {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  order: 2;
}

/* Wrapper for all application content and footer */
.appContent___bjyp5,
.appContentMaximized___u3t6y {
  width: 100%;
  margin: 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  order: 2;
}
.appContentMaximized___u3t6y {
  height: 100vh;
}
/* Wrapper for application content */
.contentBody___BEr7E {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
  max-height: calc(100vh - 106px);
  overflow-y: auto;
  overflow-x: hidden;
}

.appContentMaximized___u3t6y .contentBody___BEr7E {
  padding: 0;
  margin-top: 40px;
  max-height: calc(100vh);
  max-width: 100%;
}

/* Content beneath navigation in contentBody */
.contentCard___EJlAd {
  border-radius: 2px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.contentContainer___Om1p6 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flexContainer___apRCv {
  display: flex;
}

/* Wrapper for application footer */
.appFooter___ofEtY {
  display: flex;
  min-height: 36px;
  order: 3;
}

.footerBody___F4P7F {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  width: 100%;
}

@media only screen and (max-width: 1668px) and (orientation: portrait) {
  .contentBody___BEr7E {
    padding: 0;
  }

  .companyInfo___KMQ0l {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .companyInfo___KMQ0l .separator___U6wAq {
    border-color: transparent;
    height: 8px;
  }

  .copyright___vPecE {
    margin-left: 6px;
  }

  .companyLinks___KZjzs {
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
  }

  .versionInfo___mBXhH {
    margin-left: 6px;
  }

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

h3 {
  font-size: 15px;
  line-height: 15px;
}

.tableSeparator___GXHaS {
  border-top: 1px dotted #dddddd;
  display: flex;
  margin: 15px 0px;
}

.siteWrapper___kB6Ia {
  padding: 10px 20px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {

  .contentCard___EJlAd {
    margin: 0;
  }
  .listNavBox___Mh0Ma {
    min-width: 320px;
  }
}

/*******TABS*******/
.tabContent___ruVyt {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  flex: 2 1;
  overflow-x: hidden;
  overflow-y: auto;
}

.tabContentVerticalSeperator___Xqss9 {
  padding: 0px 8px;
}
/*******TABS*******/

/*******Text Decorators******/
.roleIndicatorPrimary___gdI0w {
  padding: 2px 6px;
  background: #ff6f00;
  margin-left: 8px;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 10px;
  font-weight: 600;
  max-width: 60px;
}
@media only screen and (max-width: 1500px) {
  .roleIndicatorPrimary___gdI0w {
    display: inline-block;
    margin-left: 10;
    margin-right: 0;
    text-align: center;
    line-height: 12px;
  }
}
/*******Text Decorators******/

/*******Icons****************/
.iconCenter___OEPXO {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.detailsContent___NygQH {
  height: 100%;
  overflow-y: auto;
  min-width: 328px;
}

.bookmarkDetailsContent___mAuJX {
  display: flex;
  align-items: stretch;
  margin-top: 10px;
}

.editBookmarkButton___lkyHe {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  line-height: 18px;
}

.editBookmarkButton___lkyHe > button {
  margin: 0px !important;
}

.cameraContent___avmK1 {
  margin-bottom: 16px;
  width: 100%;
}

.editBookmarkPanelHeader___sxcZc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tabContent___IYKFv {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
  flex: 2 1;
  overflow-y: auto;
}

.bookmarkFormWrapper___FJreZ {
  min-width: 800px;
  min-height: 700px;
}

.bookmarkFormSpinner___DdiTO {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.selectCountWrap___HR_Jt {
  padding: 10px 0;
}

.cameraModalSelectWrap___SkeOO {
  max-height: 100%;
  height: 565px;
}

.bookmarkFormStartEndTimeWrapper___aBG_9 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.bookmarkFormTimeSelectDateInput___pSPFx {
  margin-right: 10px;
  width: 125px;
  display: inline-flex;
}

.bookmarkFormTimeSelectTimeInput___Wa3pe {
  width: 100px;
  display: inline-flex;
}

.bookmarkFormFooterWrapper___VIHlB {
  display: flex;
}

.bookmarkFormFooterButtonsLarge___wIvt6 {
  flex-grow: 1;
  justify-content: center;
}

.deleteTextWrap___sejPk {
  margin-bottom: 3px;
}

.heading___cmSuz {
  font-size: 12px;
  font-weight: 700;
  color: #999;
  padding: 10px;
  text-transform: uppercase;
}

.filterGroup___YbYNs {
  display: flex;
  justify-content: flex-end;
  margin-top: -31px;
  align-items: center;
}

.filterWrapper___wqRdM {
  width: 308px;
}

.filterWrapper___wqRdM.dateFilterWrapper___I3_H4 {
  width: 100px;
  padding: 4px;
}

.filterWrapper___wqRdM.filterLabelWrapper___FfxP8 {
  width: initial;
}

/* Accordion */
.sitesAccordion___Tdj6y {
  min-height: 200px;
  width: 100%;
  padding: 10px 0 10px 0;
  box-sizing: border-box;
}

.bookmarksTable___hHHce {
  padding: 8px 16px 0px;
  display: flex;
}

.linksWrapper___aes8P {
  display: flex;
  justify-content: flex-end;
  padding-right: 16px;
}

.linkText___FCEmW,
.rightLinkText___IyzKA {
  color: #006e99 !important; /* I know */
  text-decoration: underline;
  cursor: pointer;
}
.linkText___FCEmW,
.rightLinkText___IyzKA > div {
  margin: 0;
}
.protectedStatusYes___vyN12 {
  color: #6dbd44;
}

.searchBox___Sn3mO {
  padding: 50px 0px 5px 0px;
}

.rightLinkText___IyzKA {
  float: right;
}

.noUnderlineWrap___hqGmL {
  text-decoration: none;
  padding: 0 5px;
}

.locationColumn___Ef2Ac {
  display: flex;
  align-items: center;
  align-content: center;
}

.iconStyle___h6AVs {
  line-height: 12px;
}

.queryPicker____2Eqz .react-datepicker__triangle {
  margin-left: -10px !important;
}

.bookmarkName___IIu8j {
  overflow: hidden;
  text-overflow: ellipsis;
}

.deleteButton___jKBbE {
  margin-left: 8px;
  padding: 0px;
  position: relative;
}

.siteSearchFilter___YLHeH {
  padding-right: 0px;
}

.usernamePasswordTextContainer___m86PP {
  padding: 16px 0 8px 0;
  width: 380px;
}
.profileButtonsWrapper___bazAQ {
  margin: 20px 0;
}

.halfPageColumn___AywQ2 {
  width: 50%;
  box-sizing: border-box;
}

.formContent___ZdowX {
  flex: 2 0 0;
  width: 380px;
}

/* new styles */
/* copy from CameraSettingsGeneral styles */
.settingsPanelHeader___xpzx8 {
  font-weight: 700;
  font-size: 12px;
  padding: 10px 0;
  text-transform: uppercase;
  color: #999;
}

.accessTable___ffjVL {
  flex: 2 0 0;
}

.formContent___ZdowX > .formGroup___ySgAt {
  max-width: 380px;
}
.formLabel___BhXo6 {
  min-width: 75px;
  font-size: 12px;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 5px;
}
.formField___LRxl0 {
  flex-grow: 1;
  align-items: center;
  font-size: 12px;
  width: 100%;
}

.formRadioLabel___WS4vQ {
  font-weight: normal;
  font-size: 12px;
  color: #000000;
}

.formRadioGroup___AAQKU {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
}

.formField___LRxl0 input {
  /* color: #575757;
  display: flex;
  flex-direction: row;
  height: 30px;
  box-sizing: border-box;
  font-size: 12px;
  width: 100%;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 0px 9px; */
}
.profileContainer___nEhgq {
  display: flex;
  flex-direction: row;
}
.profileTableWrapper___I7KLU {
  margin: 10px 0;
}

div.languageSelector___DMRB1,
.languageSelector___DMRB1 {
  margin: 0 !important;
  min-width: 380px;
}

.hiddenCredentials___AJJA9 {
  position: absolute;
  height: 0px;
  overflow: hidden;
  display: none;
}

.profileName___YffsH {
  font-weight: 700;
  font-size: 12px;
  color: #000;
}

.userInfo___DjsCi {
  padding: 0 0 24px;
}

.weekBeginWrap___uRvnE {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 20%;
}

.formatGroup___O92Q6 {
  margin-bottom: 15px;
}

.radioOptionWrap___W9Nit {
  display: flex;
  margin-bottom: 5px;
}

.formatsWrap___HkDx_ label {
  margin-bottom: 6px;
}

.formatsWrap___HkDx_ select {
  height: 24px;
}

.timeZoneRadioContainer___sRopY {
  flex-direction:row;
  display:flex;
  align-items:center;
}

.computerTimeZoneRadio___GMgBZ {
  display:flex;
  width:16px;
}

.timeZoneSelect___osDzu {
  flex-direction:column;
  width: 300px;
  display: flex;
  margin-left: 32px;
}

.userTimeZoneLabel___wPRTO {
  height: 50px;
  align-items: center;
}

.startOfWeekLabel___ez3eH {
  padding-right: 8px;
}
.formFieldReadOnly___i9zoH {
  display: flex;
  height: 30px;
  padding-bottom: 10px;
}

.formFieldReadOnly___i9zoH > input:disabled {
  background-color: transparent !important;
  border: none;
  font-weight: normal;
  word-break: break-word;
  width: 100%;
  font-size: 12px;
  color: #575757;
  margin-left: 3px;
  padding-bottom: 5px;
}

.subHeader___mTRlz {
  padding-bottom: 16px;
  font-weight: 400;
}

.codeStatus___JZx0u {
  display: flex;
}

.validationIcons___getMy {
  padding-left: 5px;
  margin-top: 34px;
}
.customFormGroup___v7v1w {
  width: 24%;
}

.changeResultMsg___K3tWV {
  padding: 8px 0 0 4px;
}

.entitlementsWrap___bgNdm {
  max-width: 450px;
  display: inline-block;
}

.bulletItems___qNWUh {
  margin-left: 40px;
}

.infoBlockText___gqrt9 {
  display: 'flex';
}

.fieldGroup___rYMA2 {
  width: 100%;
}

.inlineFlex___zAEOk {
  display: inline-flex;
}

.formToggle___Snega {
  display: grid;
  grid-template-columns: 10fr 2fr;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;

  [class~=msi-icon] {
    width: 20px;
    height: 20px;
  }
}


.listContainer___cRTat {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px;
  padding-right: 0px;
  margin: 0 16px;
  border-bottom: 1px solid #dedede;
}


.listItem___gdaM2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  font-weight: 600; 
}
.mr26___vOztA {
  margin-right: 26px;
}
@media (max-width: 768px) {
  .listContainer___cRTat {
    padding: 8px 0px;
    padding-right: 0px;
    margin: 0 8px;
  }

  .listItem___gdaM2 {
    font-size: 12px; 
  }
}
.dashboardDropdown____YM1E {
  height: 28px;
  box-shadow: none;
  border: 1px solid #ddd;
  float: right;
  margin-right: 20px;
}

.fieldGroup___X9vH_ {
  margin-bottom: 18px;
}

.formWrap___DZdEq {
  margin-top: 8px;
}

.infoIcon___GjiVp {
  height: 20px;
  width: 20px;
  margin-left: 6px;
  [class~=msi-icon] {
    width: 20px;
    height: 20px;
  }
}

.inlineFlex___hm_n1 {
  display: inline-flex;
}

.popoverContent___tvjJa {
  display: block;
  margin: 0 8px;
  font-weight: bold;
  max-width: 300px;
  word-wrap: wrap;
}

.popoverItem___ONyAL {
  font-weight: normal;
  margin-left: 8px;
}

.previewFeatureContainer___FYrCM {
  padding: 0px 16px;
}

.featureContainer___pIjK4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-bottom: 8px;
  justify-content: flex-end;
}

.formActions___iRi7E {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 600px;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .featureContainer___pIjK4 {
    width: 460px;
  }
  
  .formActions___iRi7E {
    width: 460px;
  }

}

@media (max-width: 500px) {
  .featureContainer___pIjK4 {
    width: 300px;
  }
  
  .formActions___iRi7E {
    width: 300px;
  }
}
.subTabActive___sEfq9 {
  text-decoration: none !important;
  font-weight: bold !important;
  color: #575757 !important;
}

.subTabInactive___sUdsU {
  text-decoration: none !important;
}

.panelContent___PQY4Q {
  text-align: center;
}

.twoColumnModalContainer___mEFlc {
  width: 800px;
}

.notificationSettings___jNwmZ {
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 40px;
  box-sizing: border-box;
  padding: 5px;
  background-color: #f8f8f8;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 15px;
}

.notificationSettingsItem____8DkV {
  margin: auto 0px;
  vertical-align: middle;
  display: inline-flex;
  color: #575757;
}

.notificationSettingsItem____8DkV input {
  margin: auto 5px;
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
  height: 24px;
  border: 1px solid lightgray;
}

.notificationSettingsItem____8DkV select {
  height: 30px;
  font-size: 12px;
  padding-left: 5px;
  box-shadow: none;
  border: 1px solid lightgray;
}

.notificationSettingsItem____8DkV option {
  font-size: 12px;
}

.inputLabelRight___NTSWL {
  display: inline-block;
  font-size: 12px;
  margin: auto 10px auto 0px;
}

.buttonGroup___tdDFG {
  margin: 15px auto;
  width: 200px;
  display: flex;
  justify-content: space-between;
}

/*TODO: remove if not needed*/

.applyButton___GULil {
  background-color: #006e99;
  border: 1px solid #006e99;
  border-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 400;
  height: 34px;
  margin: 0 5px;
  width: 90px;
  text-align: center;
  vertical-align: middle;
  line-height: 33px;
}

.filterWrapper___p0ZWa {
  align-items: center;
  display: flex;
}

.filterGroup___RFSSs {
  display: flex;
  align-items: center;
  width: 300px;
  margin-bottom: 10px;
}

.filterGroup___RFSSs input {
  width: 308px !important;
}

.separator____W5Hi {
  border-right: 1px dotted #cbcbcb;
  height: 30px;
  margin: 0px 10px;
}

.listNaveHeaderPadding___b6YRa {
  padding-top: 20px;
}

/* Monitoring Configuration Styles */
/* HACK: Prevents chrome from autofilling uname/pass in the actual form */
.autocompleteHoneypot___RDdA1 {
  position: absolute;
  height: 0px;
  overflow: hidden;
}

.contentWrapper___fy18z {
  background-color: white;
  padding: 10px 20px;
}

.heading___O9Bzi {
  font-size: 12px;
  font-weight: 700;
  color: #999;
  padding: 10px;
  text-transform: uppercase;
}

.prompt___uSjoU {
  color: #7c7c7c;
  margin-bottom: 10px;
}

.messageLine___CIWgM {
  margin-top: 15px;
}

.bold____HYKX {
  font-weight: bold;
}

.subscriberWrapper___VYs5u {
  padding-right: 20px;
}

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

.monitoringTabContent___qreju {
  padding-inline: 16px;
}

.centralStationLabel___vDUbv {
  margin: 0 10px;
}

.messageStyle___kiXmb {
  padding: 2px 0px;
  margin: 2px 30px;
}

.plusTextContainer___Yl5Ss {
  font-size: 14px;
  margin-right: 5px;
}

.deleteModalContent___aCOgr {
  padding: 10px 10px 0px;
  height: 150px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.deleteModalContentHighlighted___e_nY8 {
  font-weight: bold;
}

.deleteModalList___JLEZb {
  list-style-type: disc;
  padding: 0px 20px;
}

.confirmationInput___WEQ2T {
  display: flex;
  margin-left: 36px;
  color: #575757;
}

.confirmationInput___WEQ2T input {
  margin-left: 10px;
}

.disableModal___P9iWP {
  padding: 10px 10px 0px;
  height: 120px;
  display: flex;
  flex-direction: column;
}

.disableModal___P9iWP > p {
  padding-bottom: 30px;
}

.modalMessage___R84xD {
    color: #575757;
    margin: 5px 0px 10px 0px;
  }
.docHelpLinkText___UAgeA {
  font-size: 12px;
  font-weight: bold;
}

.docLinkText___mSaiy {
  font-size: 12px;
  font-weight: normal;
}

.docLinkButton___eK2hh {
  border: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
}

.docLinkButton___eK2hh.active___lMOjC .docHelpLinkText___UAgeA,
.docLinkButton___eK2hh:hover .docHelpLinkText___UAgeA {
  color: #5bd6ff;
}
.orchestrateFrame___nWWTK {
	width: 100%;
  height: 100%;
}

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

/*color theme*/

.viewsContainer___i7xuh {
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 16px;
}

.viewportHeight___pbgIL {
  height: calc(100vh - 130px);
}

.viewportHeightMaximized___oB1a7 {
  height: inherit;
}

.viewsContainerMaximized___C4dlU {
  height: 100%;
}

.viewContainer___mkyBk {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: calc(100% - 8px);
  display: flex;
  flex-direction: row;
  max-width: 100%;
}

.viewsContainerMaximized___C4dlU .viewContainer___mkyBk {
  height: calc(100vh - 42px);
  max-width: 100%;
}

.viewContentContainer___QYVBk {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 4px;
}

.viewsNavContainer___Gti5s {
  padding: 10px 0 0 10px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}

.buttonAdd___KxJx7 {
  position: absolute;
  right: 5px;
  top: 10px;
  z-index: 1100;
}

.feedActive___fcMD9 {
  border: 2px solid rgb(93, 182, 255);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  /* z-index must be greater than 0 to be visible on top of feed and
   * less than 5 to render below camera snapshot and
   * less than 3 to for all camera borders to render below stream details box
   */
  z-index: 1;
  pointer-events: none;
}

.outerFeedContainer___gqBP4 {
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  background-color: black;
  justify-content: center;
}

.feedContainer___K35xD {
  height: 100%;
}

.tileContainerBorder___zAR31 {
  border: 1px solid lightgray;
  border-top: none;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.tile1___vv1OG,
.tile2___iXcJK,
.tile3___faNYG,
.tile4___OB9zQ,
.tile6___qQNkB,
.tile9___uhuwc {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background-color: #eee;
  vertical-align: top;
}

.tile1___vv1OG {
  width: 100%;
  border-top: 1px solid lightgray;
}

.tile2___iXcJK {
  width: 50%;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
.tile3___faNYG {
  border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
}

.tile2___iXcJK:nth-child(1) {
  border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
}

.tile4___OB9zQ {
  width: 50%;
}

.tile4___OB9zQ:nth-child(1) {
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.tile4___OB9zQ:nth-child(2) {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.tile4___OB9zQ:nth-child(3) {
  border-right: 1px solid lightgray;
}

.tile3___faNYG,
.tile6___qQNkB,
.tile9___uhuwc {
  width: 33.33%;
}

.tile6___qQNkB:nth-child(n + 4),
.tile9___uhuwc:nth-child(n + 4) {
  border-top: 1px solid lightgray;
}

.tile6___qQNkB:nth-child(1),
.tile6___qQNkB:nth-child(2),
.tile6___qQNkB:nth-child(3) {
  border-top: 1px solid lightgray;
}

.tile3___faNYG:nth-child(3n - 2),
.tile3___faNYG:nth-child(3n - 1),
.tile6___qQNkB:nth-child(3n - 2),
.tile6___qQNkB:nth-child(3n - 1),
.tile9___uhuwc:nth-child(3n - 2),
.tile9___uhuwc:nth-child(3n - 1) {
  border-right: 1px solid lightgray;
}

.btnFullscreen___S4Qxp {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1100;
}

.buttonNext___ScBm0,
.buttonPrevious___i2XOy {
  width: 35px;
  height: 35px;
  cursor: pointer;
  top: 50%;
}

.buttonPrevious___i2XOy {
  position: absolute;
  left: 10px;
}

.buttonNext___ScBm0 {
  position: absolute;
  right: 10px;
}

.streamPausedOverlay___egXUJ {
  background-color: black;
  opacity: 0.6;
  position: absolute;
  height: 100%;
  width: 100%;
}

.feedResumeNoStyleButton___DIs2I {
  background-color: transparent;
  border: none;
  width: inherit;
  height: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.feedResumeButton___OuH90 {
  padding-bottom: 4px;
  padding-left: 18px;
}

.wrapper___dK6YD {
  margin: 30px 50px;
}

.noSitesInfo___sEnk3 {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.titleWrap___OFOOz {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 15px;
}

.deleteCameraX___UZVZD {
  display: none;
}

.outerFeedContainer___gqBP4:hover .deleteCameraX___UZVZD {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  height: 24px;
  width: 24px;
  background: rgba(0, 0, 0, 0.7);
}

.microSpinner___hoF5D {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.mfe___wCXce {
  overflow: auto;
  /* Legacy MFE should take the parent's whole height */
  height: 100%;
}
.monitoringConfigAccordion___qCLrL {
  width: 100%;
  padding: 10px 0;
  overflow-x: hidden;
}

.siteTable___JtbWg {
  padding: 16px 16px 0;
}

.configurationStringInput___u9ajJ {
  box-sizing: border-box;
  height: 32px;
  width: 40%;
  font-size: 12px;
  line-height: 14px;
}

.siteTable___JtbWg .siteHeader___VN7hw {
  display: flex;
  padding: 5px 20px;
  background-color: #9a9a9a;
}

.centralStation___T6AjM {
  width: 100%;
}

.siteHeaderItem___hAJZ4 {
  flex-grow: 1;
  flex-basis: 0;
  font-weight: bold;
  color: white;
}

.siteList___FwKh7 {
}

.siteItem___iUxpa {
  display: flex;
  padding: 5px 20px;
  background-color: #ebebeb;
  border-bottom: 1px #ddd dashed;
}

.siteItemField___gA8Uj {
  flex-grow: 1;
  flex-basis: 0;
  align-self: center;
}

.siteIdCopyInputValue___OXOIi {
  min-width: 100px;
}

.siteIdCopyInput___FATRe {
}

.monitoringConfigHiddenCopyableInput___HujiY {
  position: absolute;
  left: -1000px;
  top: -1000px;
}

.monitoringConfigClickToCopy___uHmw8 {
  color: #006e99;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  margin: 0px 6px;
}

.monitoringConfigIsCopyingDiv___lsN2O {
}

.siteItem___iUxpa:nth-child(even) {
  background-color: white;
}

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

.cellLabel___hPJfK {
  padding: 8px;
}

.selectIcon___e1KM5 {
  padding-right: 10px;
}

.integrationSiteitem___XBrrX {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectIconContainer___fqVMG {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.languagePositionRelative___EDjNL {
}

.languageFlexCenter___aNHx3 {
}

.languageLink___Yc36N {
}

.languageLinkActive___wiQfA {
  text-decoration: underline;
}

.Select {
  margin-right: 4px !important;
}

.selectBox___ff8_4 .Select-option.is-selected {
  color: #fff !important;
  background: var(--focus-primary);
}

.selectBox___ff8_4 {
  min-width: 140px;
}

.selectBoxSignupForm___DsAjK {
  min-width: 300px;
}

.eligibilityButton___lzr7y {
  display: flex;
  align-self: flex-end;
  background-color: #005daa;
  border: none;
  color: white;
  cursor: pointer;
  justify-content: center;
  margin: 0.3125rem 0;
  padding: 0.5rem;
  width: 11rem;
}

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

.formColumn___DJses {
  width: 500px;
}

.formField___RP3Vz {
  min-width: 0px;
  display: flex;
  flex: 1 0;
  height: 30px;
  border: #dddddd;
}

.formColumn___DJses .formField___RP3Vz input,
.formColumn___DJses .formField___RP3Vz select {
  width: 100%;
  padding: 0px 10px;
}

.formColumn___DJses .formField___RP3Vz input[type='checkbox'] {
  width: auto;
}

.formColumn___DJses .formField___RP3Vz input:focus,
.formColumn___DJses .formField___RP3Vz select:focus {
  border-color: #5db6ff !important;
}

.formField___RP3Vz input {
  width: auto;
}

.dropdownField___JQUDK {
  width: 150px;
}

.postalCodeField___AzhOp {
  width: 100px;
}

.postalCodeField___AzhOp input {
  width: 100px;
}

.formLoaderOverlay___zJqFr {
  display: flex;
  justify-content: center;
  z-index: 1100;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  height: 88%;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.subscriptionFieldWrap___k8OjL {
  display: flex;
}

.subscriptionFieldWrap___k8OjL div {
  margin-right: 10px;
  white-space: nowrap;
}
.checkboxContainer___HYOxH {
  position: relative;
}

.checkboxContainer___HYOxH input[type='checkbox'] {
  display: none;
}

input:disabled ~ .checkboxCustom___KRGTn {
  opacity: 0.5;
  cursor: not-allowed;
}

input:disabled ~ .checkboxLabel___GRaXC {
  opacity: 0.5;
  cursor: not-allowed;
}

.inputError___XoRsg {
}

.checkboxContainer___HYOxH label {
  float: left;
  width: 100%;
  font-weight: normal;
}

.checkboxLabel___GRaXC {
  position: relative;
  margin-left: 25px;
  color: #000;
}

.checkboxLabel___GRaXC.alignBaseline___BukHW {
  line-height: 20px;
}

.checkboxContainer___HYOxH .checkboxCustom___KRGTn {
  display: block;
  height: 13px;
  width: 13px;
  background-color: white;
  cursor: pointer;
  border: 2px solid #dddddd;
  position: absolute;
  top: 0;
  left: 0;
}

.checkboxContainer___HYOxH input[type='checkbox']:checked + .checkboxCustom___KRGTn {
  background-color: #5db6ff;
  border: 1px solid #5db6ff;
}

.checkboxContainer___HYOxH input[type='checkbox']:checked + .checkboxCustom___KRGTn:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 1px;
  left: 1px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

.toggleWrapper___D5Jio {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

.toggleLabel___dagsa {
  font-size: 12px;
  color: #666;
  font-weight: bold;
  padding-right: 8px;
  cursor: default;
}

.toggleContainer___pz_HV {
  position: relative;
  background-color: #afafaf;
  color: white;
  border-radius: 25px;
  box-shadow: 0px 1px 3px #333 inset;
}

.toggleContainer___pz_HV input[type='checkbox'] {
  display: none;
}

.toggleContainer___pz_HV label {
  display: block;
  cursor: pointer;
  border-radius: 17px;
}

.toggleContainer___pz_HV label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 7px;
  transition: 0.3s;
}

.toggleContainer___pz_HV.toggleYes____eakM input[type='checkbox'] + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.toggleContainer___pz_HV label:active:after {
  width: 15px;
}

.toggleContainer___pz_HV.toggleYes____eakM {
  background-color: rgba(195, 222, 141, 1.0);
}

input:disabled ~ label {
  opacity: 0.5;
  cursor: initial;
}

.durationInputWrapper___wxBfZ {
  display: flex;
  max-width: 200px;
}

.durationInputFormGroup___qrGtW {
  width: 50%;
  display: flex;
  align-items: flex-end;
  margin: 0px 10px 0px 0px;
}

.durationInputFormGroup___qrGtW input {
  display: flex;
  flex-grow: 1;
  max-width: 50px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  padding-left: 5px;
  color: #575757;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: none;
}

.durationInputLabel___LLqTF {
  color: #575757;
}

/* The container */
.radioGroupContainer___xO2U1 {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  /* font-size: 14px; */
  margin: 0 6px;
}

/* Hide the browser's default radio button */
.radioGroupContainer___xO2U1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radioGroupContainer___xO2U1 input:disabled {
  position: absolute;
  opacity: 0;
  cursor: not-allowed !important;
}

.spanActive___w2dsW {
  font-weight: 300;
}

.spanInactive___BXtks {
  font-weight: 300;
  color: rgba(74, 74, 74,0.4) !important;
  cursor: not-allowed !important;
}

/* Create a custom radio button */
.radioGroupCheckmark___PbnFA {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* On mouse-over, add a grey background color */
.radioGroupContainer___xO2U1 input ~ .radioGroupCheckmark___PbnFA {
  border: 1px solid;
  background-color: #fff;
  margin-top: 1px;
}

/* When the radio button is checked, add a blue background */
.radioGroupContainer___xO2U1 input:checked ~ .radioGroupCheckmark___PbnFA {
  border: 1px solid;
  background-color: #fff;
}

.radioGroupContainer___xO2U1 input:disabled ~ .radioGroupCheckmark___PbnFA {
  border: 1px solid rgba(74, 74, 74,0.4) !important;
  cursor: not-allowed !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioGroupCheckmark___PbnFA:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioCheckmark___NaMmH{
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.radioGroupLabel___rqP1R {
  font-weight: bold;
  margin-left: 3px;
}

.radioGroupLabelHidden___KxYfR {
  display: none;
}

.radioGroupInputsWrap___dpODj {
  display: flex;
  flex-wrap: nowrap;
}

.verticalLayoutWrap___jW99W {
  flex-flow: column;
  padding-bottom: 8px;
}

.verticalLayoutSpacing___dK0vw {
  margin-bottom: 8px !important;
}

.titleWrap___c6pdk {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.verticalTitleWrap___LGULw {
  margin-bottom: 8px !important;
  display: block;
}

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

.toggleWrap___aFQ2p {
  cursor: pointer;
}
.changeIndicator___Z0bfl {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: 3px;
  background-color: #005daa;
  align-self: center;
}

.siteName___kI11w {
  margin-left: 16px;
}

.contentWrap___nc4qJ {
  max-width: 380px;
}

.sectionWrap___v_nJl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  max-width: 380px;
}

.changeProviderBtn___ITwvF {
  width: 150px;
  margin-top: 24px;
}

.cancelRequestBtn___VVtmY {
  width: 150px;
  margin-left: 30px;
}

.contactInfoLabel___UbrZH {
  margin-top: 6px;
}

.pendingWrap___EIuJr {
  margin-top: 20px;
}

.pendingWrap___EIuJr > div:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sectionHeader___Ky7Rn {
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 16px;
}

.subscriptonDetails___yNxob {
  display: flex;
  margin-bottom: 8px;
}

.infoCell___pFnc2 {
  margin-right: 50px;
}

.infoHead___r7OYT {
  font-weight: 700;
}

.infoRow___YToGS {
  display:flex;
}

.infoTitle___YCJ1Y {
  font-weight: 700;
  margin-bottom: 4px;
}

.infoRowKey___EBtgI {
  font-weight: 700;
}

.infoRowValue___t0pL3 {
  margin-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infoWrap___zSD6I {
  padding: 0 16px;
  width: 100%;
}

.indicatorWrap___gYqH4 {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.inlineSubscriptionState___u9AUi .msi-tag {
  margin: 0 !important;
  justify-content: flex-start;
}

.locationsCopyInput___apy7g {
  min-width: 60px;
}

.locationsCopyContainer___cAB_o {
  min-width: 60px;
}

.siteName___H8RhV {
  margin: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nameWrapper___OzVqR {
  display: flex;
  align-items: center;
}

.siteInfo___aWgjW {
  text-overflow: ellipsis;
  overflow: hidden;
}

.siteInfo___aWgjW div {
  margin: auto;
}

.codeExpiredWrap___AxsBR {
  display: flex;
  align-items: center;
}

.activationDateWrap___TaD3M {
  height: 34px;
}
.titleWrapper___oUi2y {
  display: flex;
  align-content: center;
}

.backWrapper___ReL5Y {
  display: flex;
  align-items: center;
  padding-right: 12px;
}

.backButton___KOmcB {
  border: none;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.listNavTitle___PgoCT {
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  display: flex;
  align-content: center;
}

.oasisButton___kjNch {
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 1100;
  color: black !important;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.8) !important;
}

.oasisHeader___vKkTY {
  display: flex;
  justify-content: space-between;
  border-radius: 4px 4px 0 0;
}

.oasisLabel___Huvfe {
  display: flex;
  font-weight: bold;
  align-items: center;
  font-size: 18px;
}

.oasisContent___Hr3UK {
  margin: 12px;
}
.addEnvironment___pdqky {
  width: 100%;
  display: flex;
  justify-items: center;
}

.navLabel___ZUxF2 {
  margin-inline-start: 8px;
}

.navTabs___blygG {
  margin-bottom: 12px;
}

.actionButton___mWnBw {
  position: absolute !important;
  right: 10px;
}

.logoLink___qOcj0 {
  text-decoration: none;
}

.logoLink___qOcj0 svg {
  width: auto;
  height: 1rem;
}

.logo___OoyVq {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.logoText___eYvey {
  color: #fff;
  font-size: 14px;
  margin-left: 8px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .logoImg___LekvR {
    margin: 0 auto auto 8px;
  }
}

.userAvatar___SGyiE {
  color: var(--pivot-text-primary);
  border: 1px var(--pivot-icon-line-secondary) solid;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  font-weight: 600;
  border-radius: 50%;
  justify-content: center;
  background-color: var(--pivot-highlight-disabled);
  width: var(--ui-spacing-l);
  height: var(--ui-spacing-l);
  font-size: 0.625rem;
}

.userAvatar___SGyiE svg {
  fill: var(--pivot-text-primary);
}

.helpDropdown___vlMd5 {

  display: flex;
  position: relative;
  align-self: stretch;
  align-items: center;
  margin-inline: var(--ui-spacing-m);
}

.helpDropdownButton___Wqvez {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ui-spacing-s);
  border: none;
  background-color: unset;
  padding: var(--ui-spacing-xxs);
  border-radius: 50%;
}
.helpDropdownButton___Wqvez:hover {
  background-color: var(--pivot-action-hover);
}
.helpDropdownButton___Wqvez:focus {
  outline: 3px var(--pivot-highlight-focus) solid;
}
.helpDropdownButtonActive___njMln {
  background-color: var(--pivot-highlight-selected);
}

.helpDropdown___vlMd5 svg {
  fill: var(--pivot-icon-line-primary);
  width: 1.5rem;
  height: 1.5rem;
}

.helpDropdown___vlMd5 hr {
  border: none;
  margin: 0;
  border-top: 1px var(--pivot-icon-line-secondary) solid;
}

.status___SR7eh {
  display: flex;
  margin-left: auto;
  position: relative;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .status___SR7eh {
    padding-right: 8px;
  }
}

.loginStatusContainer___P7U6O {
  display: flex;
  height: 2.5rem;
  box-sizing: border-box;
  color: var(--pivot-text-primary);
  align-items: center;
  border-radius: var(--pivot-corner-radius-m);
  padding: var(--ui-spacing-xxs);
}
.loginStatusContainer___P7U6O.loginStatusContainerOpen___U8P18, .loginStatusContainer___P7U6O.loginStatusContainerOpen___U8P18:hover {
  background-color: var(--pivot-highlight-selected);
}

.loginStatusContainer___P7U6O:hover {
  background-color: var(--pivot-action-hover);
}
.loginStatusContainer___P7U6O:focus {
  outline: 3px var(--pivot-highlight-focus) solid;
  outline-offset: -3px;
}

.loginStatusImg___MC6fy {
  margin: auto;
  padding: 0px 4px;
}

.usernameArrowContainer____YIyA {
  position: relative;
  padding-inline-start: 8px;
}

.userNameDisabled___q2TLO {
  pointer-events: none;
  opacity: 0.2;
}

.userNameWrapper___YkPhy {
  font-size: 0.75rem;
  line-height: 1.125rem;
  cursor: pointer;
  margin: auto;
  padding: 0px 4px 0px 0px;
  margin: 0 var(--ui-spacing-xs);

}
.orgName___Naioo {
  font-size: 0.75rem;
  line-height: 1.125rem;
  cursor: pointer;
  margin: auto;
}

.arrowDown___Dnm5z {
  width: 0;
  height: 0;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  border-top: .4375rem solid var(--pivot-text-primary);
}

.arrowUp___LSq4H {
  width: 0;
  height: 0;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  border-bottom: .4375rem solid var(--pivot-text-primary);
}

.arrowButton___De5bb {
  margin-inline: 12px;
}

/* DROPDOWN CONTENTS */

.dropdownContainer___Wt4jH {
  position: absolute;
  min-width: 250px;
  padding-top: 0px;
  top: 32px;
  right: -50%;
  max-height: calc(100vh - 32px);
  background: #fff;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .dropdownContainer___Wt4jH {
    right: 8px;
  }
}

.dropdownContainer___Wt4jH:before {
  content: '';
  display: block;
  position: relative;
  top: -19px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: -8px;
}

.dropdownContent___EHb70 {
  padding: 0;
}

.dropdownContainer___Wt4jH.orgs___ZqQgN {
  padding-top: 10px;
}

.linkSpanText___cdKNr {
  font-size: 12px;
  font-weight: bold;
}

.menuItem___FjiBy {
  cursor: pointer;
  padding: 16px;
  display: flex;
  justify-content: space-between;
}

.menuItem___FjiBy:active,
.activeItem___WJGG0 {
  background-color: #005daa;
}

.menuPrimaryText___JFTDu {
  font-size: 12px;
  color: black;
  display: flex;
  justify-content: space-between;
}

.menuTextWrapper___abOFO {
  width: 100%;
}

.menuSecondaryText___ECtdY {
  font-size: 12px;
  color: black;
  font-style: italic;
}

.menuItem___FjiBy:active .menuPrimaryText___JFTDu,
.menuItem___FjiBy.activeItem___WJGG0 .menuPrimaryText___JFTDu,
.menuItem___FjiBy:active .menuSecondaryText___ECtdY,
.menuItem___FjiBy.activeItem___WJGG0 .menuSecondaryText___ECtdY {
  color: white;
}

.switchOrgsDropdown___Uzgvf {
  margin-right: 200px;
  margin-top: 100px;
}

.horizontalSeperator___gnFz_ {
  border-bottom: 1px solid #DDDDDD;
  width: 90%;
  margin: 5px auto;
}

.bigAvatar___Y5qSL {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 100%;
  margin-inline-end: var(--ui-spacing-xs);
}

.upgradeWrapper___IfIdJ {
  margin-inline: var(--ui-spacing-xxs);
}

.upgradeText___8cLTt {
  color: var(--pivot-highlight-default);
}

.upgradeIcon___Yweol {
  color: var(--pivot-highlight-default) !important;
}

/* stylelint-disable no-descending-specificity */

.svtrDurationSelectorInput {
  border-radius: 0px !important;
  border: 1px solid #ddd !important;
  box-sizing: border-box;
  font-size: 12px;
  height: 30px !important;
  margin: 0 10px 0 0 !important;
  min-height: 25px;
  width: 50px !important;
}

.svtrModalCloseButton {
  height: 32px;
  margin-right: 4px;
  padding-top: 4px;
  width: 32px;
}

.svtrModalCloseButton:hover {
  background-color: #ccc;
}

.svtrModalCloseButton:hover path {
  fill: #999;
  stroke: #999;
  stroke-width: 4px;
}

.svtrModalCloseButton path {
  fill: #ccc;
  stroke: #ccc;
  stroke-width: 4px;
}

.svtrCameraCardExtraDetails {
  margin-left: 23px !important;
}

.svtrCameraDetailContent {
  font-size: 8px !important;
  line-height: 12px;
}

.svtrExportHighQualityCheckbox {
  margin-bottom: 10px;
}

/***************PTZ Tour Modal **************/
.svtrTourBuilderHeaderDescription {
  color: #575757 !important;
}

.svtrTourBuilderHeaderText {
  color: #7c7c7c !important;
  font-weight: bold;
}

.svtrTourBuilderInputTitle {
  color: #575757 !important;
  font-size: 11px;
  font-weight: bold;
  margin-left: 4px;
}

.svtrTourModalContainer {
  font-family: Helvetica, Arial, sans-serif !important;
}

.svtrTourModalErrorMessageContainer {
  color: red !important;
  font-size: 18px;
  font-weight: bold;
}

.svtrTourModalformContainer {
  padding: 16px !important;
}

.svtrTourModalHeader {
  background: #f0f0f0 !important;
  border-radius: 4px 4px 0px 0px;
  height: 42px;
}

.svtrTourModalHeaderText {
  color: #7d7d7d !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

.svtrTourModalPresetsDivider {
  border-bottom: 1px dotted #ccc !important;
  height: 1px;
}

.svtrTourModalPresetsHeader {
  color: #575757 !important;
}

.svtrTourModalPresetsHeader th {
  font-size: 11px !important;
  font-weight: bold !important;
}

.svtrTourAddPresetButton {
  position: relative !important;
  margin: 16px 0px 0px !important;
  min-width: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 2px !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  height: 32px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3) !important;
  transition: 0.1s background-color, 0.1s color !important;
}

.svtrTourAddPresetButton:disabled,
.svtrTourAddPresetButton:disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
}

div[class^='ActionButtons-actionButtons'] {
  justify-content: flex-end !important;
}

.svtrTourSaveButton {
  position: relative !important;
  margin: 0 5px !important;
  min-width: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 2px !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  height: 32px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3) !important;
  transition: 0.1s background-color, 0.1s color !important;
}

.svtrTourSaveButton:disabled,
.svtrTourSaveButton:disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
}

.svtrTourCancelButton {
  font-weight: 700 !important;
  color: #007aaa !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.svtrTourCancelButton:not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.svtrTourCancelButton:not([disabled]):active {
  color: #fff !important;
  background-color: #006e99 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/***************PTZ Tour Modal **************/

.svtrInputControlLabel {
  align-self: flex-start !important;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px !important;
  font-weight: 600;
  line-height: 18px;
  margin: 4px 0px 0px 4px !important;
  padding: 0 !important;
}

.svtrRadioInput {
  margin: 10px 0 0 !important;
  font-weight: 300;
}

.svtrDurationInputControl {
  align-items: center;
  display: flex;
  flex-direction: column-reverse !important;
  height: 100%;
  width: 100%;
}

.svtrDurationUnit {
  align-self: flex-start !important;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px !important;
  font-weight: 600;
  line-height: 18px;
  margin: 4px 0px 0px 4px !important;
  text-transform: none !important;
}

.setting {
  height: 100% !important;
  padding: 0 !important;
}

.svtrInputControlHeader {
  align-self: flex-start !important;
  color: #999;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 !important;
}

/************Savitar Blue Styled Radio**********************/
.svtrRadioInputWrapper {
  display: flex !important;
  flex-wrap: nowrap;
  margin-left: 0px !important;
  padding-top: 10px;
}

.svtrRadioInputWrapper .msi-input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

/* The container */
.svtrRadioContainer {
  display: inline-block !important;
  margin: 0 12px 12px 0 !important;
  padding-left: 22px !important;
  position: relative !important;
}

/* Hide the browser's default radio button */
.svtrRadioContainer input {
  cursor: pointer !important;
  display: block !important;
  height: 18px !important;
  left: 0px !important;
  margin: 0px !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 0px !important;
  width: 56px !important;
}

.svtrRadioContainer span {
  font-weight: 300;
}

/* Create a custom radio button */
.svtrCheckmark {
  background-color: #fff !important;
  border-color: #006e99 !important;
  border-radius: 50%;
  height: 12px;
  left: 0;
  margin-top: 1px !important;
  position: absolute !important;
  top: 0;
  width: 12px;
  z-index: -1 !important;
}

/* On mouse-over, add a grey background color */
.svtrCheckmark {
  border: 1px solid #006e99 !important;
  background-color: #fff !important;
}

.svtrRadioContainer input:disabled ~ .svtrCheckmark {
  border: 1px solid #6b6b6b !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.svtrCheckmark:after {
  content: '' !important;
  display: none !important;
  position: absolute !important;
}

/* Show the indicator (dot/circle) when checked */
.svtrRadioContainer input:checked ~ .svtrCheckmark:after {
  display: block !important;
}

/* Style the indicator (dot/circle) */
.svtrRadioContainer .svtrCheckmark:after {
  background: #006e99 !important;
  border-radius: 50%;
  height: 8px;
  left: 2px;
  top: 2px;
  width: 8px;
}

.svtrRadioContainer input:disabled ~ .svtrCheckmark:after {
  background: #6b6b6b !important;
}

/************Savitar Blue Styled Radio**********************/
.pendingRequestTableWrapper___x3KRd{
  margin-bottom: 28px;
  border-bottom: 2px solid #F8F8F8;
}
.OGFormContainer___XmiwO {
  background-color: transparent;
}

.showHideInputContainer___mzwli {
  display: flex;
  align-items: center;
}

.formText____EG1H {
  /* placeholder */
}

.iconContainer___zb4jR {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.domainTableRow___xRRLM {
  width: 100%;
  height: 40px;
  background-color: #fff;
  display: table;
  table-layout: fixed;
  margin-top: 1px;
}

.formField___akOd7 > input:-moz-read-only {
  background-color: #f4f4f4;
  color: #ccc;
}

.formField___akOd7 > input:read-only {
  background-color: #f4f4f4;
  color: #ccc;
}
.container___jErPa {
  display: flex;
  padding: 20px;
  flex-direction: column;
}

.footerLink___U_Bjs {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  display: flex;
}

.footerLinkDisabled___wHkDC {
  font-size: 12px;
  font-weight: bold;
  display: flex;
  color: #999;
}

.formColumn___odF8C {
  width: 370px;
}

.formRadioLabel___DTIym {
  font-weight: normal;
  font-size: 12px;
  color: #000000;
}

.formRadioGroup___VfnJw {
  padding-bottom: 5px;
  display: flex;
}

.verticalDivider___u5KYP {
  flex: auto;
  margin: 0px 15px;
  border-left: 1px solid #eee;
}

.buttonGroup___eKERe {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  height: 36px;
  margin-top: 24px;
}

.formWrapper___d8O7g {
  padding: 0px 16px 16px;
}

div.Select.selectBox___QBS2y {
  min-width: 370px;
  max-width: 370px;
  position: initial;
  border: none;
  padding: 0;
  height: 32px;
}

div.providerSelect__value-container {
  padding-left: 22px;
}

div.providerSelect__menu {
  z-index: 9999;
}


.selectBox___QBS2y {
  min-width: 370px;
  max-width: 370px;
  position: initial;
  border: none;
  padding: 0;
  height: 32px;
}


.providerDropdownWrapper div.Select div.Select-control {
  line-height: 32px !important;
}

.providerDropdownWrapper div.Select div.Select-control .customerSelect .msi-select .has-value .is-focused .is-open .is-searchable .Select--single{
  padding-left:20px;
}

.providerDropdownWrapper div.Select div.Select-control span.Select-multi-value-wrapper div.Select-placeholder
{
  align-items: center !important;
  display: flex !important;
  padding: 0px 25px !important;
  line-height: 32px !important;
  height: 32px !important;
}

.providerDropdownWrapper div.Select div.Select-control span.Select-multi-value-wrapper div.Select-input,
.providerDropdownWrapper div.Select div.Select-control span.Select-multi-value-wrapper div.Select-value
{
  align-items: center !important;
  display: flex !important;
  padding: 0px 25px !important;
  line-height: 32px !important;
  height: 32px !important;
}

.providerDropdownWrapper div.Select div.Select-control span.Select-multi-value-wrapper div.Select-input > input{
  line-height: 32px !important;
  padding: 0px !important;
}

.providerDropdownWrapper div.Select div.Select-control span.Select-multi-value-wrapper div.Select-value span.Select-value-label{
  align-items: center !important;
  display: flex !important;
  line-height: 34px !important;
  height: 34px !important;

}

.providerDropdownWrapper div.Select .Select-menu-outer {
  z-index: 1100;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 370px;
  max-width: 370px;
  margin-top: 2px;
}

.searchIconContainer___wmd1F {
  position: absolute;
  left: 0px;
  height: 32px;
  top: 5px;
}

div.Select.selectBox___Q4oX_ {
  min-width: 230px;
  max-width: 300px;
  position: initial;
  border: none;
  padding: 0;
}

.selectBox___Q4oX_ {
  min-width: 230px;
  max-width: 300px;
  position: initial;
  border: none;
  padding: 0;
}


.selectBox___Q4oX_ .Select-menu-outer {
  z-index: 1100;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 300px;
  max-width: 300px;
}

.selectBox___Q4oX_ div.Select-input {
  padding-left: 25px;
}

.selectBox___Q4oX_ .Select-option.is-selected {
  color: #fff !important;
  background: var(--focus-primary);
  width: 95%;
  margin: auto;
  font-weight: bold;
}

.selectBox___Q4oX_.customerSelect___gliGF.Select--single
  > .Select-control
  .Select-value {
  /* TODO: Move search icon inside div to avoid needless specificity */
  padding: 0px 25px;
}

.searchIconContainer___ukiLM {
  position: absolute;
  left: 0px;
  top: 7px;
}

div.Select-control {
  background-color: inherit;
}

span.Select-arrow {
  border-color: #000 transparent transparent;
}

div.Select-option{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fieldGroup___joz_x {
  margin-bottom: 18px;
}

.formWrap___kjvk5 {
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
}
.infoContainer___gQwSY {
  [class~=msi-icon] {
    width: 20px;
    height: 20px;
  }
}
.infoIcon___H0Dfj {
  height: 20px;
  width: 20px;
  margin-left: 6px;
}

.inlineFlex___JWfaV {
  display: inline-flex;
}

.popoverContent___gxbe9 {
  display: block;
  margin: 0 8px;
  font-weight: bold;
  max-width: 300px;
  word-wrap: wrap;
  text-align: left;
}

.popoverItem___HzV21 {
  font-weight: normal;
  margin-left: 8px;
}

.featureContainer___SHo_Y {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-bottom: 8px;
  justify-content: flex-end;

}


.formActions___QV5Rf {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 600px;
  justify-content: flex-end;
}

.sectionHeader___XPurx {
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .featureContainer___SHo_Y {
    width: 460px;
  }
  
  .formActions___QV5Rf {
    width: 460px;
  }
  
  .sectionHeader___XPurx {
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  .featureContainer___SHo_Y {
    width: 300px;
  }
  
  .formActions___QV5Rf {
    width: 300px;
  }
}
.snippetContainer___nJfAK {
  display: flex;
  flex-direction: column;
}

.errorParent___qNE4C {
  display: flex;
  flex-flow: column;
  margin: 0px 30px 0px 30px;
}

.descriptionContainer___bC7ZK {
  margin-bottom: 15px;
}

.box___Jj7Bx {
  padding: 0px 15px 15px;
}

.linkContainer___UUvsK {
  margin-bottom: 10px;
}

.registerText___g3tIM {
  color: #333;
  padding: 20px 20px 0;
  text-align: left;
}

.registerText___g3tIM p {
  padding-bottom: 8px;
}

.orgTypeIndicator___drNTr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: '10px';
  line-height: '18px';
  color: #333;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}

.loginBody___Zapeb {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*padding-top: 130px;*/
}

.noAccountLabel___F9vjJ {
  font-size: 12px;
  text-align: center;
}

.noAccountLabel___F9vjJ a {
  font-size: 12px;
  color: #006e99;
}

.linkDiv___n54VO {
  margin-top: 20px;
}

.pageError___pW9ew {
  margin: 20px;
}

.badgeRow___ra7BA {
  display: flex;
  flex-direction: row;
}
.badgeItems___kPZtf {
  display: flex;
  flex-direction: column;
  padding: 10px 5px;
}

.linkText___K0hjI {
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}

.regionRow___6JRNI {
  display: flex;
  padding: 8px 0px;
  width: 100%;
}

.regionColumn___JBTu7 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  box-sizing: border-box;
  border-right: 1px dotted #dddddd;
  padding: 16px;
}

.spacer___FodRZ {
  height: 16px;
}

.regionColumn___JBTu7:last-child {
  border: none;
}

div.languageSelector___Z6utU {
  margin: 0 auto 20px !important;
  width: 40%;
  text-align: left;
}

.flagContainer___Nz7XQ {
  display: flex;
  align-content: center;
  flex-grow: 1;
}

.imgFlag___uXK2a {
  width: 60px;
  height: auto;
  padding-bottom: 4px;
}

.widerFooter___mlhwX {
  max-width: 700px !important;
}

.regionSelectToolTip___nQifn {
  font-size: 12px;
  line-height: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 15px;
  text-align: center;
}

.regionDefaultFocus___iYST_ {
  background-color: #006e99;
  font-weight: bold !important;
}

.regionDefaultFocus___iYST_ a {
  color: #ffffff !important;
}

/* Google ReCaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

.title___YRduT {
    font-size: 16px;
    line-height: 25px;
    color: black;
    font-weight: 600;
    width: 330px;
    font-family: 'Public Sans', Arial, sans-serif;
    margin-bottom: 10px;
}

.content___JO_sU {
    font-size: 14px;
    line-height: 22px;
    color: black;
    font-weight: 400;
    width: 330px;
    font-family: 'Public Sans', Arial, sans-serif;
}

.container___e3gP6 {
    height: auto;
    width: 330px;
    position: relative;
}

.verticalCenter___QVISj {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.verticalLine___joV1D {
    border-left: 1px solid black;
    opacity: 30%;
    height: 592px;
    margin-left: 39px;
    margin-right: 48px;
}

.horizontalCenter___mvueD {
    width: -moz-max-content;
    width: max-content;
    justify-content: center;
}

.divider___pIh9m {
    display: flex;
}
.buttonContainer___bmbRm {
  margin: 0 auto;
}

.buttonContainerRegister___VN9Di {
  margin: 23px auto 30px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  max-width: 300px;
}

.verifyButton___Krxv9 {
    background-color: black;
}

.inputError___sGGFe {
}

.orSeperator___nBU_p {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin-top: -10px;
}

.orText___lNiZB {
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: black;
  opacity: 90%;
  font-weight: 700;
  font-family: 'Public Sans', Arial, sans-serif;
}

.horizontalLine___xlaXE {
    border-top: 1px solid black;
    opacity: 90%;
    width: 122px;
    margin-top: 12px;
    margin-left: 6px;
    margin-right: 6px;
}

.inputField___EX_gB {
  margin-bottom: 10px;
}

.controlHeader___BNkl0 {
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  color: black;
  opacity: 90%;
  line-height: 35px;
  font-family: 'Public Sans', Arial, sans-serif;
}


.aggregateInputError___ulXvj {
  margin: 0px;
  line-height: 0px;
  height: auto;
}

.pageError___X7Z7j {
  margin: 0px 0px 10px;
}

.error___luLL3 {
  margin: 10px 0px 0px 13px;
}

.loginControl___MtlJq {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.loginLabel___QEwML {
  min-width: 130px;
  text-align: right !important;
}

.loginInput___pPA2b {
  height: 30px !important;
  width: 237px;
  text-align: left;
}

input.loginInput___pPA2b {
  padding-left: 3px;
  font-size: 12px;
  height: 26px !important;
}

/* I had to add those importants because of the select component =( */
div.loginInput___pPA2b {
  margin: 0 !important;
}

div.loginInput___pPA2b > div:first-of-type {
  border: none !important;
  box-shadow: none !important;
}

@media screen and (max-width: 500px) {
  .loginControl___MtlJq {
    padding: 0px 20px;
    margin: 0px;
    flex-wrap: wrap;
  }
  .loginLabel___QEwML {
    width: 100%;
    text-align: left !important;
  }
  .loginInput___pPA2b {
    width: 100%;
  }
  input.loginInput___pPA2b {
    width: 100%;
    height: 26px !important;
  }
  .inputError___sGGFe {
    width: 100%;
    line-height: 18px;
    display: block;
    text-align: left;
  }
  .buttonContainer___bmbRm {
    margin-top: 15px;
  }
}

.error___luLL3 {
  margin-top: 5px;
}

.resetLinkLabel___XCdA1 {
  font-size: 15px;
  color: #575757;
}

.resetLinkLabel___XCdA1 a {
  font-size: 15px;
  color: #006e99;
}

.returnLink___RsDmJ {
  text-align: center;
}

.box___Jz7CO {
  padding: 0px 15px 15px;
}

.noAccountLabel___lT0ew {
  align-items: center;
  font-size: 12px;
  text-align: center;
}

.noAccountLabel___lT0ew a {
  font-size: 12px;
  color: #006e99;
}

.submitWrap___glbOW {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.contactUs___J5UXb {
  color: red;
  padding: 20px;
  text-align: left;
  font-size: 10pt;
}

.emailField___LT5xT {
  margin-bottom: 12px;
  line-height: 22px;
}

.registrationSuccessHeader___r4PB4 {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
  margin-top: 45px;
  margin-bottom: 25px;
}

.registrationSuccessText___kuKZx {
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 50px;
  text-align: center;
}

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

.passwordToggleField___SPJwP {
  align-items: center;
  display: flex;
  margin-top: 5px;
}

.passwordToggleLabel___EX1fs {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-weight: 600;
}

.agreementCheckbox___VLHuG > label {
  padding-left: 0;
}

.eulaField___VRkzG {
  display: flex;
  margin-left: -14px;
  margin-top: -3px;
}

.eulaText___X_bJV {
  margin-top: 15px;
}

.regionSelectLabel___fSWMd {
  min-width: 75px;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  padding: 4px 0px 0px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  margin-bottom: -10px;
}

.selectedRegionName___v01Xa {
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 10px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
}

.regionSelectToolTip___KQfHb {
  font-size: 12px;
  line-height: 18px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 6px 0;
  text-align: left;
  color: #999999;
}

/* Placeholder for possible custom styles needed.*/

.disabledBorderStyle___w4y8P > div:hover {
  border: 1px solid #dddddd;
}

.disabledBorderStyle___w4y8P > div > div > div {
  color: #cccccc;
}

.timezoneSelectContainer___NHrqo {
  width: 100%;
}

.formInput___ES0_6 {
  display: flex;
}

.formInput___ES0_6 > input:disabled {
  background-color: transparent !important;
  border: none;
  font-weight: normal;
  word-break: break-word;
  width: 100%;
  font-size: 12px;
  color: #000000;
  padding: 0 0 0 4px;
  align-items: flex-start;
}

.formRadioLabel___HTBLc {
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  display: flex;
}

.formRadioGroup___KTEeq {
  padding-top: 5px;
  display: flex;
}

.headerLink___i5x4u {
  font-size: 12px;
  padding: 0px 8px;
  cursor: pointer;
  text-decoration: underline;
}

.requiredHeader___n8Y0K {
  padding-bottom: 10px;
  font-weight: 400;
}

.siteAccessWrapper___uAgIO {
  min-width: 800px;
  max-width: 800px;
}
.addSiteAccess___e3R_6 {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 15px;
}

.scheduleDivider___PjmBL {
  flex: 1 1 4%;
  margin-left: 6px;
}

.noResults___nv__x {
  padding: 0 8px;
}

.threeStateCheck___d5Rqw {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 17px;
  cursor: default;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.threeStateCheck___d5Rqw input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.allCheck___gTqtf,
.checkmark___N9G3U,
.semiCheck___eH7Ge {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border: 1px solid #ccc;
}

.allCheck___gTqtf:after,
.checkmark___N9G3U:after {
  content: '';
  position: absolute;
  display: none;
}

.threeStateCheck___d5Rqw input:checked ~ .allCheck___gTqtf:after,
.threeStateCheck___d5Rqw input:checked ~ .checkmark___N9G3U:after {
  display: block;
}

.threeStateCheck___d5Rqw .allCheck___gTqtf:after,
.threeStateCheck___d5Rqw .checkmark___N9G3U:after {
  left: 5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #4b4b4b;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* When some items in the list are checked */
.semiCheck___eH7Ge:after {
  content: '';
  position: absolute;
  display: none;
}

.threeStateCheck___d5Rqw input.someChecked___ZMbZ8 ~ .semiCheck___eH7Ge:after {
  display: block;
}

.threeStateCheck___d5Rqw .semiCheck___eH7Ge:after {
  left: 3px;
  top: 6px;
  width: 9px;
  height: 3px;
  background: #4b4b4b;
  border-width: 2px;
}

.threeStateCheck___d5Rqw input:disabled ~ .semiCheck___eH7Ge:after {
  background-color: #ccc;
}

.threeStateCheck___d5Rqw input:disabled ~ .allCheck___gTqtf:after,
.threeStateCheck___d5Rqw input:disabled ~ .checkmark___N9G3U:after {
  border-color: #ccc;
}

.siteAccessWrapper___uAgIO select:disabled {
  border-color: #ccc;
  color: #ccc;
}

.rowHasPolicy___d4x0t {
  background-color: #eef7ff;
}

.fieldsetWrap___vsQj_ > fieldset {
  width: 100%;
}
.layoutPositionFixedTop___Kf5dE {
  position: fixed;
  top: 0;
}

.layoutZIndexOnTop___pw0oj {
  z-index: 1100;
}

.layoutZIndexJustUnderTop___pQq70 {
  z-index: 1000;
}

.layoutWidth100Percent___l9hmZ {
  width: 100%;
}

.layoutHeight100Percent___MLGtA {
  height: 100%;
}

.layoutPositionRelative___yVoHD {
  position: relative;
}

.layoutDisplayFlex___Q6yn3 {
  display: flex;
}

.layoutFlex1___B3D24 {
  flex: 1;
}

.layoutFlexCenter___nqCnK {
  align-items: center;
  justify-content: space-around;
}

.selectCameraContainer___vMbBt {
  top: 4px;
  width: 280px;
  min-width: 280px;
  height: calc(100% - 10px);
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #ece9e9;
  position: relative;
}

.selectCameraContainerMaximized___nWU8F .selectCameraContainer___vMbBt {
  height: 100%;
}

.selectCameraCloseWrapper___GQqAg {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}

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

.header___yx9bp,
.headerNarrow___S5IoM {
  display: flex;
  background-color: white;
  width: 100%;
  height: 30px;
  padding: 1px;
}

.headerNarrow___S5IoM {
  height: 12px;
  padding-bottom: 3px;
}

.headerLabel___JciTV {
  color: #000;
  flex: 1 1;
  text-align: left;
  margin-left: 1px;
  font-size: 11px;
  align-self: center;
}

.headerText___ZLEpu {
  color: #575757;
  margin-right: 20px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  align-self: flex-end;
  margin-bottom: 5px;
}

.headerItem___BltCJ {
  background-color: #f0f0f0;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  height: 30px;
  min-width: 5px;
  flex: 1 1;
  box-sizing: border-box;
  padding: 5px 0px;
  margin-right: 1px;
  display: inline-block;
  color: #333;
}

.headerItem___BltCJ:last-child {
  margin-right: 0px;
}

.spacer___qYX6N {
  display: block;
  width: 100%;
  height: 5px;
  background-color: white;
}

.leftContent___yp0E1 {
  width: 100px;
  flex-shrink: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.centerContent___kPokJ {
  flex: 10 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #dddddd;
}

.spareColumn___RMCDg {
  width: 60px;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.gridWrapper___sS6yT {
  width: 100%;
  padding-inline-start: 1px;
}

.dayRow___UtRuu {
  display: flex;
  width: 100%;
  height: 25px;
  margin-bottom: 1px;
}

.dayRow___UtRuu:last-child {
  margin-bottom: 1px;
}

.dayRow___UtRuu:first-child {
  margin-top: 1px;
}

.spareColumn___RMCDg .dayRow___UtRuu {
  justify-content: flex-end;
}

.dayText___TubO9 {
  font-size: 12px;
  height: 12px;
  margin: auto;
  margin-right: 20px;
  text-align: right;
  color: #575757;
}

.daySelect___EM1UY {
  margin: 2px 0px;
  font-size: 12px;
  color: #333;
  padding-left: 5px;
  height: 16px;
  width: 80px;
}

.addButton___A_hCO {
  margin: auto 3px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  background-color: #bbb;
  cursor: default;
}

.addButton___A_hCO.active___mMzos {
  background-color: #333;
  cursor: pointer;
}

.addLabel___AMZVE {
  line-height: 20px;
  color: white;
  font-size: 20px;
  position: relative;
}

.subtractLabel___MosaC {
  line-height: 20px;
  color: white;
  font-size: 25px;
  position: relative;
  top: -2px;
}

.dashedLine___BDpwT {
  height: 0px;
  width: 100%;
  margin: 15px 0px;
  border-bottom: 1px dashed #ddd;
}

.scheduleGrid___arpcH {
  margin-inline-end: 15px;
}

.appearanceSearchDialogWrapper___LQPEc {
  padding: 20px;
  position: absolute;
  background-color: white;
  z-index: 9999999;
  width: 130px !important;
  height: 60px !important;
}

.appearanceSearchDialogContent___zJnwb {
  width: 100%;
}

.appearanceSearchDialogMessage___KyXIg {
  color: black;
  font-weight: bold;
  padding-bottom: 10px;
}

.pageNotFoundWrapper___F36Pc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 50px;
  margin: 15px;
  height: calc(100vh - 140px);
}

.pageNotFoundText___techF,
.pageNotFoundText___techF span {
  margin: 0 0 15px;
  font-weight: normal;
  line-height: 2.2rem;
}

.details___asUYz {
}

.microSpinner___fbpO6 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.navWrapper___nU7JO {
}

.navBox___xq_M2 {
}

.navHeader___Fc688 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}

.navTitle___vjGKa {
}

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

.toggleFiltersWrapper___xO758 {
  padding: 0px 5px;
}

.buttonGroup___FjO3f {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.filterGroup___Z62B6 {
}

.contentMainFilters___by2ga {
  padding: 0px 16px 16px;
}

.contentTopHeader___hBhJ4 {
  padding: 16px 16px 0px;
}

.listNavButtons___AFj99 {
  padding: 0px 4px;
}

.crumb___cZMts {
  display: inline-block;
  font-size: 12px;
  font-family: Helvetica, sans-serif;
  padding-bottom: 10px;
}

.crumb___cZMts span {
  font-size: inherit;
}

.crumb___cZMts select {
  font-size: inherit;
}

.secondaryNavContainerInner___oTQug {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}

.listViewContainer___KpuXH {
  overflow-y: hidden;
}

.fillContainerHeight___so_23 {
  height: 100%;
}

.title____vrqP {
  color: #666 !important;
  font-size: 12px;
  font-weight: bold !important;
  padding: 8px;
}

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

.leftItems___febZ1 {
  display: flex;
  padding-bottom: 16px;
}

.rightItems___bBIgE {
  display: flex;
  padding: 0 8px 16px 4px;
  align-items: flex-end;
}

.viewSwitcher___cQmLF {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 4px;
  padding-bottom: 2px;
}
.viewSwitcherItem___tOyj8 {
  margin-left: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 24px;
  width: 24px;
}

.itemActive___TgKOd {
}

.filterInput___pvMTC {
  padding: 4px 8px;
  max-width: 240px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .filterBar___rvz6Z {
    flex-direction: row;
  }

  .filterInput___pvMTC {
    max-width: 200px;
  }

  .rightItems___bBIgE {
    display: flex;
    padding: 0 16px 16px 4px;
    align-items: flex-end;
  }
}

.noStyleButton___dfYVP {
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  padding: 0px 0px;
}

.noStyleButtonPointer___TvElr {
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  cursor: pointer;
  padding: 0px 0px;
}

.ogTableContainer___RVqj3 {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.ogTable___fdGGP {
  width: 100%;
}

.noResults___IoBFo {
  border: 1px solid #dddddd;
  padding: 10px;
}

.ogTable___fdGGP thead {
  position: relative;
}

.ogTableBody___M3vCu {
  overflow-y: auto;
  display: block;
  width: 100%;
  height: 100%;
}

.ogHeaderRow___Qj62f {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 24px;
}

.ogBodyRow___qMnnn {
  /* display: table;
  table-layout: fixed;
  width: 100%; */
  display: table;
  table-layout: fixed;
  width: 100%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  margin: 8px 0px;
  border-radius: 4px;
  height: 40px;
  background-color: #fff;
  cursor: default;
}

.ogBodyRow___qMnnn:hover {
  background-color: #f8f8f8;
}

.preformatted___ngkFB {
  white-space: pre;
}

.alignLeft___xzSSQ {
  text-align: left;
}
.alignRight___AEK3G {
}
.alignCenter___ZMUBO {
}

.fillContainerHeight___vn2D8 {
  height: auto;
}

.ogHeaderCellContent___Jc7zT.alignLeft___xzSSQ,
.ogBodyCellContent___iP0U8.alignLeft___xzSSQ {
  justify-content: space-between;
  box-sizing: border-box;
}

.ogHeaderCellContent___Jc7zT.alignCenter___ZMUBO,
.ogBodyCellContent___iP0U8.alignCenter___ZMUBO {
  justify-content: center;
}

.ogHeaderCellContent___Jc7zT.alignRight___AEK3G,
.ogBodyCellContent___iP0U8.alignRight___AEK3G {
  justify-content: flex-end;
}

.ogHeaderCell___BSZHZ {
  background: #f4f4f4;
  font-size: 11px;
  color: #000;
  justify-content: space-between;
  vertical-align: middle;
}

.clickableHeader___J6AcW {
  cursor: pointer;
}

.clickableRow___RX8kk {
  cursor: pointer;
}

.selectedRow___L5FNn {
  cursor: pointer;
}

.detailActions___sEZxC {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 32px;
  max-width: 80px;
  margin-left: 8px;
}

.detailActionItem___ZTpGX {
  border-radius: 20px;
  background: white;
  box-sizing: border-box;
  height: 32px;
}

.detailClickButton___ZhH79 {
  background-color: white;
  color: black;
  margin-right: 8px;
  border-radius: 20px;
}

.detailClickButton___ZhH79:hover {
  color: white;
}

.detailClickButton___ZhH79:active {
  border-radius: 20px;
}

.selectedRow___L5FNn > .ogBodyCell___Vrc3o {
  background-color: #35a4ff;
  color: #fff;
  font-weight: bold;
}

.selectedRow___L5FNn > .ogBodyCell___Vrc3o .ogBodyCell___Vrc3o {
  color: #fff;
}

.clickableRow___RX8kk:hover > .ogBodyCell___Vrc3o {
  background-color: #f8f8f8;
}

.sortIndicator___HosqE {
  display: none;
  justify-content: flex-end;
  align-items: center;
}

.sortVisible___pbp5r {
  display: flex;
}

.ogHeaderCellContent___Jc7zT {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0px 16px 0px 8px;
}

.ogHeaderCellBulkActions___kOtwH {
  justify-content: center;
  padding: 0 2px;
}

.ogBodyCell___Vrc3o {
  color: #000;
  border-bottom: 1px solid#ddd;
  font-size: 12px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}

.ogBodyCellContent___iP0U8 {
  display: block;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ogBodyCellRowActionsConent___rewtI {
  display: flex;
  justify-content: flex-end;
  padding-right: 18px;
}

.ogBodyCellCheckbox___YtYyo {
  width: 20px;
}

.ogBodyFlippy___IzU8I {
  height: 17px;
}

.ogBodyFlippyActive___OCGW_ {
}

.ogBodyFlippy___IzU8I:before {
  content: '\2023';
  display: inline-block;
  height: 17px;
  width: 15px;
  font-size: 40px;
  color: #666;
  cursor: pointer;
}

.ogBodyFlippy___IzU8I:hover:before {
  color: #35a4ff;
}

.ogBodyFlippyExpanded___CRb8V:before {
  transform: rotate(90deg);
}

.linkText___NTZ9G,
.rightLinkText___GKhe8 > div {
  margin: 0;
}

.ogBodyRow___qMnnn:last-child .ogBodyCell___Vrc3o {
  border-bottom: none;
}

.expanded___Gp9tN {
  box-sizing: border-box;
  padding: 16px;
}

.inlineContentWrapper___OuFPi {
  padding: 8px;
}

.headerButton___xAsrL {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 16px;
  color: #575757;
  font-weight: bold;
}

.headerButton___xAsrL:not([disabled]):hover:not(:active) {
  background-color: rgba(255, 255, 255, 1);
}

.truncated___DVKgD {
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.detailClose___yxDaK {
}

.detailClose___yxDaK::after {
  content: '\00D7';
}

.debug___H0BVn {
}

.disabledCell___t6JG_ {
}

.disabledCell___t6JG_ * {
  color: inherit;
}

.resizeGrabber___s9iKz {
  top: -12px;
  height: 12px;
  display: none;
  flex-grow: 1;
  width: 100%;
  opacity: 0.3;
  color: #333;
  justify-content: center;
  align-items: center;
  cursor: ns-resize;
  transition:
    height 0.3s,
    opacity 0.3s;
}

.resizeGrabberBottom___CZDcY {
  background-color: #ddd !important;
}

.resizeGrabberBottom___CZDcY:hover {
  background-color: #eee !important;
}

.resizeGrabberBottom___CZDcY:active {
  background-color: #333 !important;
  color: white;
}

.resizeGrabber___s9iKz.resizeGrabberBottom___CZDcY {
  top: inherit;
  left: 0;
  right: 0;
  bottom: -12px;
  letter-spacing: -2px;
}

.grabberContent___cabUk {
  display: flex;
  justify-content: center;
  align-content: center;
  height: 12px;
  line-height: 10px;
  width: 50px;
  background: #ddd;
  letter-spacing: -2px;
  border-radius: 4px 4px 0 0;
}

.ogTableContainer___RVqj3:hover .resizeGrabber___s9iKz {
  height: 12px;
  display: flex;
  z-index: 2;
}

.resizeGrabber___s9iKz:hover {
  display: flex;
  background: transparent;
  opacity: 1;
}

.resizeGrabber___s9iKz:hover .grabberContent___cabUk {
  background-color: #ccc;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}

.resizeGrabber___s9iKz:hover.active___vmVBO .grabberContent___cabUk {
  background-color: #333;
  color: white;
  text-shadow: none;
}

.mouseMoveVisor___Nbo2Q {
  display: flex;
  cursor: ns-resize;
  justify-items: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
}

.mouseMoveVisor___Nbo2Q div {
  display: none;
}

.debug___H0BVn .mouseMoveVisor___Nbo2Q {
  background: rgba(0, 0, 0, 0.3);
}

.debug___H0BVn .mouseMoveVisor___Nbo2Q div {
  color: white;
  font-size: 100px;
  line-height: 100px;
  font-weight: bold;
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  text-shadow: 0 0 5px #333;
}

.caretUp___wkodz,
.caretDown___Ffrp4 {
  fill: #999;
}

.caretUp___wkodz:hover,
.caretDown___Ffrp4:hover {
  fill: #575757;
}

.headerColor___ibaf4 {
  background-color: #ececec;
}

.infiniteScrollTrigger___z3_Gr {
  background-color: #ececec;
  width: 100%;
  display: flex;
  padding: 16px 0;
  align-content: center;
  justify-content: center;
}
.infiniteScrollLoadingText___aRceo {
  margin-left: 8px;
}

.emptyButton___Id7QU {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

/* Overflow content */

.contentCardsContainer___RVfgX {
  display: flex;
}

.contentCard___ove6I {
  display: flex;
  flex-direction: column;
  padding: 0px 16px;
}

.contentHeader___XHZwO {
  font-weight: bold;
  white-space: nowrap;
  line-height: 16px;
}

.contentData___lHXa9 {
  white-space: nowrap;
}

.popoverContainer___Pgntm {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 0px;
  /* min-width is required so text of children can be truncated */
}

.popoverTriggerContainer___kX8wr {
  cursor: pointer;
  display: flex;
}

.popoverTrigger___N75a8 {
  width: 15px;
  height: 15px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.popoverContentContainer___b6TvW {
  position: fixed;
}

.offset-left___zqs8c.popoverContentContainer___b6TvW {
  left: -10px;
}

.offset-right___wI5D8.popoverContentContainer___b6TvW {
  right: -10px;
}

.offset-top___DOdRb.popoverContentContainer___b6TvW {
  top: 25px;
}

.offset-bottom___MZ1fq.popoverContentContainer___b6TvW {
  bottom: 25px;
}

.popoverContent___CuqcW {
  box-shadow: 0px 0px 3px 2px #ccc;
  background-color: #f0f0f0;
  padding: 12px 0px;
  min-width: 200px;
}

.popoverContentHandle___zO8H9 {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #f0f0f0;
  position: fixed;
  transform: rotate(45deg);
  z-index: 1100;
}

.offset-left___zqs8c .popoverContentHandle___zO8H9 {
  left: 15px;
}

.offset-right___wI5D8 .popoverContentHandle___zO8H9 {
  right: 15px;
}

.offset-top___DOdRb .popoverContentHandle___zO8H9 {
  box-shadow: -2px -2px 1px 0px #ccc;
  top: -5px;
}

.offset-bottom___MZ1fq .popoverContentHandle___zO8H9 {
  box-shadow: 2px 2px 1px 0px #ccc;
  bottom: -5px;
}

.container____kHp8 {
  height: 20px;
}

.popupShow___slHI4 {
  position: absolute;
  bottom: 55px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px;
  z-index: 1100;
}

.popupHidden___j83L9 {
  display: none;
}

.menuItem___uY4Ot {
  color: white;
  display: block;
  background-color: transparent;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.menuItemSelected___HsfRW {
  font-weight: bold;
}

.textWithIconWrapper___kB9aL {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.icon___sSfFz {
  display: flex;
  margin-right: 8px;
}

.containerOverride___KhQmV {
  position: relative !important;
}
.tooltipWrapper___fbp68 {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 8px 15px;
  background-color: #fffdf0;
  border: 1px solid #5db6ff;
  position: absolute;
  top: 30px;
  right: -20px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
  z-index: 1100;
}

.tooltipWrapper___fbp68::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #fffdf0;
  border-left: 1px solid #5db6ff;
  border-top: 1px solid #5db6ff;
  position: absolute;
  top: -6px;
  right: 15px;
  transform: rotate(45deg);
  z-index: 1100;
}

.tooltipTrigger___vQcKC {
  position: relative;
}

.tooltipWrapperArrowLeft___jWySn::after {
  right: 85%;
}

.warningBanner___QjwXb {
  padding: 12px 16px;
  display: flex;
  align-items: center;
}

.icon___s28Ro {
  padding-right: 16px;
}

.text___M117c {
  display: inline;
}

.warningBannerGroup___khbZz {
  margin-top: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.maxHeight___T8vMY {
  overflow-y: auto;
}

.busyOverlayWrapper___AcXW_ {
  position: relative;
}
.busyOverlay___BbB8V {
  /* composes: contentWrapper from '../../sharedStyles/styles.css'; */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 5;
}

.busySpinner___sRWes {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  z-index: 6;
}

.busyContent___sNozE {
  filter: blur(3px);
  z-index: 1;
}

.sidebarItem___iTWdz {
  position: relative;
  width: 3.5rem;
  height: 3.25rem;
  display: flex;
  justify-content: center;
  align-items: center;  
}
/* fixing opacity */
.sidebarItem___iTWdz svg g {
  opacity: 1;
}
.sidebarItem___iTWdz:focus {
  outline: solid 3px var(--pivot-drawer-outline);
  outline-offset: -3px;
}

.sidebarItem___iTWdz:hover {
  background-color: var(--pivot-drawer-item-background-hover);
}

.iconSelected___f52Wo {
  color: var(--pivot-drawer-active-text) !important;
}
.iconUnselected___oLYGz {
  color: var(--pivot-drawer-text) !important;
}

.msi-sidebar .sidebar-container {
  background-color: var(--pivot-drawer-background);
  border-right: none;
  box-shadow:  0 3px 3px 0px #0000004d;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  z-index: 100;
}
.msi-sidebar .sidebar-container .active, .msi-sidebar .sidebar-container .active:hover {
  color: #fff;
  background-color: var(--pivot-drawer-item-background-active);
}

.msi-sidebar .sidebar-container .msi-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.formField___UbZRX {
  display: flex;
  padding: 0px 0px 0px 4px;
}

.formField___UbZRX > input:disabled {
  background-color: transparent !important;
  border: none;
  font-weight: normal;
  word-break: break-word;
  width: 100%;
  font-size: 12px;
  color: #575757;
  height: -moz-fit-content;
  height: fit-content;
}

.titleWrapper___GfDTd {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 3px;
}

.imgBusy___AYClW {
  margin: auto;
}
.toggleWrapper___BY4R_ {
  display: flex;
}

.toggleText___ZE23U {
  display: inline-block;
  height: 28px;
  margin: 0px 5px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  color: black;
  font-weight: bold;
}
.toggleContainer___bqYZQ {
  position: relative;
  height: 26px;
  width: 168px;
  background: white;
  border-radius: 3px;
  border: 1px solid;
  border-color: #006e99 #006e99;
}

.toggleContainer___bqYZQ label {
  position: relative;
  float: left;
  width: 82px;
  line-height: 29px;
  height: 28px;
  font-size: 12px;
  color: #006e99;
  text-align: center;
  cursor: pointer;
}
.toggleContainer___bqYZQ label:active {
  font-weight: bold;
}

.toggleContainer___bqYZQ input {
  display: none;
}
.toggleContainer___bqYZQ input:checked + label {
  font-weight: bold;
  color: white;
}

.toggleSelection___DauAp {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 84px;
  height: 26px;
  background-color: #006e99;
}

.datePickerInput___XckCO {
  width: 90px;
  height: 20px;
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border: 1px solid #ccc;
  color: #575757;
  z-index: auto;
}

.react-datepicker__input-container {
  height: 100%;
}

.alarmFilterCalendar___TbWy3 .react-datepicker__triangle {
  position: absolute;
  left: 170px;
}


.datePickerContainerStart___mxbFG,
.datePickerContainerEnd___RNmeL {
  display: inline-block;
  height: 100%;
  margin: 0px 2px;
}

.datesContainer___Spui8 {
  display: flex;
  flex-wrap: nowrap;
  margin-inline-end: 2px;
  margin-inline-start: 2px;
}

.datesContainer___Spui8.disabled___XzPPy {
  opacity: 0.3;
  pointer-events: none;
}

.datesContainer___Spui8 input {
  min-height: 24px;
  font-size: 12px;
  border: 1px solid #DDDDDD;
  padding-left: 5px;
  box-sizing: border-box;
  height: 24px;
}

.datesContainer___Spui8 input,
.rc-time-picker-panel-input {
  color: #000;
}

.rc-time-picker-input {
  width: 85px;
  height: 29px;
}

div.rc-time-picker-panel-input-wrap {
  height: 29px;
  padding: 4px;
}

.rc-time-picker-panel,
.rc-time-picker-panel-input,
.rc-time-picker-panel-select li,
.rc-time-picker-input,
.rc-time-picker {
  font-size: 12px !important;
}

.rc-time-picker-panel,
.rc-time-picker-panel-select li,
.rc-time-picker-input,
.rc-time-picker {
  color: #000 !important;
}

.customInput___dBL3m {
  width: 100%;
}

.msi-icon.calendarIcon___mzs_R {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  align-items: center;
}

.filter___tePhj,
.filterTextInput___mSQpr {
  align-items: baseline;
  position: relative;
}

.filter___tePhj div.Select {
  margin: 0 10px 0 0 !important;
}

.filterTextInput___mSQpr input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 8px;
  height: 24px !important;
  border: 1px solid #ddd;
  border-radius: 2px;
  line-height: 22px;
}

.searchFilterInput___HP2KX {
  height: 24px;
  padding-right: 8px;
  display: flex;
  align-items: center;
}

.searchbarIcon___WDDXP {
  position: absolute;
  left: 0px;
  top: 0px;
}

.filter___tePhj.disabled___lOfat {
  opacity: 0.3;
  cursor: default;
}

.filterLabel___hi0fr {
  flex: 1;
  margin: 0px 5px;
}

.filterInput___GQUD3 {
  flex: 3;
  width: 175px;
}

.filterMultiInput___a_04H {
  flex: 3;
  width: 270px;
  height: 24px;
}

.disabled___lOfat .filterInput___GQUD3 .filterMultiSelect___K5K_e {
  cursor: default;
  pointer-events: none;
}

.labelOverlay___GK8eN {
  width: calc(100% - 30px);
  height: 20px;
  color: black;
  font-size: 12px;
  position: absolute;
  left: 5px;
  top: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  pointer-events: none;
}

@media (max-width: 875px) {
  .labelOverlay___GK8eN {
    width: 70px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 90px;
  }
}

@media (min-width: 876px) and (max-width: 980px) {
  .labelOverlay___GK8eN {
    width: 80px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 100px;
  }
}

@media (min-width: 981px) and (max-width: 1080px) {
  .labelOverlay___GK8eN {
    width: 90px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 120px;
  }
}

@media (min-width: 1081px) and (max-width: 1140px) {
  .labelOverlay___GK8eN {
    width: 110px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 140px;
  }
}

@media (min-width: 1141px) and (max-width: 1280px) {
  .labelOverlay___GK8eN {
    width: 130px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 160px;
  }
}

@media (min-width: 1281px) and (max-width: 1360px) {
  .labelOverlay___GK8eN {
    width: 165px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 195px;
  }
}

@media (min-width: 1361px) and (max-width: 1420px) {
  .labelOverlay___GK8eN {
    width: 185px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 215px;
  }
}

@media (min-width: 1421px) and (max-width: 1560px) {
  .labelOverlay___GK8eN {
    width: 185px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 215px;
  }
}

@media (min-width: 1561px) and (max-width: 1640px) {
  .labelOverlay___GK8eN {
    width: 190px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 220px;
  }
}

@media (min-width: 1641px) {
  .labelOverlay___GK8eN {
    width: 205px;
  }
  .filterInput___GQUD3,
  .filterMultiInput___a_04H {
    width: 235px;
  }
}

/* react-select-plus global styles */

div.Select {
  min-width: 90px;
  height: 24px;
  font-size: 12px;
  color: #575757;
  box-sizing: border-box;
  border: none;
  padding: 0;
}

.Select-option {
  white-space: nowrap;
  width: 100% !important;
  display: flex;
}

.Select-menu-outer {
  max-height: 305px;
  z-index: 1100;
}

.Select-menu {
  padding-bottom: 5px;
  max-height: 300px;
}

div.Select-control {
  height: 24px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  line-height: 22px;
  box-sizing: border-box;
}

.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #005daa;
}

.is-focused div.Select-control {
  border: 1px solid #005daa;
}

div.Select-placeholder {
  line-height: 22px;
  padding-right: 25px;
  color: black;
}

.Select b {
  display: none;
}

div.Select-input {
  height: 21px;
}

div.Select-input > input {
  padding-top: 3px;
}

.Select--single > .Select-control .Select-value {
  line-height: 24px !important; /* style being ignored on production */
}

span.Select-value-label,
div.Select-input > input,
.Select-option {
  font-size: 12px !important;
  color: #000 !important;
}

.Select-option-group-label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #006e99 !important;
  border-top: 1px dotted #999;
  margin: auto;
  margin-top: 10px;
}

.Select-option-group:first-child .Select-option-group-label {
  border: none;
}

/*react-select-plus filter styles */

.selectBoxClear___ZehRu {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.selectBoxClear___ZehRu:hover,
.selectBoxClear___ZehRu:focus {
  outline: 0;
}

.filter___tePhj .Select-menu-outer {
  margin: 2px 0 0;
  position: absolute;
  padding: 0px;
  min-width: 174px;
  top: 100%;
  left: 0;
  z-index: 1100;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px 0px 4px 4px;
}

@media (min-width: 876px) and (max-width: 980px) {
  .filter___tePhj div.Select {
    margin: 0;
  }
}

/* TODO: Consolidate this, the Select-plus basic style sheet, and the
styles for select-plus outside of filters to drastically reduce the required
and conflicting styles applied herein */

.filter___tePhj .Select-option {
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-weight: normal;
  background-color: none;
  border: none;
}

.filter___tePhj .Select-option.is-focused {
  background-color: rgba(0, 0, 0, 0.1);
}

.filter___tePhj .Select-option.is-selected {
  background-color: none;
  border: none;
}

.filter___tePhj .selectBoxOption___XQzvE {
  line-height: 16px;
  font-size: 12px;
  color: #000;
  padding: 5px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 6px;
}

.filter___tePhj .selectBoxOption___XQzvE:hover {
  color: #000;
}

.filter___tePhj .is-selected .selectBoxOption___XQzvE {
  overflow: hidden;
  color: #fff;
}

.filterMultiInput___a_04H .selectBoxOption___XQzvE {
  padding-left: 25px;
  position: relative;
}

.filterMultiInput___a_04H .selectBoxOption___XQzvE:before {
  content: ' ';
  position: absolute;
  line-height: 1;
  text-align: center;
  left: 5px;
  top: 5px;
  height: 12px;
  width: 12px;
  margin-right: 10px;
  border: 1px solid #7b8e9b;
  background: #f9f9f9;
  vertical-align: middle;
}

.filterMultiInput___a_04H .is-selected .selectBoxOption___XQzvE:before {
  content: '✓';
  background-color: #5db6ff;
  border: 1px solid #5db6ff;
  color: #fff;
}

/* Styles for the date filter */
.filterTriggerIcon___aGddw {
  cursor: pointer;
  width: 30px;
  height: 30px;
  padding: 4px 2px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
}

.dateFilterTriggerIcon___wkjG7 {
  display: flex;
  border: none;
  background: none;
  align-self: center;
  align-items: center;
  cursor: pointer;
}

.dateFilterTriggerText___W2OuG {
  cursor: pointer;
  min-width: 184px;
  height: 24px;
  padding: 4px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  display: none;
}

.dateFilterTriggerText___W2OuG:focus {
  outline: 0;
  box-shadow: 0 0 3px #005daa;
}

@media (min-width: 1421px) {
  .dateFilterTriggerIcon___wkjG7 {
    display: none;
  }
  .dateFilterTriggerText___W2OuG {
    display: inline-block;
  }
}

.dateFilterTriggerLabel___KX1HT {
  color: #000;
  text-align: left;
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  display: flex;
  justify-content: space-evenly;
}

.filterDropdown___lqASR,
.dateFilterDropdown___zhcLI {
  min-width: 174px;
  padding: 0px;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1100;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px 0px 4px 4px;
  text-decoration: none;
}

.dateFilterDropdown___zhcLI {
  min-width: 184px;
}

.dateFilterSection___UPdwo {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ddd;
}

.dateFilterSection___UPdwo:last-child {
  margin-bottom: 0px;
  border: none;
}

.dateFilterSectionHeader___x6pFg {
  text-transform: uppercase;
  color: #666 !important;
  font-size: 12px;
  font-weight: bold !important;
  padding: 8px;
}

.filterSectionItem___Dz24w,
.dateFilterSectionItem___Q6No8 {
  padding: 5px;
  cursor: pointer;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  font-size: 12px;
  color: #575757;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 6px;
  min-height: 16px;
}

.dateFilterSectionItem___Q6No8 {
  display: flex;
  align-items: center;
}

.filterSectionItem___Dz24w option {
  margin: 0px;
  padding: 0px;
  display: inline;
}

.indicatorIcon___gQHIg {
  position: absolute;
  right: -6px;
  bottom: 5px;
  justify-content: center;
  align-items: center;
}

.multiSelect___SUulR .filterSectionItem___Dz24w {
  padding-left: 25px;
  position: relative;
}

.multiSelect___SUulR .filterSectionItem___Dz24w:before {
  content: ' ';
  position: absolute;
  line-height: 1;
  text-align: center;
  left: 5px;
  top: 5px;
  height: 12px;
  width: 12px;
  margin-right: 10px;
  border: 1px solid #7b8e9b;
  background: #f9f9f9;
  vertical-align: middle;
}

.multiSelect___SUulR .selected___bZaWb.filterSectionItem___Dz24w {
  background-color: #e7f4ff;
  border: 1px solid #abd9ff;
  overflow: hidden;
  height: 14px;
}

.multiSelect___SUulR .selected___bZaWb.filterSectionItem___Dz24w:before {
  content: '✓';
  background-color: #5db6ff;
  border: 1px solid #5db6ff;
  color: #fff;
}

.filterSectionItem___Dz24w.selectable___YAGIw,
.dateFilterSectionItem___Q6No8.selectable___YAGIw {
  cursor: pointer;
}

.filterSectionItem___Dz24w:hover.selectable___YAGIw,
.dateFilterSectionItem___Q6No8:hover.selectable___YAGIw {
  background-color: #eff8ff;
}

.filterSectionItem___Dz24w:active.selectable___YAGIw,
.dateFilterSectionItem___Q6No8:active.selectable___YAGIw {
  background-color: #5db6ff;
  color: #f4f4f4;
}

.dateFilterSectionItemIcon___ITOHU {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}

.filterSectionClose___CvirS {
  color: #006e99;
  text-transform: lettercase;
  background-color: #fbfbfb;
  border: none;
  padding: 10px 0px;
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  outline: none;
}

.filterSectionClose___CvirS:hover {
  text-decoration: underline;
}

.filter___tePhj .selectBoxOptionSubtext___wUq7S {
  font-size: 10.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textFilterWrapper____bXPv {
  margin-bottom: 8px;
}

.textFilterWrapper____bXPv > input {
  padding-left: 25px !important;
}

.filterArrow___WkZzY {
  border-color: #000 transparent transparent;
}

.Select .Select-arrow-zone:hover > .Select-arrow {
  border-color: #000 transparent transparent;
}

.Select.is-open > .Select-control .Select-arrow {
  border-color: transparent transparent #000;
  border-width: 0 5px 5px;
}

.filter___tePhj .Select-option.is-selected {
  color: #fff !important;
  background: var(--focus-primary);
}

.spinnerWrap___qWB4G {
  margin-left: 5px;
}
.messageBody___CtRbN {
  text-align: left;
  display: inline-block;
  color: #575757;
}

.messageHeader___muigO {
  font-weight: bold;
  font-size: 14px;
  margin-right: 5px;
  display: inline-block;
  line-height: 18px;
}

.messageContentLeft___ZsUCL {
  display: inline-flex;
  align-items: center;
  margin: 6px 10px 6px 6px;
}
:focus {
  outline: none;
}

.confirmCancelGroup___mMI6l {
  justify-content: flex-end;
}

.verticalBar___SOOK2 {
  position: relative;
  float: right;
  background: #555;
  color: #fff;
  font-weight: bold;
  margin: 15px;
  width: 2px;
  height: 20px;
  border-radius: 1px;
}

.iconCancel___vriau {
  background-color: #000000;
  color: #ffffff;
  float: right;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  margin-top: 15px;
  margin-right: 15px;
  padding-right: 15px;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
}

.closeIcon___IdTKS {
  position: relative;
  float: right;
  background: #555;
  vertical-align: middle;
  line-height: 50px;
  color: #fff;
  font-weight: bold;
  margin: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 15px;
  display: flex;
  justify-content: flex-end;
}

.modalContentConfirm___E6HxL,
.modalContentError____w4Ql,
.modalContentSuccess___u4DdJ {
  outline: none;
  border: none;
  padding: 16px;
  width: 440px;
}

.modalInfo___wAurQ {
  margin-bottom: 8px;
}

.modalText___iqR44,
.modalText___iqR44 div,
.modalText___iqR44 ul,
.modalText___iqR44 li {
  color: black;
  font-size: 14px;
}

.modalText___iqR44 ul {
  list-style-type: disc;
  list-style-position: initial;
  margin-left: 12px;
}

.modalText___iqR44 ul li {
  padding: 4px 8px;
  margin-bottom: 4px;
}

.modalContentError____w4Ql {
}

.modalContentSuccess___u4DdJ {
}

.errorMessage___JGJZ8 {
  display: flex;
  border: 1px solid #ff3b30;
  background-color: #fdf0f0;
  color: #575757;
  padding: 5px;
}

.errorMessageIcon___mPfqr {
  text-align: center;
  margin-right: 5px;
}

.errorMessageText___R0sta {
  font-size: 14px;
}

.success___MOPZg,
.error___bHY_I {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.check___iNwnM {
  vertical-align: bottom;
  margin-right: 5px;
}

.buttonContainer___jeTZy {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buttonContainer___jeTZy button {
  margin-right: 10px;
}

.buttonConfigure___I5Fa9 {
  height: 30px;
  width: 100px;
}

.saveButton___MnuVH,
.cancelButton___UYd0O {
  cursor: pointer;
  color: white;
  background-color: #006e99;
  border: 1px solid #006e99;
  min-width: 100px;
  padding: 5px;
  margin: 5px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cancelButton___UYd0O {
  background-color: #f0f8ff;
  border: 1px solid #5db6ff;
  color: #006e99;
}

.tabButtonGroup___ypIHc {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  height: 36px;
  margin: 20px 0px;
}

.cameraLoginTopRow___PTx4l {
  height: 400px;
  width: 600px;
  padding: 20px 40px;
}

.eula-box p span {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
}

.checkboxAcceptedAgreement___y3IXd {
  display: flex;
  align-items: center;
  padding-left: 40px;
}

.cameraVideoDownloadForm___IPKDA {
  display: flex;
  flex-direction: column;
  width: 400px;
  max-height: 400px;
  padding: 20px;
}

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

.cameraLabel___x8Eqn {
  display: flex;
  width: 90px;
  height: 32x;
  align-items: center;
  font-weight: normal;
  font-size: 12px;
  color: #575757;
}

.cameraInputRow___lxYck {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 12px;
  text-align: center;
}

.videoDownloadPickerContainer___MtjKS {
  display: flex;
  width: 222px;
  height: 30px;
  font-size: 12px;
  font-weight: normal;
  align-items: center;
  margin: 2.5px 0px;
}

.dateTimeSeperator___cnpOs {
  margin-left: 18px;
}
.datesContainer___EjxxF input,
.rc-time-picker-panel-input {
  color: #575757;
}

.timePickerContainer___ClL08 {
  width: 102px;
}

.rc-time-picker-input {
  width: 102px;
  height: 29px;
  border-radius: 4px;
  color: #575757;
}

div.rc-time-picker-panel-input-wrap {
  height: 29px;
  padding: 4px;
}

.rc-time-picker-panel,
.rc-time-picker-panel-input,
.rc-time-picker-panel-select li,
.rc-time-picker-input,
.rc-time-picker {
  font-size: 12px !important;
}

.rc-time-picker-panel,
.rc-time-picker-panel-select li,
.rc-time-picker-input,
.rc-time-picker {
  color: #7c7c7c;
}

.rc-time-picker-panel-input {
  border-radius: 1px;
}

.buttonGroupHelper___X2FiX {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  height: 36px;
  margin-top: 9px;
  margin-bottom: 5px;
}

.formFieldInput___uOm5E input {
  /* composes: modalContentBorderColor from '../../sharedStyles/brushes.css';
  height: 30px;
  min-width: 237px;
  padding-left: 3px;
  font-size: 12px; */
}

.formFieldInput___uOm5E input:disabled {
  height: 30px;
  min-width: 237px;
  color: #666;
}

.normalLabel___DU6Qg {
  font-weight: normal;
  color: black;
  font-size: 12px;
}

.successBox___Ty5XX {
  margin-bottom: 10px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  padding: 0px 10px;
}

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

.successHeader___Y64w0 {
  line-height: 1.33;
}

.successIcon___Al5ha {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #42a00f;
  color: white;
  font-size: 10px;
  border-radius: 100%;
}

.successImage___YcWT9 {
  width: 12px;
  margin: 3px 0px 0px;
}

.pageMessageIcon___zgZ2M {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 6px 4px 0px;
}

.marginBottomThreeTimes___cxVOq {
  margin-bottom: 2rem;
}

.sitesToSuspendList___OHtW9 {
  margin-left: 0;
}

.sitesToSuspendList___OHtW9 li h5 {
  display: inline-block;
}

.truncate___jLKEg {
  width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eulaLanguageSelect___Ym_sW {
  position: absolute !important;
  right: 16px;
}

.textWrap___ak5Ag {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.emphasizedTextWrap___jiuzD {
  font-size: xx-large;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.instructions___XZ5tV {
  margin: 20px 0;
}

.confirmationInputLabel___Sm0Z1 {
  white-space: nowrap;
}

.confirmationInput___UufAl {
  display: flex;
  /* margin-left: 36px; */
  align-items: center;
}

.confirmationInput___UufAl input {
  margin-left: 10px;
}

.title___JxpR5 {
  display: flex;
  align-items: center;
}

.titleIcon___LAdUd {
  margin-right: 4px;
  max-width: 14px;
  max-height: 14px;
}

.genericMessageBox____ynaJ {
  margin-bottom: 10px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: space-between;
}

.genericMessageStateInfo___idCFl {
}

.genericMessageStateSuccess___BmJC1 {
}
.genericMessageStateError___wYgW8 {
}

.genericMessageBody___g55ja {
  font-size: 12px;
}

.genericMessageHeader___nIC2z {
}

.genericMessageMarginTop___jiagk {
  margin-top: 1rem;
}

.genericMessageContentLeft___BPpQC {
}
.body___T7ucw {
  text-align: left;
}

.box___7mP8e {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 50px 16px; /* TODO: Use one of the padding helper classes instead of this */
}

.loginContainer___Flp4x {
  display: flex;
  flex-direction: column;
  background-image: url(/58cdb00fb916baee26fe.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.masthead___PbuwG {
  order: 1;
}

.loginBody___qkLvu {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 105px);
  overflow-y: auto;
  overflow-x: auto;
  box-sizing: border-box;
  align-items: center;
  order: 2;
  background: transparent;
}

.loginBodyFullHeight___gPmmk {
  height: calc(100vh);
}

@media only screen and (max-width: 1668px) and (orientation: portrait) {
  .loginBody___qkLvu {
    height: calc(100vh - 193px);
  }

  .loginBodyFullHeight___gPmmk {
    height: calc(100vh);
  }
}

.loginBox____bttg {
  border: 1px solid rgba(0, 0, 0, 0.2);
  max-width: 375px;
  min-width: 375px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #333333;
  background-clip: content-box;
}

.loginBoxTopMargin___Lb1F7 {
  margin-top: 100px;
}

.loginHeaderBackground___g5f7Z {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.loginHeader___CiWFe {
  margin-left: 8px;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}

.loginHeaderRight___zmooW {
  margin-right: 15px;
  margin-left: auto;
  text-transform: uppercase;
  font-size: 14px;
  color: #666666;
}

.loginHeaderIcon___SIBkg {
  margin-left: 13.5px;
}

.loginLogoContainer___VBn5Y {
  max-width: 375px;
  min-width: 375px;
}

.logoIcon___Lnhot {
  margin-bottom: 40px;
}

.loginLogo___eB0Rq svg {
  height: 3rem;
  margin-bottom: .5rem;
}

.customMastHead___uYDIg {
  background: transparent;
  margin-left: auto;
}

.signupSection___KZpTI {
  max-width: 375px;
  min-width: 375px;
  display: flex;
  flex-direction: column;
}

.signupDivider___Izrfe {
  margin: 12px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  width: 100%;
}

.signupDividerLineSection___AAGUh {
  border-top: 1px solid rgba(0, 0, 0, 0.9);
  border-bottom: none;
  width: 100%;
}

.signupDividerText___E6ppH {
  margin: 0 12px;
  font-size: 12px;
  font-weight: 700;
}

.signupButton___qi2pc {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  border-radius: 2px;
  border-width: 1px;
  border-color: #00628C;
  border-style: solid;
  cursor: pointer;
  background-color: white;
}

.signupButtonText___QAcj0 {
  margin: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

/* @media screen and (max-width: 500px) {
  .loginBox {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
} */

* {
  font-size: 14px;
}

.regionDropdownPlaceholder___fVHyr {
  display: flex;
  margin-top: -26px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  font-weight: 400;
}

.regionSelectContent___Xttyw {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-indent: 3px;
}

.regionSelectSelect___urY0p {
  flex-grow: 1;
  font-size: 14px;
}

.regionSelectLink___xaok9 {
  flex-grow: 0;
  margin-left: 5px;
}

.dropdownIndicator___b5u9J {
  width: 20px;
  margin-right: 8px;
}
/* @import '../../styles/palette'; */

.message___MI0su {
  border: 1px solid;
  box-shadow: 0 2px 3px rgba(204, 204, 204, 0.5);
  border-top: 0px;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
}
.messageNormal___pONrv {
  background-color: #eef5fc;
  border-color: #006e99;
  color: #006e99;
}
.messageNormal___pONrv:hover {
  background-color: #cfe7f8;
}
.messageNegative___GQlBX {
  background-color: #fef1f6;
  border-color: #b30490;
  color: #b30490;
}
.messageNegative___GQlBX:hover {
  background-color: #fad3e4;
}
.messagePositive___Gh3jT {
  background-color: #f8fbf2;
  border-color: #4b9b18;
  color: #4b9b18;
}
.messagePositive___Gh3jT:hover {
  background-color: #daefca;
}

.messageCaution___LzmJp {
  background-color: #f9f1e4;
  border-color: #e56903;
  color: #e56903;
}
.messageCaution___LzmJp:hover {
  background-color: #f9d7b2;
}
.messageClose___XGLxz {
  cursor: pointer;
  float: right;
  margin: auto 0px;
  vertical-align: middle;
}
.messageDisabled___piOSV {
  display: none;
}

.modalCancelDiv___TuRFw {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding: 4px;
}

.modalCancelDiv___TuRFw:hover {
  background-color: #ccc;
}

.modalCancelIcon___X2ybp {
  width: auto; 
  height: auto;
  max-width: 22px;
  max-height: 22px;
  vertical-align: middle;
} 
.linkText___KTSin {
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.linkText___KTSin > button {
  margin: 0px 0px 0px 12px;
}

.pageNotFoundWrapper___qH_J9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 50px;
  margin: 15px;
  height: calc(100vh - 140px); /* Temporary until scroll-container is FLEX */
}

.pageNotFoundText___U6cBV,
.pageNotFoundText___U6cBV span {
  margin: 0 0 15px 0;
  font-weight: normal;
  line-height: 2.2rem;
}

.header____5ec9 {
  font-size: 65px;
  line-height: 60px;
}

.details___gCtm6 {
}

.details___gCtm6 span {
  /* Rendering innerHtml for translated string automatically wraps content in a span */
  font-size: 30px;
  line-height: 60px;
}

.accordionItem___xNpZC {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

.itemStatsContainer___XBK4E {
  align-items: center;
  display: flex;
  font-size: 12px;
  padding: 0 10px;
}

.itemStatItem___KI0jp {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-right: 5px;
  min-width: 128px;
  padding: 8px 12px;
}

.itemStatItemBorder___IGlc1 {
  border: 1px solid #ddd;
}

.itemStatCount___UAFBF {
  display: flex;
  justify-content: center;
  width: 32px;
}

.itemStatLabel___y4xWB {
  display: flex;
  font-weight: bold;
}

.itemStatIcon___M_6_t {
  display: flex;
}

.itemStatLabel___y4xWB:after {
  margin-right: 2px;
}

.itemStatDivider___m7jz3 {
  margin: 0 5px;
}

.actionButton___pZ0j8 {
  align-items: center;
  display: flex;
}

.noticeWrapper___pWt3G {
  display: flex;
  flex-grow: 2;
  align-items: center;
}
.container___YAdrx {
  display: inline-block;
  position: relative;
}

.checkbox___ebnpw {
  display: inline-block;
  height: 11px;
  width: 11px;
  background-color: white;
  cursor: pointer;
  border: 1px solid #dddddd;
}

.boxChecked___NR0XD .checkbox___ebnpw {
  background-color: #5db6ff;
  border: 1px solid #5db6ff;
}

.boxDisabled___QXBxs .checkbox___ebnpw {
  cursor: default;
  opacity: 0.7;
}

.boxChecked___NR0XD .checkbox___ebnpw:after {
  content: '';
  display: block;
  width: 8px;
  height: 4px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

.timeDropdownWrapper___Dez4i {
  display: flex;
  grid-column: 1;
}

.timeDropdownButton___kqCvn {
  background-color: white !important;
  border-color: rgba(0,0,0,.2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  z-index: 1;
  height: 34px !important;
}

.durationTimeInput___ko57D {
  margin: 0;
  width: 100%;
}

.durationTimeInput___ko57D > input {
  border-radius: 2px 0px 0px 2px;
  width: calc(100% + 1px) !important;
}

.durationError___Te8u5 {
  margin-bottom: 5px,
}

.durationError___Te8u5 > input {
  border-color: red;
  width: calc(100%) !important;
}

.timeDropdownButton___kqCvn:hover {
  background-color: rgba(0,0,0,.2) !important;
  border-color: rgb(255,255,255);
}

.timeDropdownIcon___QZpnI {
  width: 9px !important;
}


.cancelBtn___Y9hsD {
    margin-right: 10px;
}

.closeBtn___OJxr9 {
    margin-right: 10px;
}

.copyLinkButtons___xfIFq {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 20px;
}

.datePickerInputWrap___dgQq8 {
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    margin: 0 0 12px;
    width: 100%;
}

.datePickerInputWrap___dgQq8 > div{
    width: auto;
}

[id="ShareVideoModal"] button:focus {
    z-index: 10;
}

[id="ShareVideoModal"] .msi-dropdown___bt_Ot::-moz-selection {
    z-index: 20;
}

[id="ShareVideoModal"] .msi-dropdown___bt_Ot::selection {
    z-index: 20;
}

.errorMessageStyle___gDpsE{
    color: red;
    margin: 0;
}

.imgWrap___R2uLj {
 align-items: center;
 background-color: rgba(245, 246, 247, 1);
 display: flex;
 height: 100px;
 justify-content: center;
 margin-bottom: 16px;   
}

.imgWrap___R2uLj > img{
    height: 100%;
}

.linkExpiryLabel___klI3f {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 4px 0;
}

.shareLinkInput___FJlsI {
    width: 100%;
}

.shareVideoButtons___TXA6u {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 20px;
}

.shareVideoDateSelector___f3MF5 {
    border-radius: 5;
    height: 28;
    width: 100% !important;
}

.shareVideoModalBody____deS9 {
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
}

.shareVideoTimeSelector___SPh1v {
  display: flex;
  align-content: center;
}

.shareVideoTimeSelector___SPh1v > input {
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    height: 34px;
    width: 100%;
    border-radius: 2px;
}

.shareVideoTimeSelector___SPh1v > a {
    display: none;
}

.shareLinkInput___FJlsI {
    width: '100%';
}

.timeInputWrap___wAHYh {
    width: 50%;
}

.startTimeSelect___Wx2D2{
    padding-right: 10,
}

.invalidDurationDescription___E47GD {
    word-break: break-word;
    white-space: pre-line;
    width: 450px;
}

.durationInputWrap___io3cz {
  grid-column: 1 / span 2;
}

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

.playerHostSanitizer___rb1cp {
  width: 100%;
  height: 100%;
  background: black;
}

.playerHostSanitizer___rb1cp
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list {
  padding-right: 0px !important;
}

.videoPlayerWrap____hAUF {
  z-index: 1;
  display: flex;
  align-content: center;
  align-items: center;
  background-color: black;
  justify-content: center;
  height: 100%;
  width: 100%;
  border: 1px solid #ddd;
}

.activePane___B_sAS {
  border: 2px solid rgb(93, 182, 255);
}

.snapshotUnavailableWrapper___ibQ60{
  color: #8CCBFF;
  background-color: #EFF8FE;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.snapshotUnavailableTitle___tJsd3{
  text-align: center;
  line-height: 13px;
  font-size: 12px;
  margin-top: 5px;
  font-weight: bold;
}
/* CameraSettings */

h1 {
  font-size: 18px;
  margin-left: 17px;
}

h2 {
  margin-bottom: 20px;
}

.body___XhgT7 {
  padding: 10px 40% 30px 1%;
  align-self: flex-start;
}

.disabledCameraRuleToggleWrapper___wt2Yl {
  margin-top: 15px;
  padding: 15px 5px;
}
.cameraRuleToggleWrapper___OSQVd {
  margin-top: 15px;
  padding: 15px 5px;
}
.cameraAnalyticsTitle___UiBe3 {
  font-weight: bold;
  padding-left: 5px;
}
.cameraAnalyticsRuleText___t9ylY {
  padding-left: 5px;
}
.cameraRuleToggle___DCBVY {
  margin-right: 50px;
}
.tabContentSection___ltjut {
  padding: 15px 0px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-self: center;
}

.rightSettings___kSA8P {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.settingsPanel___NhGwt {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 2px dotted #e7e7e7;
}

.settingsPanelHeader___EyhQu {
  font-weight: 700;
  font-size: 12px;
  padding: 10px 0px;
  text-transform: uppercase;
  color: #999;
  height: 21px !important;
  display: flex;
  align-items: center;
}

.placeholderWrapper___VSKyW {
}

/* CameraSettings */

/* Advanced */

.left___VrgO_ {
  float: left;
  display: inline-block;
}

.right___IbKZ5 {
  float: right;
  display: inline-block;
}

.inputBox___dae87 {
  width: 20vw;
  height: 2rem;
  border: 1.5px solid #ddd;
}

/* Basic */

.cameraSettingsBasic___Ef8KG .formLabel___aORat {
  min-width: 110px;
  font-weight: normal;
}

.focusAutoButton___zd9O4 {
  padding: 4px;
  width: 192px;
  color: #006e99;
  background-color: #f8f8f8;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.06),
    inset -1px -1px 0 0 rgba(255, 255, 255, 0.42);
  border: solid 1px #cbcbcb;
  margin-right: 10px;
  cursor: pointer;
}

.focusSegmentedButton___Iri8_ {
  display: inline-flex;
  padding: 7px 4px;
  justify-content: space-around;
  width: 32px;
  color: #006e99;
  background-color: #f8f8f8;
  font-weight: 400;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.06),
    inset -1px -1px 0 0 rgba(255, 255, 255, 0.42);
  border: solid 1px #cbcbcb;
  cursor: pointer;
}

.buttonImage___IyYqL {
  width: auto;
  height: auto;
  max-width: 15px;
  max-height: 15px;
  vertical-align: middle;
}

/* Advanced */

.inline___CbuCw {
  display: inline-block;
}

/* Rules */

.ruleControl___AwsVN {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding:8px 8px 0px 8px;
}

.ruleBox___zTete {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  -o-border-image: initial;
     border-image: initial;
  overflow: hidden;
  transition: height 0.2s ease 0s;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,0.2);
}

.ruleBox___zTete.openBox___lNUkF {
  transition: height 0.2s ease 0s;
  border: 1px solid #5db6ff;
}

.ruleBox___zTete.openBox___lNUkF.advanceOpen___OQOn9 {
  transition: height 0.2s;
}

.advancedBox___JvewY {
  transition: height 0.2s;
  width: 100%;
  height: 0px;
  overflow: hidden;
}

.advancedBox___JvewY.advanceOpen___OQOn9 {
  transition: height 0.2s;
  height: auto;
}

.ruleContainer___x4G6I {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.formContainer___IrOYF .toggleIndicator___iA7dD:hover {
  cursor: pointer;
}

.viewButton___yd8gn {
  width: 42px;
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ruleTitle___MUCV0 {
  display: flex;
  min-width: 0px;
  align-self: center;
  justify-content: flex-start;
  flex-grow: 3;
  padding-left: 12px;
  border-left: 1px solid #ddd;
}

.ruleLink___XV8ku {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  color: #000;
  margin-top: 5px;
  text-decoration: underline;
}

.checkLabel___QA2Bo.ruleLink___XV8ku {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.formHeader___h0avp {
  width: 100%;
  height: 24px;
  display: flex;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  justify-content: flex-end;
}

.formHeader___h0avp > div {
  color: #000;
}

.formContent___XtcgO {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  align-self: center;
  flex-grow: 3;
  padding: 8px;
}

.formReadOnly___F06eG {
  width: 100%;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
}

.formReadOnly___F06eG .formLabel___aORat {
  min-width: 150px;
  margin-right: 1px;
}

.formGroup___zIijt {
  width: 100%;
  margin: 0 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}

.formLabel___aORat {
  min-width: 75px;
  font-size: 12px;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}

.checkLabel___QA2Bo {
  min-width: 40px;
  display: inline-block;
  font-size: 12px;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px 10px 0px 3px;
}

.checkboxContainer___efSv4 {
  display: flex;
  flex-grow: 1;
  justify-content: space-around;
}

.cameraSettingsCheckbox___fmw0_ {
  margin-right: 20px;
}

.formField___QCjWR {
  flex-grow: 1;
  align-items: center;
  font-size: 12px;
  width: 100%;
}

.formField___QCjWR.sliderField___w5Gnu {
  display: flex;
  height: 35px;
  align-items: flex-end;
}

.formField___QCjWR input,
.formField___QCjWR select {
  color: #575757;
  display: flex;
  flex-direction: row;
  height: 30px;
  box-sizing: border-box;
  font-size: 12px;
  width: 100%;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 0px 9px;
}

.formField___QCjWR option {
  font-size: 12px;
  line-height: 14px;
}

.formField___QCjWR select {
  color: #7c7c7c;
}

.formField___QCjWR input.numberInput___pZi4a {
  width: 48px;
  height: 24px;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}

.formField___QCjWR.formFieldError___tbrgu {
  border: 1px solid red;
  box-sizing: border-box;
}

.sliderInput____PUd1 {
  width: 95%;
  height: 15px;
  margin: 12px 0px 12px 6px; /* Corresponds to height of labels */
}

.formButtons___FaGjH {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
}

.saveButton___Q8xjT,
.cancelButton___ZeQqp {
  cursor: pointer;
  color: white;
  background-color: #006e99;
  border: 1px solid #006e99;
  min-width: 100px;
  padding: 5px;
  margin: 5px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cancelButton___ZeQqp {
  background-color: #f0f8ff;
  border: 1px solid #5db6ff;
  color: #006e99;
}

.closeButton___Oe2RQ {
  display: none;
}

.saveButton___Q8xjT.disabled___wkAw1,
.cancelButton___ZeQqp.disabled___wkAw1,
.closeButton___Oe2RQ.disabled___wkAw1 {
  cursor: default;
}

.formField___QCjWR input:disabled {
  width: 100%;
  cursor: default;
  pointer-events: none;
  font-size: 12px;
  border: 1px solid #dddddd;
  color: #999999;
  background-color: #f7f7f7;
  font-style: italic;
  font-weight: normal;
}

.ruleNumberField___Tgsxq > input {
  display: flex;
  flex-grow: 1;
  max-width: 50px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  padding-left: 5px;
  color: #575757;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 3px;
}

.addDeleteButtonImage___fXBCH {
  width: auto;
  height: auto;
  max-width: 20px;
  max-height: 20px;
  vertical-align: middle;
  margin: 3px;
  margin-top: 9px;
  cursor: pointer;
}

.horizontalDivider___qPQkX {
  float: clear;
  width: 100%;
  margin: 5px 0px;
  border-top: 1px dashed #9ad1ff;
}

/* recording */

.labelContainer___X68Tl {
  margin-top: 10px;
}

.slider___mC04x {
  width: 180px;
}

.slider___mC04x > div > span {
  display: none;
}

.slider___mC04x > div > div > span > span > span {
  display: none;
}

.privacyZoneItem___UBUz3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #e7f4ff;
  font-size: 12px;
  color: #006e99;
  height: 42px;
  padding: 0px 10px;
}

.privacyZoneItemSelected___FbQuo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #5db6ff;
  font-size: 12px;
  color: white;
  height: 42px;
  padding: 0px 10px;
}

.tabButtonGroup___GZ3iC {
}

.privacyBox___ZskOQ {
  min-width: 300px;
  width: 100%;
  height: 42px;
  background-color: #e7f4ff;
  border: 1px solid #5db6ff;
  border-radius: 8px;
  overflow: hidden;
  transition: height 0.2s;
}

.formUnitLabel___PHd23 {
  min-width: 47px;
  font-size: 12px;
  color: #575757;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: lowercase;
}

.encouragementText___WJsO1 {
  padding-left: 10px;
}

.encouragementButton___ujDiu {
  padding-left: 5px;
}

.circularInputContainer___FvF5h {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1rem 0;
}

.deleteButton___mxros {
  cursor: pointer;
}

.saveButton___NBDxN {
}

button.buttonDisabled___cYKYF,
button.buttonDisabled___cYKYF:hover {
  background-color: #cbcbcb;
  color: #eaeaea;
  cursor: default;
  border: 1px solid #dddddd;
}

.noStyleButton___gb4MF {
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  padding: 0px 0px;
}

.noStyleButtonPointer___lKNNp {
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  cursor: pointer;
  padding: 0px 0px;
}

.expanderButton___sKPHM {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.expanderText___xB32t {
  color: #006e99;
  font-size: 11px;
  font-weight: bold;
}

.arrow___yQ11o {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 5px solid #006e99;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-right: 8px;
  vertical-align: middle;
}

.arrow___yQ11o.arrowDown___upW46 {
  transform: rotate(90deg);
  transition: transform 0.3s linear;
}

.toggleIcon___aTI5V,
.toggleIconDisabled___bA5Ob {
  border: none;
  padding: 0;
  margin-left: 5px;
  background-color: transparent;
}

.selectedListItem___j3xwM,
.unselectedListItem___LydSk {
  border: none;
  width: 100%;
  text-align: left;
}

.selectedListItem___j3xwM {
  cursor: default;
  background-color: #5db6ff;
  color: #ffffff;
  font-weight: bold;
}

.unselectedListItem___LydSk {
  cursor: pointer;
  background: none;
}

.lblTrue___KC4Jp,
.lblFalse___CLgrW {
  color: white;
  font-weight: bold;
  font-size: 10px;
}

.toggleSwitch___GqGgw {
  display: inline-block;
}

.toggleSelected___AcoZ7,
.toggleUnselected___mXElx {
  border: none;
  outline: none;
  display: inline-block;
  cursor: pointer;
  width: 40px;
  margin-right: 3px;
  color: white;
  border-radius: 2px;
  padding: 2px 0;
}

.toggleSelected___AcoZ7 {
  background: #006e99;
}

.toggleUnselected___mXElx {
  background: transparent;
}

.toggleSelected___AcoZ7:hover span,
.toggleUnselected___mXElx:hover span {
  color: #5db6ff;
}

.tooltip___fMghZ {
  top: 30px;
  left: 20px;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px;
  z-index: 1100;
  position: absolute;
  text-align: center;
  font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
  white-space: nowrap;
  background-color: #ffffff;
  display: none;
}

.buttonWrapper___IvqL_ {
  position: relative;
}

.buttonWrapper___IvqL_:hover .tooltip___fMghZ {
  display: block;
}

.editorContent___IZPyW {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}

.editorContentLeft___XKTFe {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.editorContentRight___xZkNd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.editorContent___IZPyW input,
.editorContent___IZPyW label {
  font-size: 12px;
  color: #575757;
  font-weight: normal;
  white-space: nowrap;
}

.iconButton___e5uvp {
  display: flex;
  border: none;
  background: none;
  align-self: center;
  align-items: center;
  margin-inline-end: 14px;
}

.checkboxText___qJyyN {
  font-size: 12px;
  color: #575757;
  display: inline-flex;
  padding: 0px 5px;
}

.verticalLabelValue___kPrGb label {
  display: block;
  margin-left: 5px;
}

.verticalLabelValue___kPrGb input {
  width: 100%;
}

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

.videoIcon___ATruy {
  width: 27px;
  height: 27px;
}

.cameraListToggleIcon___eC8Mg {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.layoutOptionLabel___tFhyJ {
  padding-inline-start: 10px;
}

.viewListDropDownInput___zWsPK {
  margin-inline-end: 24px;
}

.cameraSelectorButton___o85za {
  margin-inline-end: 24px;
}

.createViewButtonSeparator___SS1AH {
  height: 0px;
  width: 100%;
  margin-block-end: 6px;
  margin-block-start: 6px;
  border-bottom: 1px dashed #ddd;
}

.viewsDropdownList___xKfrB {
  min-width: 350px;
}

.viewDropdownViewName___krLwL {
  margin-inline-end: 6px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 90%;
}

.viewDropdownRightContent___kiYvw {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.layoutOptionSiteLabel___QGtlx {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 65%;
}

.iconStyle___apZk_ {
  display: inline-block;
  height: 20px;
  width: 20px;
}

.dropdownIconStyle___s4XT5 {
  margin-inline-start: 12px;
}

.loadingSpinner___MSvTv {
  text-align: center;
}

.wrapper___SJ7I8 {
  padding: 20px;
}

.inactivityInfo___nw5TU {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.titleWrap___OWelE {
  font-weight: 700;
  font-size: 15px;
}
.status___zLyBk {
  float: right;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .status___zLyBk {
    padding-right: 8px;
  }
}

.arrowRight___AoKeG {
  border-color: transparent #333333;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  height: 0px;
  width: 0px;
}

/* DROPDOWN CONTENTS */

.dropdownContainer___b_JdX {
  position: absolute;
  min-width: 250px;
  padding-top: 0px;
  top: 32px;
  right: -50%;
  max-height: calc(100vh - 32px);
  background: #fff;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .dropdownContainer___b_JdX {
    right: 8px;
  }
}

.dropdownContainer___b_JdX:before {
  content: '';
  display: block;
  position: relative;
  top: -19px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-right: 1px solid #575757;
  border-top: 1px solid #575757;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: -8px;
}

.dropdownContent___s12I9 {
  padding: 0;
}

.dropdownContainer___b_JdX.orgs___BXTK1 {
  padding-top: 10px;
}

.linkSpanText___QagcQ {
  font-size: 12px;
  font-weight: bold;
}

.menuItem___F1Onv {
  cursor: pointer;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdownMenuItem___SrEPX {
  padding: 8px;
}

.menuItem___F1Onv:active > a {
  color: #ffffff;
}

.menuPrimaryText___Bx_cH {
  font-size: 12px;
  display: flex;
  justify-content: space-between;

  align-items: center;
}

.boldTextWrap___oluvW {
  font-weight: bold;
  font-size: 13px !important;
}

.menuTextWrapper___aA5KT {
  flex-grow: 1;
}

.menuSecondaryText___KlXyF {
  font-size: 12px;
}

.formWrap___cykKV {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-width: 100%;
  width: 344px;
}

.formWrap___cykKV label {
  margin-top: 10px;
  margin-bottom: 5px;
}

.continueButton___outjS {
  margin-top: 25px;
  margin-bottom: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.skip___Ci12G {
  display: flex;
  justify-content: center;
  align-items: center;
}

.skip___Ci12G a {
  font-size: 14px;
  color: #006e99;
}

.sectionTitle___dFXAh {
  font-size: 20px;
  line-height: 30px;
  margin-left: 0px;
  margin-bottom: 17px;
}
.fieldWrapper___ypoUi {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 31px;
       column-gap: 31px;
}

.fieldWrapper___ypoUi > div {
  width: 100%;
}

.field___DiIM5 {
  width: 100%;
}
.horizontalWrap___igMFY {
  display: flex;
}

.horizontalWrap___igMFY div {
  margin-right: 10px;
}

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

.formColumn___otCUr {
  width: 500px;
}

.formField___Z6Dd8 {
  min-width: 0px;
  display: flex;
  flex: 1 0;
  height: 30px;
  border: #dddddd;
}

.formColumn___otCUr .formField___Z6Dd8 input,
.formColumn___otCUr .formField___Z6Dd8 select {
  width: 100%;
  padding: 0px 10px;
}

.formColumn___otCUr .formField___Z6Dd8 input[type='checkbox'] {
  width: auto;
}

.formColumn___otCUr .formField___Z6Dd8 input:focus,
.formColumn___otCUr .formField___Z6Dd8 select:focus {
  border-color: #5db6ff !important;
}

.formField___Z6Dd8 input {
  width: auto;
}

.dropdownField___vIAqI {
  width: 150px;
}

.postalCodeField___Vqmi9 {
  width: 100px;
}

.postalCodeField___Vqmi9 input {
  width: 100px;
}

.formLoaderOverlay___WH3r_ {
  display: flex;
  justify-content: center;
  z-index: 1100;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  height: 88%;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.subscriptionFieldWrap___zb3Zz {
  display: flex;
}

.subscriptionFieldWrap___zb3Zz div {
  margin-right: 10px;
  white-space: nowrap;
}
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style-type: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before {
  content: '';
  content: none;
}
blockquote:after {
  content: '';
  content: none;
}

q:before {
  content: '';
  content: none;
}
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*# sourceMappingURL=styles_1748360903000.css.map*/