/* 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;
}

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

.callout___nVPXG {
  width: 250px;
  background: white;
  text-align: center;
  position: relative;
  margin: 20px auto;
  border: 2px solid #ccc;
  border-radius: 2px;
  padding: 10px 5px;
  box-shadow: 3px 3px 3px 0 #ccc;
  z-index: 1100;
}

.callout___nVPXG::after {
  content: '';
  position: absolute;
  color: white;
  transform: rotate(45deg);
  top: -8px;
  right: 30px;
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
  border-radius: 2px;
  background: white;
  border-bottom: none;
  border-right: none;
}

.tooltipWrapperArrowLeft___jWySn::after {
  right: 85%;
}

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

.wizardScreen___cHADP {
  width: 100vw;
  height: 100vh;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wizardContainer___KOjXb {
  margin-top: -20%;
}

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

.wizardLogo___k_ZBu .logo___ooWfi {
  height: 40px;
}

.wizardForm___bpwlD {
  border: 1px solid lightgray;
  border-radius: 4px;
  margin: 0 auto;
  background-color: white;
  height: auto;
  width: 500px;
  margin-bottom: 10px;
}

.wizardFooter___wwvFV {
  width: 500px !important;
}

.wizardHeader___j4vpu {
  background-color: #ebebeb;
  border-bottom: 1px solid lightgray;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wizardHeaderLeft___w2hm1 {
  color: #666;
  font-size: 16px;
}

.wizardHeaderRight___PEAxn {
  color: #666;
  font-size: 15px;
  font-weight: normal;
}

.wizardFormBody___lXRXL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  width: 460px;
}

.wizardFormBody___lXRXL .selectBox___Hv_Z6 {
  width: 200px;
}

.wizardPlainText___FCpy9 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #575757;
}

.wizardButtons___WsUSy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-transform: uppercase;
  padding: 10px 0;
}

.wizardButtonsLeft___tUYZZ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.wizardButtonsLeftButton___WIRjd {
  text-transform: uppercase;
  padding: 3px 0;
  margin: -5px;
}

.wizardButtonsLeftButton___WIRjd button {
  padding: 3px 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;
}

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

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

.editorBody___V8Qq7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.editorField___GxwKG {
  font-weight: bold;
  border: none;
  border-bottom: 1px dashed #dddddd;
  margin: 5px 5px 5px 0px;
  flex-grow: 2;
  background-color: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iconsHolder___K_1Ew {
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.iconHolder___Mg0sW {
  margin: 0 8px;
}

.clickable___dTT87 {
  cursor: pointer;
}

.listItem___j7VXQ:hover,
.clickable___dTT87 {
  cursor: pointer;
}

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

.wizardScreen___cHADP {
  width: 100vw;
  height: 100vh;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wizardContainer___KOjXb {
  margin-top: -20%;
}

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

.wizardLogo___k_ZBu .logo___ooWfi {
  height: 40px;
}

.wizardForm___bpwlD {
  border: 1px solid lightgray;
  border-radius: 4px;
  margin: 0 auto;
  background-color: white;
  height: auto;
  width: 500px;
  margin-bottom: 10px;
}

.wizardFooter___wwvFV {
  width: 500px !important;
}

.wizardHeader___j4vpu {
  background-color: #ebebeb;
  border-bottom: 1px solid lightgray;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wizardHeaderLeft___w2hm1 {
  color: #666;
  font-size: 16px;
}

.wizardHeaderRight___PEAxn {
  color: #666;
  font-size: 15px;
  font-weight: normal;
}

.wizardFormBody___lXRXL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  width: 460px;
}

.wizardFormBody___lXRXL .selectBox___Hv_Z6 {
  width: 200px;
}

.wizardPlainText___FCpy9 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #575757;
}

.wizardButtons___WsUSy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-transform: uppercase;
  padding: 10px 0;
}

.wizardButtonsLeft___tUYZZ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.wizardButtonsLeftButton___WIRjd {
  text-transform: uppercase;
  padding: 3px 0;
  margin: -5px;
}

.wizardButtonsLeftButton___WIRjd button {
  padding: 3px 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;
}

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

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

/* 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;
  height: 100vh;
}

/* 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;
}

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

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

.inlineContainer___WMKSA {
  color: #575757;
  font-size: 12px;
  padding: 5px 60px;
}

.inlineLabel___WFdMz {
  color: #575757; 
  font-size: 12px;
}

.inlineLabel___WFdMz:after {
  content: ': ';
}

.internalClaimContainer___gNYP_ {
  padding: 20px;
  min-height: 120px;
}

.codeContainer___Dxj4Q {
  text-align: center;
  padding: 15px;
}

.code___W5RCI {
  font-size: 18px;
  line-height: 20px;
  color: #575757;
  opacity: 0.7;
}

.contact___fmzQw {
  margin: 15px 0;
}

.call___y24bt {
  margin-bottom: 10px;
}

.errorMessage___D0LAW {
  padding-bottom: 10px;
}

.wizardFormOverride___pPXf0 {
  margin: 10px auto;
  margin-bottom: 0;
}

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

.formWrapper___k4in7 {
  padding: 0px 20px 20px;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.staleModalData___fHXmK {
  opacity: 0.6;
  pointer-events: none;
}

.videoPlayerContainer___zYzYY {
  display: flex;
  justify-content: space-around;
  position: relative;
}

.videoButtons___emHuV {
  margin-left: 8px;
}

.videoPlayer___VCbhx {
  position: relative;
  width: calc(100%);
}

.emptyVideoPlayer___Mc3Ad {
  position: relative;
  background-image: url(/799d14142e26781e6c90.png);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.video___j6cUZ {
  /* border: 6px solid #ebebeb;*/
}

label {
  color: #000;
  font-weight: bold;
  font-size: 11px;
}

.controlsContainer___Y3MoR {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 30px;
  align-items: center;
}

.alarmData___CObm0 {
  display: flex;
  flex-direction: row;
  flex: 6;
  align-items: center;
  height: 30px;
}

.buttonContainer___vqZT9 {
  height: 32px;
  width: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-right: 50px;
}

.verifyAlarmContainer___BloGz {
  display: flex;
  justify-content: flex-end;
  flex: 6;
  align-items: center;
  height: 30px;
  color: #575757;
  font-weight: normal;
}

.verifyAlarmPart___PHTh9 {
  margin-left: 8px;
  display: flex;
}

.verifyAlarmLabel___eZMlh {
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .verifyAlarmPart___PHTh9 {
    display: block;
  }
  .verifyAlarmLabel___eZMlh {
    margin-left: 6px;
  }
}

.subheaderBold___WjQBu,
.subheaderLight___lTyBw {
  font-size: 12px;
  color: #575757;
  margin-right: 5px;
}

.subheaderBold___WjQBu {
  font-weight: bold;
}

.separator___WunBG {
  border-right: 1px dotted #cbcbcb;
  height: 30px;
  margin: 0px 4px 0px 6px;
}

.headerButton___gp48A {
  width: 24px;
  height: 24px;
  background-color: #eff8ff;
  color: #98d1ff;
  border: 1px solid #98d1ff;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: space-around;
}

.headerButtonDisabled___RYRG2 {
  background-color: #eee;
  border-color: #bcbcbc;
  cursor: default;
}

.scrollButtonLeft___LHpHO::after,
.scrollButtonRight___bTQvd::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid #98d1ff;
  position: absolute;
  border-top-color: transparent;
  border-right-color: transparent;
}

.scrollButtonLeft___LHpHO::after {
  top: 7px;
  left: 10px;
  transform: rotate(45deg);
}

.scrollButtonRight___bTQvd::after {
  top: 7px;
  left: 6px;
  transform: rotate(225deg);
}

.scrollButtonContainer___Fyytr {
  height: 32px;
  width: 55px;
  margin: 10px 0px 10px 5px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.contactsDropdown___rT_FR,
.armDisarmDropdown___UphCQ {
  width: 385px;
  padding: 10px;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  position: absolute;
  margin-top: 43px;
  margin-left: 16px;
  background-color: white;
  z-index: 1100;
  box-shadow: 0px 0px 1px #ddd;
}

.armDisarmDropdown___UphCQ {
  width: auto;
  padding: 16px;
  max-width: 140px;
  padding-bottom: 10px;
}

.contactsDropdown___rT_FR::after,
.armDisarmDropdown___UphCQ::after {
  content: '';
  height: 10px;
  width: 10px;
  border-left: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  transform: rotate(45deg);
  position: absolute;
  background-color: white;
  top: -7px;
  left: 195px;
}

.armDisarmDropdown___UphCQ::after {
  left: 45px;
}

.alarmButton___y7R2w {
  display: flex;
  border: none;
  margin-left: 5px;
  background: none;
  cursor: pointer;
}

.noteHeader___O9Tlp,
.logHeader____XYWx {
  align-items: center;
  padding-left: 8px;
  margin-bottom: 8px;
}

.noteHeader___O9Tlp label,
.logHeader____XYWx label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
}

.noteBody___V3Qbk {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 30px;
}

.noteBody___V3Qbk textarea {
  display: block;
}

.formField___EYpGy,
.formFieldDisabled___liT7V {
  width: 100%;
  position: relative;
  /* Need to define this position so saveNoteButton can be absolutely
  positioned relative to it. */
}

.formField___EYpGy textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #333333;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  background-color: #eff8ff;
  border: 2px solid #5db6ff;
  overflow: auto;
  resize: none;
  box-sizing: border-box;
}

.formFieldDisabled___liT7V textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #575757;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #ebebeb;
  overflow: auto;
  resize: none;
  box-sizing: border-box;
}

.saveNoteButton___L2hsz {
  background-color: #5db6ff;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 8px;
  padding-top: 8px;
  text-align: center;
  top: 40px;
  left: 0px;
  cursor: pointer;
  min-width: 100px;
  max-width: 240px;
  height: 16px;
  border-radius: 0 0 4px 4px;
}

.logContent___AIkDK {
  height: 100%;
  box-sizing: border-box;
  padding: 0 0 5px 0;
}

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

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

.activityBox___YI8yd {
  display: flex;
  flex-direction: row;
  height: 180px;
}

.alarmHealthformWrapper___sJQ4o {
  display: flex;
  flex-direction: column;
  padding: 0px 20px 0px 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.videoPlayerColumn____EjuA {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
}

.activityBoxColumn___XcC6H {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  flex: 1 1;
}

.activityBoxRowCommentBox___jLOX_ {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}

.activityBoxRowActivityLog___Vo3o5 {
  display: flex;
  flex-direction: row;
  height: 90%;
}

.healthvideoPlayerContainer___l5Nah {
  display: flex;
}

.activityBoxRowCommentItem___eeGQC {
  display: flex;
  flex-direction: column;
  width: 25%;
  margin-top: 15px;
}

.activityBoxRowLogItem___MbfD0 {
  display: flex;
  flex-direction: column;
  width: 75%;
  margin-left: 20px;
  margin-top: 15px;
}

.multiline___fP3pN {
  font-size: 12px;
  vertical-align: top;
  color: #575757;
  word-wrap: break-word;
}

.blueDevice___TuAJ_ {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.blueDeviceGeneric___gj_Ac {
  background-image: url(/b2ddd15efa702f9f9484.png);
}

.blueDeviceDarkhorse___ynwi8 {
  background-image: url(/433fc63d0a37a33a7015.png);
}

.emptyVideoContainer___Yx7nN {
  height: 560px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: black;
}

.offlineErrorContainer___HFCCw {
  margin: auto;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
}

.offlineErrorMessage___E4Fu9 {
  color: white;
  font-size: 12px;
}

.toggleTextContainer___Td7zy {
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  height: 28px;
  display: flex;
  align-self: center;
}

.messageWrap___OGvFj {
  margin-top: 10px;
}

.cameraDisarmIconWrap___Kl1Uh {
  margin-top: 5px;
}

.armDisarmIcon___ti4vB {
  width: 21px;
  height: 22px;
  color: initial;
}

.iconDisarmed___ogz03 {
  color: #ff3b30;
  width: 14px;
  height: 13px;
}

.alarmModalContainer___jl4NC {
  width: calc(100% - 75px);
  height: calc(100% - 75px);
  min-width: 800px;
  max-width: 2000px;
  min-height: 600px;
  max-height: 2500px;
}

.healthAlarmModalContainer___ezY1A {
  width: calc(100% - 375px);
  height: calc(100% - 175px);
  min-width: 800px;
  max-width: 2000px;
  min-height: 600px;
  max-height: 2500px;
}
.emptyFeedContainer___J8yXy {
  position: relative;
  background-image: url(/9d76b6fa06dc7bfbe72b.png);
  background-color: #eee;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  box-sizing: border-box;
}

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

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

/* Dashboard styles */

.dashboardContent___KHgDi {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  min-width: 300px;
}

.summaryTable___Ysny6 {
  width: 345px;
  flex-shrink: 0;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: white;
  margin-right: 10px;
}

.summaryTableContent___Qmy9L,
.lineGraphContent___KJlax {
  margin: 10px 12px;
  position: relative;
}

.summaryTableHeader___Eh1oG,
.lineGraphHeader___CvuBV {
  background-color: #f0f0f0;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.summaryTableHeader___Eh1oG label,
.lineGraphHeader___CvuBV label {
  text-transform: none;
  font-weight: normal;
  margin-left: 5px;
}

.summaryTableHeader___Eh1oG h1,
.lineGraphHeader___CvuBV h1 {
  font-size: inherit;
  margin-left: 0px;
}

.summaryTableRow___DYWxo {
  height: 40px;
  border-bottom: 1px solid #ddd;
  color: #575757;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  padding: 5px;
  box-sizing: border-box;
}

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

.summaryTableName___gvHcU {
  width: 65%;
}

.summaryTableNumber___oOFuS {
  text-decoration: underline;
  cursor: pointer;
  text-align: right;
}

.lineGraphWarning___bYCTY {
  font-style: italic;
  color: #575757;
  position: absolute;
  top: 25px;
  right: 25px;
  /* Related to graph margin and legend heights */
}

.lineGraph___l4sBt {
  flex-grow: 1;
  min-width: 0;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: white;
}

.lineGraphSelectedLegend___ySsMy {
  font-weight: 500;
}

.detailBox___zx4dy {
  box-shadow: 0 0 2px 1px #999;
  background-color: white;
  border-radius: 2px;
  padding: 10px;
  margin: 5px;
  box-sizing: border-box;
  min-width: 200px;
  font-size: 12px;
  color: #575757;
  z-index: 1100;
}

/* Table styles */

.container___lGH1l {
  height: 100%;
  width: 100%;
  border: 1px solid black;
}

.deviceIconCol___Dq_zY {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 2px;
  align-self: center;
}

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

.truncateDeviceName___Pd8Vy {
  padding-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.Select {
  min-width: 200px;
  margin-right: 10px;
}

.Select-menu-outer {
  z-index: 1100;
  width: 100%;
}

.optionClassName___Tbrvp {
}

.navWrapper___wsqvb {
}

.navBox___fTyXR {
}

.header___r13LT {
}

.buttonGroup___BRltL {
}

.separator___HuWyq {
}

.customerDropdownContainer___GXefW {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 22px 0px;
}

.alarmsFilters___fgLXU {
  display: flex;
  align-items: flex-end;
}

.listNavContent___EsEa0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 760px) and (max-width: 875px) {
  .alarmFilterWrapper___q6_Px > div > div {
    width: 80px !important;
  }
}

.listNavButtonWrap___yA7FX {
  display: flex;
}

.alarmDateFilterWrapper___iNMPO {
  width: 200px;
}

.alarmThumbnail____Qv2l {
  max-height: 75px;
  max-width: 75px;
}

.filtersHeader___GsRmi {
  padding: 9px 10px 11px;
  display: flex;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 1px;
  width: 90%;
  background-color: #f0f0f0;
  box-sizing: border-box;
}

.alarmFilterList___vm397 {
  display: inline-block;
  height: 100%;
  width: 210px;
  padding: 20px;
  vertical-align: top;
  background-color: #efefef;
}

.split___CEDpw {
  vertical-align: top;
  padding: 0 10px 0 40px;
  width: 95%;
  height: 100%;
  display: inline-block;
}

.alarmsTable___L5Bif {
  vertical-align: top;
  margin: 15px 1px 15px 0px;
  width: 90%;
  display: inline-block;
}

.alarmModalContainer___QWQpL {
  width: calc(100% - 75px);
  height: calc(100% - 75px);
  min-width: 800px;
  max-width: 2000px;
  min-height: 600px;
  max-height: 2500px;
}

.healthAlarmModalContainer___iBDLJ {
  width: calc(100% - 375px);
  height: calc(100% - 175px);
  min-width: 800px;
  max-width: 2000px;
  min-height: 600px;
  max-height: 2500px;
}

.Select-value-icon {
  color: black;
}

.tableContainer___yio9g {
  padding: 0px 30px;
}

.actionButton___bFTh7 {
  background-color: transparent;
  border: none;
  box-shadow: none;
  position: inherit;
  cursor: pointer;
}

.actionButton___bFTh7.centerButton___wry9R {
  margin-left: 0px;
}

.noStyleButtonAlarmFilter___w6miK {
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  cursor: pointer;
}

@media (max-width: 1364px) {
  .alarmModalContainer___QWQpL {
    width: calc(100% - 32px);
  }
}

.clearButton___gyzw5 {
  padding-top: 8px;
}

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

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

.playerWrapper___vJ9WD {
  background-image: url(/799d14142e26781e6c90.png);
  flex: 2 1 auto;
}

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

.cameraDetailsPanel___p8JC7 {
  background: white;
  border: 1px solid black;
  height: 400px;
  margin: 50px 0px;
}

.nav___RlO2c li:last-of-type {
  border: none;
}

.nav___RlO2c li {
  box-sizing: border-box;
  padding: 0px 10px;
  margin: 10px 0px;
  border-right: 1px dotted #aaa;
  height: 20px;
  cursor: pointer;
  color: #666;
  font-weight: 600;
}

@media (min-width: 876px) and (max-width: 980px) {
  .nav___RlO2c li {
    padding: 0px 4px;
  }
}

li.tabLinkDisabled___q07Ox {
  color: #ccc;
  cursor: pointer;
}

.tabContent___jejFT {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
  border-left: 1px solid #ddd;
  flex: 2 1;
  overflow-y: auto;
}
.tamperingToggle___knz_T {
  margin-left: -5px;
}
.disabledTamperingToggleWrapper___GLFL7 {
  margin-top: 15px;
  padding: 10px;
}
.tamperingToggleWrapper___Q82VS {
  margin-top: 15px;
  padding: 10px;
}
.toggleAnalyticsTitle___ISJHU {
  font-weight: bold;
}
.cameraSettings___WZDdX {
  min-height: 400px;
  min-width: 760px;
}

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

.btnAddShape___i8tpg {
  font-size: 11px;
}

/*TODO: remove if not needed*/

.applyButton___O3hqI {
  /* DISABLED FOR ALPHA
    background-color: #006e99;
    border: 1px solid #006e99;
  */
  cursor: auto !important;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 20px;
  color: #ffffff;
  font-weight: 400;
  height: 34px;
  margin: 0 5px;
  width: 90px;
}

.cancelButton____hBCG {
  width: 100px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #00467f;
  text-decoration: underline;
  border: none;
  background: none;
}

.settingsContent____BvGA {
  height: calc(100vh - 233px);
  display: flex;
  align-items: stretch;
}

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

.tabButtonGroup___mRWYW {
  display: inline-flex;
  justify-content: space-between;
  width: 140px;
  height: 40px;
  align-items: center;
}

.tabButton___Xtkfy {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-self: center;
  padding-top: 12px;
}

.tabButtonDelete___y_0Uv {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-self: center;
}

.pageErrorWrapper___yTyRH {
  padding-left: 30px;
  padding-right: 30px;
}

.tabContentSection___T5cex {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-self: center;
}

/* monitoring alert */

.alertText___hwe9H {
  display: flex;
}

.alertIcon___CaYqw {
  position: relative;
  cursor: pointer;
  display: flex;
}

.cameraSettingsWrapper___nZDhS {
  height: calc(100vh - 200px);
  border: 1px solid #ddd;
  display: flex;
  align-items: stretch;
  background-color: #fff;
}

.videoPlayerWrapperHide___w95La {
  display: none;
}

.cameraWrapper___bYyCv {
  margin: 0px 30px;
}

.buttonGroupBWrap___g5jxN {
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}

.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;
}
.isWaiting___t8arF:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis___IBoTO steps(4,end) 2500ms infinite;
  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;
  }
}

@-webkit-keyframes ellipsis___IBoTO {
  to {
    width: 1.25em;
  }
}

.isInputError___G2hsx {
}

.isHidden___FJqyG {
  display: none;
}
.pageMessageContainer-enter {
  transition: max-height 600ms ease-in;
  max-height: 0px;
  overflow: hidden;
}

.pageMessageContainer-enter.pageMessageContainer-enter-active {
  max-height: 500px;
}

.pageMessageContainer-leave {
  transition: max-height 600ms ease-out;
  max-height: 500px;
}

.pageMessageContainer-leave.pageMessageContainer-leave-active {
  max-height: 0px;
  overflow: hidden;
}

.successBox___KUO0P,
.errorBox___oRcAx,
.infoBox___lC4sk,
.loadingBox___xbodr {
  margin-bottom: 10px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
}

.successBox___KUO0P {
}

.errorBox___oRcAx {
}

.infoBox___lC4sk {
  min-height: 32px;
  margin-bottom: 4px;
}

.loadingBox___xbodr {
  border: 1px solid #dddddd;
}

.leftContent___JwYWr {
}

.rightContent___om0Xi {
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
}

.pageMessageIcon___mgI7S {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 4px 6px 6px 0px;
}

.successIcon___gq_VF,
.errorIcon___ZXFib,
.infoIcon___SxAH7,
.loadingIcon___NsJRv {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  border-radius: 100%;
}

.successIcon___gq_VF {
  background-color: #42a00f;
  color: white;
  font-size: 10px;
  border-radius: 100%;
}

.errorIcon___ZXFib {
  background-color: #ff0000;
  color: white;
  font-weight: bolder;
}

.infoIcon___SxAH7,
.loadingIcon___NsJRv {
  height: 0px;
  width: 0px;
  margin: 0px;
}

.successHeader___ZdR5R,
.errorHeader___yskIP,
.infoHeader___y3tTV,
.loadingHeader___A0Ofd {
}

.successHeader___ZdR5R {
  line-height: 1.33;
}

.errorHeader___yskIP {
}

.infoHeader___y3tTV {
}

.loadingHeader___A0Ofd {
  /* Styling to mirror EmptyPlaceHolder.
  Consider having EmptyPlaceHolder render the PageMessage - loading 
  component once a snapshot test is in place to ensure consistency */
  color: #575757;
  font-weight: normal;
  font-size: 12px;
}

.genericBody___XbB17 {
}

.successBody___lZT5A,
.errorBody___XBs5I {
  font-size: 15px;
}

.infoBody___RK2nv {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  display: flex;
}

.closeMessageGreen___qECFJ,
.closeMessageRed___fnOja,
.errorCloseMessage___gDM8n,
.successCloseMessage___M56Mn,
.infoCloseMessage___XQJSA {
  display: inline-flex;
  min-width: 30px;
  min-height: 30px;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.closeMessageGreen___qECFJ,
.successCloseMessage___M56Mn {
  color: #b0d49b;
}

.closeMessageRed___fnOja,
.errorCloseMessage___gDM8n {
  color: #cc807c;
}

.infoCloseMessage___XQJSA {
}

.loadingCloseMessage___QeZ3E {
  display: none;
}

.loginLabel___SvGLI {
}

.loginInput___eQV2p {
  height: 30px;
  width: 237px;
}

input.loginInput___eQV2p {
  padding-left: 3px;
  font-size: 12px;
}

.loginControl___Wc0i_ {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

/* 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;
}

.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;
}
.cameraGroupContainer___T13lN {
  height: 88vh;
  margin-top: 10px;
}

.deviceContentContainer___ELCsf {
  display: flex;
}

.deviceNavButton____B9ZQ {
  width: 38px;
  margin-left: 5px;
  border: none;
}

.siteDeviceWrapper___x2l2k {
  background: #fcfcfc;
  margin-top: 5px;
}

.deviceList___AHQkb {
  width: 100%;
}

.deviceListItem___Q2reS {
  display: block;
  background-color: #fcfcfc;
  margin-bottom: 5px;
}

.deviceListItem___Q2reS:last-child {
  margin-bottom: 0;
}

.deviceCameraContainer___qgnID {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
}

.cameraTileListItem___SwX8J {
  position: relative;
  margin: 0 5px 5px 0;
}

.deviceCameraContainer___qgnID .cameraLoadingTile___smGqM {
  /* Contains loading spinner */
  margin: 0 5px 5px 0;
  width: 285px;
  height: 90px;
  padding: 0px;
  border: none;
}

.cameraTile___pmX40,
.camContainer___Gypf4 {
  height: 100px;
  display: flex;
  width: 285px;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
}

.camContainer___Gypf4 {
  position: relative;
}

.cameraTile___pmX40 {
  border: 1px solid #ddd;
}

.camContainer___Gypf4:hover {
  box-shadow: 0 0 1px #006e99;
}

.cameraTile___pmX40 a,
.disabledCameraContainer___KK8vF {
  display: flex;
  height: 100px;
}

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

.cameraImage___kJt9L {
  border-bottom: none;
  width: 100px;
  height: 100px;
}

.cameraDetailsContainer___GUY9w {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cameraDetails___ENH7N {
  height: 100px;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

.cameraDetailsLine___Xx7P3 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 11.5px;
  line-height: 16px;
  width: 165px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0;
  text-overflow: ellipsis;
}

.cameraDetailsLineAdded___DIluM {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  padding: 0px 0px 0px 0px;
  position: absolute;
  bottom: 8px;
}
.cameraLabel___DviMP,
.cameraLabelDisabled___ZIvX3,
.cameraDetailLabel___U_7PR {
  font-size: 13px;
  text-overflow: ellipsis;
  width: 165px;
  padding: 0;
  /* Padding prevents characters from being partially cut off by overflow: hidden */
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}

.cameraLabel___DviMP {
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  display: inline-flex;
  font-size: 13px;
}

.cameraLabelDisabled___ZIvX3 {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  display: inline-flex;
}

.cameraDetailsLineDisabled___rGMs4 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 11.5px;
  line-height: 16px;
  font-weight: normal;
  width: 165px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0;
  text-overflow: ellipsis;
}

.cameraDetailLabel___U_7PR {
  width: 90px;
  display: inline-block;
}

.cameraDetailLabel___U_7PR {
  color: #575757;
}

.cameraDetailText___prNoO {
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
  text-overflow: ellipsis;
  max-width: 148px;
  padding: 2px;
  /* Padding prevents characters from being partially cut off by overflow: hidden */
  white-space: nowrap;
  overflow: hidden;
}

.cameraDetailText___prNoO {
  color: #575757;
}

.buttonDeviceSettings___pEPUi {
  border: none;
  float: right;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  margin-right: 10px;
  background: none;
  cursor: pointer;
}

.buttonCameraSettings___UOjjj,
.buttonCameraSettingsDisabled___GM5V7 {
  float: right;
  border: none;
  height: 25px;
  width: 25px;
  background: none;
}

.buttonCameraSettings___UOjjj {
  cursor: pointer;
}

.buttonShowCameraSettings___IOM7R {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.deviceSettingsIcon___DoBOz {
  height: 25px;
  width: 25px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.cameraSettingsIcon___eGtOW {
  width: auto;
  height: auto;
  max-width: 20px;
  max-height: 17.5px;
  vertical-align: middle;
}

.playIcon___lCsif {
  display: none;
  position: absolute;
  opacity: 0.5;
  top: 20px;
  left: 70px;
  height: 100px;
  width: 100px;
}

.buttonShowCameraSettings___IOM7R:hover .playIcon___lCsif {
  display: inherit;
}

.animationContainer___oHCwB {
  position: absolute;
  top: 10px;
  right: 0;
  width: 70%;
  z-index: 1100;
}

.tabHeader___qTToP {
  display: inline-block;
  margin: 0 20px 0 10px;
}

.tabularContent___u0POP {
  margin-top: 10px;
}

.subheader___rrkTF {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #ecf4ff;
  height: 80px !important;
}

.nav___K56CI li {
  display: inline;
  float: right;
  padding: 0 5px;
  cursor: pointer;
}

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

.linkImage___sYmdf {
  height: 20px;
  margin: 5px;
  vertical-align: middle;
}

.headerLeft___FnV9P {
  display: inline-block;
  padding: 4px 0 0 5px;
}

.cardFooter___ifDNI {
  position: absolute;
  bottom: 4px;
  right: 0;
  background: orange;
  height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.deviceFilterWrapper___ConLs {
  display: flex;
  flex-direction: row;
  padding-right: 3px;
}

.btnAddServer___K10jr {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
}
.buttonGroup___uyop6 {
  display: flex;
}
.separator___nO9SG {
  border-left: 1px dotted #aaa;
  height: 30px;
  margin: 5px 10px 5px 10px;
  width: 0px;
}

.cameraDetailsLineCol___U2biF {
  display: flex;
  flex-direction: column !important;
  padding-left: 8px;
}

.cameraSnapshot___SD3BW {
  width: 100%;
  height: 100%;
  background-color: black;
}

.cameraSnapshotImg___I_DlU {
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.modalContainer___CFr6A {
  height: 300px;
}

.cardFooter___ifDNI {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: transparent;
  margin-left: 240px;
  margin-top: -30px;
  padding: 0 4px;
}

.cameraDisarm___wQkxw {
  margin-left: 5px;
}

.armDropdownPosition___qX61Y,
.disarmDropdownPosition___CirHW {
  margin-left: -45px;
}

.disarmDropdownPosition___CirHW {
  margin-top: 197px;
}

.armDropdownPosition___qX61Y {
  margin-top: 128px;
}

.disabledCameraTitle___IWU1z {
  display: flex;
  height: 100px;
}

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

.iconDisarmed___OPQ12 {
  color: #ff3b30;
  height: 12px;
  width: 11px;
}

.viewSwitchWrapper___Ux0Z8 {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.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;
}
.container___pya1Q {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.inputContainer___DqqM4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.label___UHtbC {
  display: flex;
  flex: 0 1;
  justify-content: flex-end;
  align-self: center;
  max-width: 150px;
  min-width: 70px;
}

.label___UHtbC:after {
  content: ':';
}

.buttonContainer___pZ1v9 {
  width: 200px;
}

.buttonSubmit___EIPNG {
  margin-right: 10px;
}

.buttonGroup___V4hQ_ {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  height: 36px;
  justify-content: center;
  padding: 9px 0px 7px 0px;
}

/* Internal Claiming Styles */

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

.selectPathHeader___q26VA {
  color: #575757;
  margin-bottom: 5px;
  font-size: 12px;
}

.selectPathItem___hcqH5 {
  font-size: 16px;
  margin-bottom: 15px;
}

.activationCode___CSqTr {
  display: flex;
  justify-content: space-between;
  padding: 5px 5px;
  color: #575757;
  margin: 2px;
}

.activationCodeExpirationWarning___rCQlI {
}

.haveNeedRow___nQedZ {
  display: flex;
  flex-direction: row;
  color: #006e99;
}

.anchorStyledDiv___VKAwW {
  text-decoration: underline;
  cursor: pointer;
}

.buttonGroupClaimForm___ikD8n {
  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: 10px;
  justify-content: center;
}

.accLimitLabel___si5fN {
  margin-bottom: 10px;
}

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

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

.fieldGroup___rYMA2 {
  margin-bottom: 18px;
}

.inlineFlex___zAEOk {
  display: inline-flex;
}

.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: 18px;
  width: 18px;
  margin-left: 6px;
}

.inlineFlex___hm_n1 {
  display: inline-flex;
}

.popoverContent___tvjJa {
  display: block;
  margin: 0 8px;
}

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

.previewFeatureContainer___FYrCM {
  padding: 0px 16px;
}

.modalMessage___R84xD {
    color: #575757;
    margin: 5px 0px 10px 0px;
  }
.iconStyle___YaT7g {
  height: 24px;
  width: 24px;
}

.armDropdownPosition___iQ4SK,
.disarmDropdownPosition___TELz7 {
  margin-left: -141px;
}

.disarmDropdownPosition___TELz7 {
  margin-top: 7px;
  right: 0px;
}

.armDropdownPosition___iQ4SK {
  margin-top: 6px;
}

.cameraTableWrap___mTPFj {
  margin-left: 30px;
}
.buttonSet___W1mzF {
  display: flex;
  align-items: center;
}

.settingsIcon___Vpyb4 {
  margin-left: 5px;
}

.progressBar___Pwhgj {
  width: 30px;
  height: 30px;
}

.upgradeFirmwareWrap___ItXZU {
  margin-left: 5px;
  color: #000;
}

.progressWrap___j6M_q {
  display: flex;
  align-items: center;
}
.modalContainer___Sy6pQ {
  height: 300px;
}

.inProgressSpinner___iKrVC {
  margin-top: 18px;
}

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

/*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;
}

.selectCameraContainer___bRi9L {
  top: 4px;
  width: 280px;
  min-width: 280px;
  height: calc(100% - 10px);
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #ece9e9;
  position: relative;
}

.selectCameraContainerMaximized___ls4LZ .selectCameraContainer___bRi9L {
  height: 100%;
}


.selectCameraCloseWrapper___ooeWc {
  position: absolute;
  top: 0px;
  right: 0px;
}
.selectCameraClose___REghd {
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  padding: 0;
}

.selectCameraClose___REghd svg {
  fill: #575757;
}

.selectCameraClose___REghd:hover svg {
  fill: #999;
}

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

.emptyFeedContainer___GEEdS {
  position: relative;
  background-image: url(/799d14142e26781e6c90.png);
  background-color: #eee;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  box-sizing: border-box;
}

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

.feedbackContainer___avbAn {
  display: flex;
  margin-top: 0px;
  width: 100%;
  height: 35px;
  position: absolute;
}

.feedbackLink___CCTOi:hover {
  background-color: #3998e7;
}

.feedbackLink___CCTOi:active {
  box-shadow: none;
  background-color: #3998e7;
}

.feedbackLink___CCTOi {
  line-height: 20px;
  background-color: #5db6ff;
  padding: 5px 10px 5px 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 1px 1px 2px rgba(1, 1, 1, 0.35);
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: white;
  align-self: flex-start;
  margin: 0 auto;
}

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

.mfe___wCXce {
  overflow: auto;
}
/* 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;
}

/* 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**********************/

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

.monitoringConfigAccordion___qCLrL {
  min-height: 200px;
  max-height: calc(100vh - 388px); /* 188 px from gutter + 100 from top ui */
  width: 100%;
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.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: 110px;
}

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

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

.infoIcon___H0Dfj {
  height: 18px;
  width: 18px;
  margin-left: 6px;
}

.inlineFlex___JWfaV {
  display: inline-flex;
}

.popoverContent___gxbe9 {
  display: block;
  margin: 0 8px;
}

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

.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;
}
.appStoreBadge___aOPU_ {
  width: 140px;
  height: 41.48px;
}

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

/* CameraSettings */
.cameraSettings___JflOs {
  display: flex;
  flex-direction: column;
  width: 97%;
  border: 1px solid #ddd;
  min-height: 80vh;
}

/* Hover style for table rows */
.highlight___jrxZW {
  height: 100%;
}

/* Selection style for table rows */
.row___MwHRN {
  display: inline;
  margin: 0 10px 10px 0;
}
.serverInputRow___okDAY {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  color: #575757;
  font-size: 12px;
  align-items: flex-start;
}
.serverInputRow___okDAY button {
  margin-bottom: 10px;
}
.serverInputRow___okDAY.buttonRow___PpWMc {
  /* offsets margin applied to Button */
  margin-left: -5px;
}
.header___SaPPd {
  background-color: lightgray;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
h1 {
  display: inline;
}
.subheader___Gdz3f {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #ecf4ff;
  height: 80px !important;
}
.body___Ccrhg {
  padding: 30px 40% 30px 5%;
}
.buttonGroup___efCcE {
  margin: 0 auto;
  width: 350px;
}
/* CameraSettings */
.connectStatusRow___ZuIy8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 5px;
  margin-left: 1px;
}
.connectedIconDiv___LX_rX {
  display: flex;
  flex-direction: row;
  align-self: center;
  justify-content: flex-start;
  margin-right: 1px;
}
.connectedIcon___jf8eI {
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
}
.connectedLabel___ZIEq2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 0.7);
  font-size: 11px;
  padding-top: 1px;
  margin-right: 4px;
}
.managedCellText___eUfnd {
  display: flex;
  color: #575757;
  font-size: 12px;
  flex-direction: column;
}
/* Advanced */
.inline___Pyefl {
  display: inline-block;
  width: 11vw;
}
hr {
  margin: 20px 0;
  border: 1px solid skyblue;
}
.cameraInfo___iHRgg {
  padding-left: 5%;
}
.generalTabContent___ZhN79 {
  background-color: #ffffff;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
  color: #575757;
  font-size: 11px;
}
.panelWrapper___Y0kw_ {
  width: 500px;
}
.tabPanel___bj1lP {
  padding: 5px 8px;
  margin-bottom: 10px;
  border-bottom: 2px dotted #e7e7e7;
}
.tabPanel___bj1lP:last-child {
  border: none;
}
.tabSubheader___deFCB {
  font-weight: 700;
  font-size: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #999;
}
.buttonGroup___efCcE div {
  margin: 20px auto;
}
.cancelButton___sXadu {
  cursor: pointer;
  background-color: #f0f8ff;
  border: 1px solid #5db6ff;
  color: #006e99;
  width: 100px;
  padding: 5px;
  margin: 5px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.cancelButton___sXadu:disabled {
  opacity: 0.3;
  cursor: auto !important;
}
.serverLabel___WCN7W {
  display: flex;
  width: 140px;
  flex-shrink: 0;
  height: 32px;
  align-items: center;
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  margin-right: 30px;
}
.latestFirmwareVersionLabel___fJ6mT {
  display: flex;
  height: 32x;
  align-items: center;
  color: #575757;
  font-weight: bold;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 30px;
  font-style: italic;
}
.progressMessage___AEP5w {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-top: -8px;
}
.progressText___GHZny {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.progressText___GHZny span {
  line-height: 14px;
}
.progressText___GHZny span:first-child {
  font-weight: bold;
  font-size: 12px;
}
.progressBar___dp83m {
  width: 46px;
  height: 46px;
  margin-left: 5px;
}
.FilterInput___Y4Hll select {
  box-sizing: border-box;
  box-shadow: none;
  height: 35px;
  width: 223px;
  border: 1px solid #dddddd;
  color: #333333;
  font-size: 12px;
}
select {
  box-sizing: border-box;
  box-shadow: none;
  height: 35px;
  width: 223px;
  border: 1px solid #dddddd;
  color: #333333;
  font-size: 12px;
}
.firmwareUpgradeButton___jMoV2 {
  height: 30px;
  border-radius: 4px;
  color: white;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width: 110px;
  background-color: #5db6ff;
  border: none;
  cursor: pointer;
  padding: 0px 10px 10px 0px;
}
.upgradeFirmwareIcon___z_9GK {
  padding-right: 5px;
  height: 14px;
}
.cameraLoginFormWrapper___PzI8Y {
  display: flex;
  flex-direction: column;
  width: 450px;
  max-height: 400px;
  padding: 20px;
}
.findCameraFormWrapper___ybQpp {
  display: flex;
  flex-direction: column;
  width: 450px;
  padding: 20px;
}
.cameraLoginFormRow___s7iPm {
  display: flex;
  flex-direction: row;
}
.cameraLoginLabel___FDK2C {
  display: flex;
  width: 135px;
  height: 32x;
  align-items: flex-start;
  font-weight: normal;
  font-size: 12px;
  color: black;
}
.cameraLoginInput___etrHa {
  display: flex;
}
.cameraInputButtonRow___EqKaW {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 20px 0px 0px 0px;
  font-size: 12px;
}
.cameraLoginInputRow___gOxwn {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  margin-bottom: 10px;
  font-size: 12px;
  text-align: center;
}
.cameraLoginTopRow___TOTOG {
  display: flex !important;
  flex-direction: row;
  margin-bottom: 10px;
  font-size: 12px;
}
.cameraLoginTopLabel___pbF3D {
  font-size: 12px;
  display: flex;
  align-self: flex-start;
  color: black;
}

/* CameraFDSPasswordResetForm */
.cameraFdsFormWrapper___aFwHT {
  display: flex;
  flex-direction: column;
  width: 300px;
  max-height: 450px;
  padding: 20px;
}

.cameraFdsInputRow___n5mZ4 {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.cameraFdsLabel___YUHMd {
  width: 135px;
  height: 32x;
}

.cameraFdsTopRow____anj4 {
  margin-bottom: 15px;
}

.normalLabel___R83FK {
  font-weight: normal;
  color: black;
}
.restartApplianceRow___mk1Ze {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  border-top: 1px dotted #dddddd;
  width: 372px;
  padding: 10px 10px 10px 0px;
}
.inputLabel___WJ7UX {
  font-size: 10.5px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 2px;
  margin-left: 5px;
}
.inputField___XQCBE {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
}
.hidden___XSa_C {
  display: none;
}
.separator___QQF_3 {
  display: flex;
  flex-direction: row;
  height: 1px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #cbcbcb;
}
.iconCenter___qWzGn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tabButtonGroup___Vz_0u {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  margin: 10px 0px;
}
.connectedCameraError___zk0eM {
  display: flex;
  border-radius: 25px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #ff0b0d;
  color: #ff0b0d;
  background-color: #ffe2e2;
}
.cameraErrorTextStyle___RiEy2 {
  font-weight: bold;
  color: #ff0b0d !important;
}
.truncatedCell___qWIw_ {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tabContent___gzKzu {
  background-color: #ffffff;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
  color: #575757;
  font-size: 11px;
  width: 100%;
  position: relative;
}
.digitalOutInputRow___ggkpi {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  color: #575757;
  font-size: 12px;
}
.digitalOutWarning___H38OO {
}
.digitalOutWarningContent___aBHDp {
  margin: 7px 10px 6px 10px;
}
.digitalOutWarningTitle___Ire4v {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}
.poeBarColumn___OEyn7 {
  display: flex;
  flex-direction: column;
}
.poeBarRow___yValR {
  display: flex;
  flex-direction: row;
  padding: 5px 0px;
  height: 20px;
}
.poeBarText___VoJoa {
  display: flex;
  align-items: flex-end;
  min-width: 200px;
  padding: 0px 10px;
}
.poeBar___PGVJ3 {
  display: flex;
  flex-grow: 1;
  background-color: #f0f0f0;
}
.poeBudgetBar___SL536 {
  display: flex;
  background-color: #5db6ff !important;
  flex: 1;
}
.poeConsumptionBar___Qwpym {
  display: flex;
  background-color: #f8e71c !important;
  flex: 1;
}
.poeBarTextSummary___gILbX {
  display: flex;
  align-items: flex-start !important;
  font-weight: bold;
}
.poeTableWrapper___KeG7M {
  margin-top: 20px;
}
.textCellAlign___H5rRx {
  height: 44px;
}
.downArrow___NXx2y {
}

.upArrow___GJoBP {
  transform: rotate(180deg);
  margin-top: 8px;
}
.green___Tyftd {
  color: #75c64b;
}
.linkIcon___YMEJ6 {
  padding-top: 3px;
}
.manualInput___a6Xmb {
  display: none;
}
.show___VKrTo {
  display: flex;
}
.hide___RVjjb {
  display: none;
}
.manualWattsInput___Ls7mH {
  border: 1px solid #cfcfcf;
  color: #575757;
  text-align: left;
  width: 36px;
  margin: 10px 2px 6px 2px;
  padding-left: 4px;
}
.manualWattsLabel___CZlW8 {
  margin-top: 4px;
  padding: 12px 2px;
}
.cameraNameCell___Hmiuh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 6px 0;
}

.templateGrid___VVM1m {
  margin-top: 12px;
  padding-left: 12px;
  width: 100%;
}
.scheduleGrid___zhPaw {
  margin-top: 20px;
  padding-left: 0px;
  width: 100%;
}

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

.spaceBlock___nrdxg {
  margin: 0 0 2rem 0;
}

.spaceBlock___nrdxg:last-of-type {
  margin-bottom: 0;
}

.transformLetter___nt0Bw {
  margin-left: 0.5rem;
}

.truncateName___jANRj {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.daysDropdown___d6HNn {
  padding: 0.5rem 0;
}

.daysDropdown___d6HNn select {
  width: auto;
  height: auto;
  padding: 0.5rem 0.25rem;
}

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

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

.cameraListHeader___Ri6Gs span {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}

.linkingColumn___wl10s {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.linkingColumn___wl10s span {
  margin-right: 0.5rem;
}

.tableBodyCameraList___u0U4U {
  overflow: unset !important;
}

.settingsLinkButton___qi9gA {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
}

.settingsLinkButton___qi9gA a {
  line-height: 12px;
}

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

.generalInfoContent___eCI0B {
  display: flex;
  align-items: stretch;
}

.tabPanelUpgrade___I7GQl,
.tabPanelManage___cWcEg {
  padding: 5px 8px;
  margin-bottom: 10px;
}

.tabPanelUpgrade___I7GQl {
  border-bottom: 2px dotted #e7e7e7;
}

.cameraIcon___Q3TeQ {
  width: 20px;
  height: 16px;
}

.onlineIcon___NA894 {
  color: #6eca3d;
}

.offlineIcon___TFEiq {
  color: #ff3b30;
}

.disabledIcon___Yj3Cg {
  color: #999999;
}

.camerasTableTitle___oOzX6 {
  font-size: 16px;
  font-weight: bold;
  padding-top: 16px;
}

.settingsIcon___Yo769 {
  color: initial;
}

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

/*******************DiscoveredCameraTable**********************/

.discoveredCameraFoundWrapper___PnlGM {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
}

.spinnerWrapper___PKzz4 {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

.discoveredCameraSearchProgressText___nzEVJ {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
/*******************DiscoveredCameraTable**********************/

.coloredDot___bsa9c {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-bottom: 1px;
  margin-right: 4px;
}

.onlineIcon___I4e3o {
  background-color: #4B9B18;
}

.offlineIcon___rjOCf {
  background-color: #D54039;
}

.disabledIcon____r9SF {
  background-color: #DDDDDD;
}

h1 {
  display: inline;
}

.h1___GV1Ae {
  display: block;
  margin: 5px 7px;
  font-size: 14px;
  color: #006e99;
}

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

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

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

.subheader___U54e4 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #efefef;
  height: 80px !important;
}

li.tabLinkDisabled___uk83y {
  color: #ccc;
  cursor: pointer;
}

.firmwareUpgradingFeedbackText___Mp4uL {
  color: #e56907;
  padding: 5px;
  font-weight: bold;
}
.firmwareUpgradingFeedbackTextWrapper___KbPRI {
  padding: 0px 30px 10px 30px;
}

.connectedCamerasTable___diTwv,
.discoveredCamerasTable___asV6u {
  margin-bottom: 10px;
}

.discoveredCamerasContainer___pdH98 {
  clear: both;
}

.pageErrorWrapper___lR6Mo {
  padding-left: 30px;
  padding-right: 30px;
}

.tableHead___F6mBG {
  display: flex;
  flex-direction: column;
  margin: 0px 8px;
  font-weight: bold;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
}

.tableHeadRow___SmvI1 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 10px;
}

.searchBackground___cORoR {
  background-color: #f8f8f8;
}

.findCameraButtonContainer___dAMWh {
  display: flex;
}

.textInput___flLOs {
  height: 30px;
  min-width: 225px;
}

input.textInput___flLOs {
  box-sizing: border-box;
  padding-left: 9px;
  border: 1px solid #dddddd;
  color: #575757;
  font-size: 12px;
  font-weight: normal;
}

.searchAlign___EPSjM {
  margin-left: auto;
  margin-right: 0;
}

.tableHeadRowItem___RaTIK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

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

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

.secondaryButtonRoundedText___hHnS3 {
  padding: 3px 14px !important;
}

.upgradeFirmwareIcon___geMnp {
  padding-right: 5px;
  height: 14px;
}

.upgradeFirmwareBtnWrapper___VzRE9 {
  padding: 0px 5px;
}

/* Remove after POE table component */
.placeholderWrapper___x6Crc {
  border: 1px solid #dddddd;
}

.tabContainerWrapper___sVnRP {
  margin: 0px 30px;
  color: #575757;
}

/* This style should probably replace the .tabContent class in /containers/serverDetail
/* so that it can wrap the content of every serverDetails tab and thus only be applied once */
.serverDetailTabContent___Ka1R4 {
  background-color: #ffffff;
  margin: 0px 30px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
  color: #575757;
  font-size: 11px;
  min-width: 838px;
  position: relative;
  height: calc(100% - 10px); /* subtract margin-bottom */
}

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

.userVoiceLink___YesPc {
  margin: 8px;
  text-decoration: none;
}

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

.feedbackLink___YgPdn {
  text-decoration: none;
  color: #333333;
}

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

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


.navAddControlError___eBOTC {
  color: #d0021b;
  max-width: 655px;
  margin-inline-end: 0;
  margin-inline-start: auto;
}

.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;
  -webkit-overflow-scrolling: touch;
  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;
}

.barRow___RMhTt {
  display: flex;
  flex-direction: row;
  padding: 5px 0px;
  height: 20px;
}
.barText___JPasn {
  display: flex;
  align-items: flex-end;
  min-width: 200px;
  font-weight: normal;
  padding: 0px 10px;
}
.bar___Kn2iD {
  display: flex;
  flex-grow: 1;
  background-color: #f0f0f0;
}

.barTextSummary___t1wLx {
  display: flex;
  align-items: flex-start !important;
}

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

.barPercent___K0gP7 {
  color: white;
}

.barPercentOutside___r3Plh {
  position: absolute;
  right: -40px;
  color: #575757;
  font-weight: bold;
}

.barProgress___ukX9g {
  background-color: #5db6ff;
  height: 100%;
}

.consumption___XPLV5 {
  background-color: #f8e71c;
}

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

.icon___sSfFz {
  display: flex;
  margin-right: 8px;
}

.containerOverride___KhQmV {
  position: relative !important;
}
.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;  
}
.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 rgb(var(--ui-base-dark),0.3);
  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;
}

.badgeItems___C4eGX {
  display: flex;
  flex-direction: column;
  padding: 10px 5px;
}

.appStoreBadge___JQzus {
  width: 140px;
  height: 41.48px;
}

.alarmRadioWrap___dFK7J {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

.titleWrapper___WY5l0,
.radioWrapper___H1a9p {
  margin-bottom: 5px;
}

.titleWrap___vCnlR {
  padding-left: 0 !important;
}

.headerButton___w3ohZ {
  width: 24px;
  height: 24px;
  background-color: #eff8ff;
  border: 1px solid #98d1ff;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: space-around;
}

.headerButtonDisabled___mInGX {
  background-color: #eee;
  border-color: #bcbcbc;
  cursor: default;
}

.armDisarmDropdown___EsxIN {
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  position: absolute;
  background-color: white;
  z-index: 1100;
  box-shadow: 0px 0px 1px #ddd;
  width: auto;
  padding: 16px;
  max-width: 140px;
  padding-bottom: 10px;
}

.armDisarmDropdownForNotifications___yMqes {
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  position: absolute;
  margin-top: 43px;
  margin-left: 16px;
  background-color: white;
  z-index: 1100;
  box-shadow: 0px 0px 1px #ddd;
  width: auto;
  padding: 16px;
  max-width: 140px;
  padding-bottom: 10px;
}

.armDisarmDropdown___EsxIN::after {
  content: '';
  height: 10px;
  width: 10px;
  border-left: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  transform: rotate(45deg);
  position: absolute;
  background-color: white;
  top: -7px;
  left: 45px;
}

.armDisarmDropdownForNotifications___yMqes::after {
  content: '';
  height: 10px;
  width: 10px;
  border-left: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  transform: rotate(45deg);
  position: absolute;
  background-color: white;
  top: -7px;
  left: 45px;
}

.deviceListArmDisarmDropdown___gGYqD {
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  position: absolute;
  margin-top: 43px;
  margin-left: 16px;
  background-color: white;
  z-index: 1100;
  box-shadow: 0px 0px 1px #ddd;
  width: auto;
  padding: 16px;
  max-width: 140px;
  padding-bottom: 10px;
}

.deviceListArmDisarmDropdown___gGYqD::after {
  content: '';
  height: 10px;
  width: 10px;
  border-left: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  transform: rotate(45deg);
  position: absolute;
  background-color: white;
  top: -7px;
  right: 14px;
}

.armDisarmIcon___nnXNE {
  width: 13px;
  height: 14px;
  color: initial;
  cursor: pointer;
}

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

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

.formContent___oEYpa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  align-self: center;
  flex-grow: 3;
}

.inputWrapper___Atcsq {
  margin-left: 8px;
}

.digitalOutInputGroup___km6Sd {
  margin: 10px 0;
}

.digitalOutForm___ZrvX1 {
  padding: 0 10px 10px 10px;
  width: 100%;
}

.formFieldMultiLine___MwACI {
  width: 340px;
}

.formGroupMultiLine___DQrT1 {
  display: block;
}

.digitalOutForm___ZrvX1 {
  padding: 0 10px 10px 10px;
  width: 100%;
}

.linkCamerasFormItem___QH38C {
  margin-left: 8px;
}

.linkCamerasFormItem___QH38C:first-child {
  margin-top: 8px;
}

.linkCamerasFormItem___QH38C:last-child {
  margin-bottom: 8px;
}

.linkCamerasFormItem___QH38C > div {
  margin: 4px;
}

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

.linkCamerasFormItem___QH38C > div > label > span {
  color: #000;
  font-weight: normal;
}

.linkCamerasList___txZi2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 100px;
  overflow-y: scroll;
}

.linkCamerasInputList___ZIlWN {
  flex: 1;
}

.linkCamerasFeedback___Yw5LS {
  margin: 8px 0 4px 0;
  padding: 7px 10px 6px 10px;
}

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

.linkCamerasFeedbackList___mia5T {
  margin: 4px 8px 4px 12px;
}

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

.drawingContainer___wCk0B {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.canvas___UhDSc {
  position: absolute;
}

.controlPoint {
  cursor: move;
}

.selected polygon {
  cursor: grab;
  stroke-dasharray: 8;
  stroke-width: 4px;
}

.canvas___UhDSc line {
  cursor: grab;
  stroke: yellowgreen;
  stroke-width: 4px;
}

.canvas___UhDSc .selected line {
  cursor: grab;
  stroke: yellowgreen;
  stroke-width: 4px;
}

.canvas___UhDSc .ptzLineSelected line {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 4 1;
}

.ptzLineSelected circle.controlPoint.ptzControlPointVisible {
  /* Exception with SVG. React Import can't work + SVG needs to be casted into xml to be here */
  cursor: url("data:image/svg+xml,%3Csvg width=%2720px%27 height=%2720px%27 viewBox=%270 0 20 20%27 version=%271.1%27 xmlns=%27https://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3C%21-- Generator: sketchtool 52.5 %2867469%29 - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E13CC41E4-1F2B-47A3-BEED-2911B4CDA883%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id=%27Symbols%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27PTZ-icons%27 transform=%27translate%28-38.000000, -22.000000%29%27 fill=%27%23FFFFFF%27%3E%3Cg id=%27ic_PTZ_icon%27 transform=%27translate%2836.000000, 20.000000%29%27%3E%3Cg id=%27Drag-to-pan%27 transform=%27translate%282.000000, 2.000000%29%27%3E%3Cpolygon id=%27Path%27 points=%276 5 10 0 14 5%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 points=%2714 15 10 20 6 15%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 points=%275 14 0 10 5 6%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 points=%2715 6 20 10 15 14%27%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
      8 8,
    none !important;
}

.ptzLineSelected circle.controlPoint.ptzControlPointHide {
  /* Exception with SVG. React Import can't work + SVG needs to be casted into xml to be here */
  cursor: url("data:image/svg+xml,%3Csvg xmlns=%27https://www.w3.org/2000/svg%27 width=%270px%27 height=%270px%27%3E%3Cpath fill=%27none%27 stroke=%27%23999%27 stroke-width=%270%27 d=%27M1,1V199H199V1z%27/%3E%3C/svg%3E"),
    none !important;
}

.dragHandleRoi.selected polygon {
  stroke: #5db6ff;
}

.dragHandleClassified.selected polygon {
  stroke: orange;
}

.dragHandlePixel.selected polygon {
  stroke: aqua;
}

.dragHandlePrivacyZone.selected polygon {
  stroke: #5db6ff;
}

.dragHandleRoi polygon {
  fill-opacity: 0.3;
}

.dragHandlePixel polygon {
  opacity: 0.5;
}

.dragHandleClassified polygon {
  opacity: 0.5;
}

.dragHandleRoi polygon {
  fill: green;
}

.dragHandleRoi .controlPointVisible {
  fill: #5db6ff;
}

.dragHandlePixel polygon,
.dragHandlePixel .controlPoint {
  fill: aqua;
}

.dragHandleClassified polygon,
.dragHandleClassified .controlPoint {
  fill: orange;
}

.dragHandlePrivacyZone polygon {
  fill: gray;
}

.react-draggable {
  background-color: grey;
}

.react-draggable .react-draggable-dragged .div {
  background-color: grey;
  border: 2px dotted #5db6ff;
}

.selectedPrivacyZone___LLibI {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  text-align: center;
  background-color: #666666;
  border: 4px dashed #5db6ff;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  /* Must expand out from origin with presence of border */
  position: relative;
  box-sizing: border-box;
}

.notSelectedPrivacyZone___kqMjE {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  text-align: center;
  background-color: #666666;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}

.ptzArrowWrapper___jDgLd {
  position: absolute;
  border-radius: 50% !important;
}

.directionAngleArrowStyle___Ub4TF {
  fill-opacity: 1;
}

.connectedLabelIcon___JfgUY {
  display: flex;
}

.connectedIcon___TyJpQ {
  display: flex;
  align-self: center;
}

.connectedImg___pNysy {
  max-width: 10px;
  max-height: 7px;
}

.connectedLabel___vMXZP {
  display: inline-block;
  font-size: 10px;
  color: #000;
}

.connectedCameraError___ACPmo {
  display: flex;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #5bd6ff;
  color: #006e99;
  padding: 0 7px;
  background-color: #d2ebff;
}

.cameraErrorTextStyle___YuBoR {
  font-weight: bold;
}

.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;
}
.deviceNameWrapper___x9Ns7 {
  margin: 5px 15px 15px 0;
}

.deviceName___Ng6iu {
  font-size: 14px;
  font-weight: bold;
  margin-left: 6px;
}

.bulletPointsOfDoom___G_Syg {
  list-style-type: disc;
  padding-left: 16px;
  max-width: 520px;
}

.instructions___dVzUF {
  margin: 20px 0;
}

.confirmationInput___TioQf {
  display: flex;
  /* margin-left: 36px; */
  align-items: center;
}

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

.locationBar___XJxC7 {
  cursor: pointer;
  display: flex;
  height: 40px;
  flex-grow: 1;
  background-color: white;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
}

.upgradeButton___yuhM7 {
  display: flex;
  align-content: row;
  font-weight: bold;
}

.locationBarRight___a3qNs {
  margin-right: 5px;
  display: flex;
  justify-content: flex-end;
}

.locationColumn___z7AGL {
  display: flex;
  align-items: center;
  align-content: center;
}
.locationName___vYOV6 {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

.firmwareUpgradeIndicator____gJAz {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.locationSubscriptionExpiredOrSuspended___DBcxg {
  justify-content: center;
  color: #b30490;
  font-weight: bold;
  display: flex;
  align-items: center;
  align-content: center;
}

.hidden___y4rtU {
  display: none;
}

.iconStyle___jI8OI {
  line-height: 12px;
}

.accLocationNotice___LtFco {
  color: black !important;
}

.accLocationNoticeIcon___s_qJr {
  cursor: pointer;
}

.tooltipContent___P4KYA {
  padding: 15px;
}
.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;
}

@media only screen and (max-width: 1668px) and (orientation: portrait) {
  .loginBody___qkLvu {
    height: calc(100vh - 193px);
  }
}

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

.panelSettings___ofEJR {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 2px dotted #e7e7e7;
}
.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;
}

.videoPlayerStarted___KtCPT,
.videoPlayerWaiting___jZ_nY {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.videoPlayerStarted___KtCPT {
  background-color: black !important;
}

.videoPlayerError___jsI3z {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
}

.placeholderSnapshot___qObYj {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  filter: blur(5px);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.videoPlayerErrorBox___ZUmhW {
  background-color: rgba(0, 0, 0, 0.55);
  margin: auto;
  border-radius: 26px;
  padding: 15px;
  padding-right: 0px;
  height: 20px;
  z-index: 1100;
  display: flex;
  align-items: center;
}

.videoPlayerErrorMessage___F4qdi {
  color: white;
  font-size: 13px;
}

.videoStream___nq7bN {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  overflow: hidden;
}

.overlaySpinner___cTiM_ {
  position: absolute;
  top: 30%;
  /* is 28px wide */
  left: 50%;
  margin-left: -14px;
}

.txtDuration___czhlC {
  margin-left: 10px;
}

.videoLoadingOverlay___BBNny {
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}

.videoPlayerFrame {
  width: 600px;
  height: 343px;
  border: none;
}

.settingsPanelHeader___fETIm {
  background-color: #f0f0f0;
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
}

.playerButton___GgbBx {
  /* used in VideoPlayer.js */
  margin-left: 5px;
  height: 30px;
  font-size: 13px;
  color: #006e99;
  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;
}

.playerSegmentedButton___BWQC2,
.playerSegmentedButtonDisabled___QVUtM {
  padding: 0 7px;
  font-weight: 400;
}

.playerSegmentedButton___BWQC2,
.playerSegmentedButtonDisabled___QVUtM,
.buttonToggleStatus___xaCpL {
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
}

.playerSegmentedButton___BWQC2 {
  cursor: pointer;
}

.playerSegmentedButtonDisabled___QVUtM {
  opacity: 0.6;
  cursor: initial;
}

.playerSegmentedContainer___jfFbp {
  height: 32;
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}

.labelTime___HaZqf {
  color: #fff;
  font-weight: 400;
  display: inline-block;
}

.playerSlider___wd6c_ {
  width: 75px;
}

.buttonGroup___peahG,
.verticalButtonGroup___P3ORU,
.statusBox___x9DPc,
.statusBoxEvents___G_oDr {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: default;
}

.buttonGroup___peahG,
.verticalButtonGroup___P3ORU {
  position: absolute;
}

.buttonGroup___peahG {
  display: inline-flex;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}

.buttonGroup___peahG.timelineGroup___W0HPd {
  bottom: 55px;
  height: 45px;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.8);
}

.verticalButtonGroup___P3ORU {
  top: 50px;
  right: 10px;
  bottom: 110px;
  width: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 0;
  border-radius: 4px;
}

.indicatorLevel___iNvMD,
.minimum___GitSc,
.unfilled___zlQz4,
.filled___REFRG {
  width: 4px;
}

.indicatorLevel___iNvMD {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 10px 0 0 0;
}

.minimum___GitSc,
.filled___REFRG {
  background: white;
}

.minimum___GitSc {
  height: 10px;
  margin: -2px 0 5px 0;
}

.unfilled___zlQz4 {
  background: #666666;
}

.filled___REFRG {
}

.verticalButtonGroup___P3ORU .buttonImage___KGN7_ {
  max-width: 15px;
  max-height: 15px;
}

.buttonImage___KGN7_ text tspan {
  font-size: 10.5px;
  font-family: 'SFUIDisplay-Medium, SF UI Display', sans-serif;
  font-weight: 400;
}

.buttonSeparator___MW1zO {
  border-left: 2px solid #fff;
  height: 20px;
  margin-right: 15px;
}

.buttonSubGroup___oyIHB {
  display: inline-flex;
  align-items: center;
}

/* Scrubber styles start */
.timelineMetaContainer___n_Hf6 {
  display: flex;
  align-items: center;
}

.timelineContainer___OXCQA {
  position: relative;
  height: 65px;
}

.timelineMetaContainer___n_Hf6 text.textlabels {
  font-size: 11px;
  transform: translate(0px, -35px);
}

.timelineMetaContainer___n_Hf6 .timeline-xAxis line,
.timelineMetaContainer___n_Hf6 .timeline-xAxis path {
  stroke: none;
}

.timelineMetaContainer___n_Hf6 .timeline-xAxis text {
  fill: #fff;
  font-size: 10px;
}

.scrubberHandle___Zfz3t {
  width: 6px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.scrubberHandle___Zfz3t.react-draggable {
  background-color: transparent;
}

.scrubberVisible___vlXNO {
  width: 3px;
  height: 45px;
  background-color: #ffffff;
}

.scrubberLabel___m0vSw {
  color: white;
  position: absolute;
  white-space: nowrap;
}

.zoomButton___ny60I {
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin: 0px 10px;
}

.timelineLabel___zcntV {
  display: flex;
  font-size: 10px;
  line-height: 10px;
  padding: 6px;
  box-sizing: border-box;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: -15px;
  white-space: nowrap;
}

/* End scrubber styles */

.hiddenSnapshot___BazKp {
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 0;
}

.toggleTextContainer___CQ0xm {
  position: absolute;
  bottom: 60px;
  right: 40px;
  height: 12px;
  width: 120px;
  display: flex;
  align-self: center;
}

.toggleTextContainerRaised___A1u1r {
  bottom: 140px;
}

.toggleText___rWpxy {
  display: inline-block;
  margin: 0px 5px;
  font-size: 10px;
  line-height: 10px;
  padding: 1px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.toggleContainer___hjm7G {
  position: relative;
  height: 10px;
  padding: 1px;
  width: 50px;
  background-color: rgba(0, 0, 0, 0.6);
}

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

.toggleContainer___hjm7G label {
  display: block;
  height: 10px;
  width: 25px;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1100;
}

.toggleContainer___hjm7G input[type='checkbox']:checked + label {
  left: 25px;
}

.btnContent___ID0ar {
  color: white;
  font-size: 26px;
}

.playerStatusMessage___e20Cq {
  width: 40px;
  text-align: center;
  margin-left: -20px;
  color: #3aa6ff;
  font-size: 12px;
  padding: 10px 0;
}

.digitalOutBoxContainer___qiief {
  /* position: absolute;
    top: 10px;
    left: 120px; */
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 12px;
}

.digitalOutBoxContainer___qiief.digitalOutBoxContainerHidden___z77m8 {
  display: none;
}

.digitalOutBox___jq7aB {
  display: flex;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #006e99;
  background: rgba(0, 0, 0, 0.5);
  height: 30px;
  padding: 0px 2px;
}

.digitalOutRow___dFHkg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.statusBoxContainer___FfZ28 {
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 12px;
}

.statusBoxContainer___FfZ28.statusBoxContainerHidden___ATyO4 {
  display: none;
}

.statusBox___x9DPc,
.statusBoxEvents___G_oDr {
  border-radius: 6px;
  box-sizing: border-box;
}

.statusBox___x9DPc {
  padding: 6px 10px;
}

.statusBoxRow___llaNe {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: 20px;
}

.statusBoxRow___llaNe.statusBoxIconRow____njRb {
  margin-right: 0px;
}

.statusBoxEvents___G_oDr {
  margin-top: 5px;
  padding: 10px 0 0 10px;
}

.eventListHeader___ttKCr {
  height: 20px;
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

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

.statusBoxLabel___lCL3q {
  display: inline-block;
  line-height: 16px;
  vertical-align: bottom;
}

.statusBoxLabel___lCL3q {
  font-weight: bold;
  margin-right: 3px;
}

.statusBoxText___P22IO {
  overflow: hidden;
  white-space: nowrap;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  max-width: 450px;
}

.statusBoxRowSeparator___uA_hA {
  width: 100%;
  height: 0px;
  margin: 10px 0px;
  border-top: 1px solid #fff;
}

.statusBoxArrow___lqPYP {
  cursor: pointer;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 7px;
  display: inline-block;
  height: 0px;
  width: 0;
  align-self: center;
  transition: transform 0.3s;
}

.statusBoxArrow___lqPYP.eventsOpen___Zzzkr {
  transform: rotate(90deg) translate(3px, 2px);
  transition: transform 0.3s;
}

.connectedStatusIcon___poTya {
  height: 12px;
  margin: 2px 2px 0 4px;
}

.eventDescription___ziaHv {
  vertical-align: bottom;
  margin-right: 20px;
}

.eventListLabel___pKkoC {
  font-weight: bold;
  color: #5db6ff;
}

.eventList___rKU2r {
  margin-left: 5px;
  margin-top: 10px;
}

.eventListSeparator___I4JLf {
  border-top: 1px dotted #7c7c7c;
  margin: 10px 10px 0 5px;
}

.buttonToggleStatus___xaCpL {
  cursor: pointer;
  padding: 0;
  height: 13px;
  margin-left: 4px;
}

.timestamp___H7kmX {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1100;
  background-color: white;
  color: black;
}

.container___NWmuO {
  height: 20px;
}
.popupShow___Lcnbh {
  position: absolute;
  bottom: 55px;
  right: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 10px;
  border-radius: 3px;
  z-index: 1100;
}

.popupHidden___Rye7O {
  display: none;
}

.popupLabel___NQ94c {
  color: white;
  font-size: 11px;
  font-weight: medium;
  line-height: 16px;
  display: inline-block;
  width: 115px;
  white-space: nowrap;
}

.errorContainer___TGLax {
  display: flex;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.errorContainer___TGLax div,
.errorContainer___TGLax span {
  font-size: 12px;
  text-align: center;
  margin: auto;
  padding: 0px 5px;
  box-sizing: border-box;
}

.menuItem___cVten {
  width: 100%;
  padding: 5px 0;
}

.menuItem___cVten:not(:last-child) {
  border-bottom: 1px dotted lightgray;
}

.menuItemSelected___c_he5 {
  font-weight: bold;
}

.settingsLabel___nBS9j {
  border: none;
  outline: none;
  display: inline-block;
  cursor: pointer;
  width: 90px;
  margin-right: 3px;
  color: white;
  border-radius: 2px;
  padding: 2px 0;
  background: #006e99;
  font-size: 10px;
  font-weight: bold;
}
button:hover .settingsLabel___nBS9j {
  color: #5db6ff;
}

button:active .settingsLabel___nBS9j {
  color: #5db6ff;
  opacity: 0.5;
}

.videoStyle___JaFkP {
  -o-object-fit: contain;
     object-fit: contain;
}

.videoPlayerStarted___KtCPT .videoStyle___JaFkP {
  /* object-fit: fill; */
}

.verticalButtonGroup___P3ORU .verticalSlider,
.verticalButtonGroup___P3ORU .handle,
.verticalButtonGroup___P3ORU .bar {
  cursor: pointer;
}

.verticalButtonGroup___P3ORU .verticalSlider,
.verticalButtonGroup___P3ORU .handle,
.verticalButtonGroup___P3ORU .bar {
  width: 8px;
  left: 6px;
}

.verticalButtonGroup___P3ORU .verticalSlider {
  height: 200px;
  width: 20px;
  left: 0;
  flex: 1;
  margin-top: 5px;
}

.verticalButtonGroup___P3ORU .handle {
  background-color: white;
  cursor: pointer;
  height: 10px;
  margin-bottom: -1px;
}

.verticalButtonGroup___P3ORU .bar {
  position: relative;
}

.verticalButtonGroup___P3ORU .bar.bar-1 {
  background: #666666;
}

.verticalButtonGroup___P3ORU .bar.bar-0 {
  background: white;
}

.videoLabelStream___TStJ4,
.videoLabelClip___GfYvP,
.videoLabelPtzModeState___sFEev,
.videoLabelPtzModeStateActive___cmfBn {
  display: flex;
  flex-direction: column;
  padding: 1px 10px;
  align-self: center;
  align-content: center;
  font-size: 14px !important;
  color: #ffffff;
  border-radius: 4px;
  line-height: 26px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  justify-items: flex-end;
  margin: auto;
}

.videoLabelStream___TStJ4 {
}

.videoLabelClip___GfYvP {
}

.videoLabelPtzModeState___sFEev {
  display: inline-block;
  margin-left: 10px;
  border: 1px solid #005dab;
  cursor: pointer;
  white-space: nowrap;
}

.videoLabelPtzModeStateActive___cmfBn {
  display: inline-block;
  margin-left: 10px;
  background-color: #005dab;
  border: 1px solid #005dab;
  cursor: pointer;
  white-space: nowrap;
}

.videoLabelPtzModeState___sFEev span,
.videoLabelPtzModeStateActive___cmfBn span {
  margin-left: 10px;
}

.videoTimeTicker___WU932 {
  display: flex;
  flex-direction: column;
  align-self: center;
  color: #ffffff;
  z-index: 1100;
}

.videoTimeTicker___WU932 .tickerTime___IO6u9 {
  display: flex;
  cursor: pointer;
}

.videoTimeTicker___WU932 .tickerDateText___JUlgu {
  font-size: 11px;
  line-height: 12px;
}
.videoTimeTicker___WU932 .tickerTimeText___lyGhL {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}

.videoTimeTicker___WU932 .tickerTimeIcon___f4PCX {
  margin-left: 5px;
}

/* Datepicker styles */
.videoTimePicker___PaJCq.react-datepicker {
  color: white;
  background-color: black;
}

.react-datepicker-popper[data-placement^='top']
  .videoTimePicker___PaJCq
  .react-datepicker__triangle {
  border-top-color: black;
}

.react-datepicker-popper {
  z-index: 9999 !important;
}

.videoTimePicker___PaJCq .react-datepicker__header {
  background-color: transparent;
}

.videoTimePicker___PaJCq .react-datepicker__header--time {
  padding-top: 12px;
}

.videoTimePicker___PaJCq .react-datepicker__current-month,
.videoTimePicker___PaJCq .react-datepicker-time__header {
  color: inherit;
}

.videoTimePicker___PaJCq .react-datepicker__day-name {
  color: inherit;
}

.videoTimePicker___PaJCq .timepickerDay___lE3Jb {
  color: white;
}

.videoTimePicker___PaJCq .timepickerDay___lE3Jb:hover {
  background-color: #7c7c7c;
}

.videoTimePicker___PaJCq .timepickerDay___lE3Jb.react-datePicker__day--selected___dtzyg:hover {
  background-color: #216ba5;
}

.videoTimePicker___PaJCq
  .react-datepicker__time-container .react-datepicker__time {
  background-color: transparent;
}

.videoTimePicker___PaJCq
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list {
  padding-right: 0px;
}
.videoTimePicker___PaJCq
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li:hover {
  background-color: #7c7c7c;
}
/* TODO: Timepicker scroll bar should be less obtrusive */
/* End datepicker styles */
.videoTopBar___w9jON {
  display: flex;
  flex-direction: row;
  padding: 8px 40px 10px 10px;
  height: 30px !important;
  font-size: 14px !important;
}
.digitalOutToggleTextContainer___i2lPM {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 50px;
}
.digitalOutToggleContainer___twj69 {
  position: relative;
  height: 25px;
  width: 50px;
  background-color: #cbcbcb;
  border-radius: 25px;
  box-shadow: 0px 1px 3px #333 inset;
}
/* .digitalOutToggleContainer input[type='checkbox'] {
  display: none;
}

.digitalOutToggleContainer label{
  display: block;
  height: 17px;
  width: 18px;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 4px;
  border-radius: 17px;
  z-index: 1100;
}

.digitalOutToggleContainer.toggleYes {
  background-color: #F8FBF2;
}

.digitalOutToggleContainer .toggleYes input[type='checkbox'] + label {
  left: 28px;
} */
.digitalOutBoxText___I2DNL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 2px;
}
input:disabled ~ label {
  opacity: 0.5;
  cursor: initial;
}
.durationInputWrapper____6o3x {
  display: flex;
  max-width: 200px;
}
.durationInputFormGroup___FYTuw {
  width: 50%;
  display: flex;
  align-items: flex-end;
  margin: 0px 10px 0px 0px;
}
.durationInputFormGroup___FYTuw 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___vd8YD {
  color: #575757;
}
.digitalIo___cijLk {
  font-size: 14px !important;
  padding-right: 4px;
}
.digitalToggleWrapper___RhNsk {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 2px;
}
.verticalDivider___t8p4a {
  flex: 1 1 5%;
  margin: 0px 15px;
  border-left: 1px solid #eee;
}
.videoMenusColumn___hfx5a {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1100;
  padding-right: 5px;
}
.videoMenuInvisibleSpace___cMoE_ {
  display: flex;
  flex-grow: 1;
  z-index: -1;
}
.videoStreamStatusBox____EPMQ {
  display: flex;
  flex-direction: row;
}
.ptzMenuButtonWrapper___ktuLk {
  z-index: 1100;
  background: transparent;
  border: none;
  outline: none;
  display: inline-flex;
  cursor: pointer;
  padding: 0px 0px;
}
.ptzFunctionSelectionButton___Ef6Vg {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ptzArrowActive___BiyR1 {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ptzFunctionSelectionButtonActive___ZYaGF {
  background-color: #005dab;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ptzBar___g5WXp {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1100;
}
.ptzFunctionMenuIconsRow___qE1ov {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  max-width: 280px;
}
.flexRow___nwWJh {
  display: flex;
  flex-direction: row;
}
.ptzActiveFunctionIconsContainer___ehXD3 {
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
.ptzActiveFunctionIconsSideSpacing___bMheB {
  flex-grow: 2;
}
.ptzActiveFunctionIconsColumn___Kxwfs {
  display: flex;
  flex-grow: 0.5;
  align-items: center;
  justify-content: space-around;
}
.ptzActiveFunctionIcon___crF9E {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ptzActiveFunctionIconMouseDown___bIDcD {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.playbackButtonsContainer___8NPM0 {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
}
.ptzModeEnabled___J_UYr {
  /* Exception with SVG. React Import can't work + SVG needs to be casted into xml to be here */
  cursor: url("data:image/svg+xml,%3Csvg width=%2721px%27 height=%2722px%27 viewBox=%270 0 21 22%27 version=%271.1%27 xmlns=%27https://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3C%21-- Generator: Sketch 52.5 %2867469%29 - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eic_click_center%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id=%27Symbols%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27PTZ-icons%27 transform=%27translate%28-476.000000, -87.000000%29%27%3E%3Cg id=%27ic_click_center%27 transform=%27translate%28475.000000, 86.000000%29%27%3E%3Cg%3E%3Cpolygon id=%27Base%27 fill-rule=%27nonzero%27 points=%270 0 24 0 24 24 0 24%27%3E%3C/polygon%3E%3Cg id=%27Drag-to-pan%27 transform=%27translate%281.000000, 1.000000%29%27 fill=%27%23FFFFFF%27%3E%3Cpolygon id=%27Path%27 transform=%27translate%2810.478261, 2.869565%29 rotate%28-180.000000%29 translate%28-10.478261, -2.869565%29 %27 points=%274.73913043 5.73913043 10.4782609 0 16.2173913 5.73913043%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 transform=%27translate%2810.478261, 19.130435%29 rotate%28-180.000000%29 translate%28-10.478261, -19.130435%29 %27 points=%2716.2173913 16.2608696 10.4782609 22 4.73913043 16.2608696%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 transform=%27translate%282.869565, 11.478261%29 rotate%28-180.000000%29 translate%28-2.869565, -11.478261%29 %27 points=%275.73913043 17.2173913 0 11.4782609 5.73913043 5.73913043%27%3E%3C/polygon%3E%3Cpolygon id=%27Path%27 transform=%27translate%2818.130435, 11.478261%29 rotate%28-180.000000%29 translate%28-18.130435, -11.478261%29 %27 points=%2715.2608696 5.73913043 21 11.4782609 15.2608696 17.2173913%27%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
      9 10,
    auto;
}
.ptzModal___hsl65 {
  width: 40%;
}

.zoomIn___R50gg {
  cursor: zoom-in;
}

.tickerTimeIcon___f4PCX {
  color: #5DB6FF;
}

.presetTourBox___Xpk_N {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #fafafa;
  cursor: default;
}

.listHolder___pURzU::-webkit-scrollbar {
  width: 10px;
}

.listHolder___pURzU::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.listHolder___pURzU::-webkit-scrollbar-thumb {
  background: #666;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.boxItem___Nzuzz {
  line-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin: 6px 0;
}

.presetItem___yEkpC {
  line-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin: 6px 5px 6px 0;
}

.presetItem___yEkpC:hover {
  background-color: rgb(255, 255, 255, 0.15);
  border-radius: 5px;
}

.boxItemSelected___ZRmxV {
  background-color: rgb(255, 255, 255, 0.15);
  border-radius: 5px;
  font-weight: bold;
  line-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin: 6px 0;
}

.listTitle___EmMch {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: small;
  line-height: 4em;
  flex-grow: 2;
}

.listHolder___pURzU {
  margin: 0 0 0 10px;
  padding: 6px 0 6px 15px;
  border-top: 2px solid #444;
  border-bottom: 2px solid #444;
  overflow-y: auto;
  overflow-x: hidden;
}

.emptyListHolder____ZqGG {
  border-bottom: 0px;
  padding: 0px;
}

.listItem___imEGK:hover {
  background: rgba(100, 100, 100, 0.5);
  border-radius: 4px;
}

.listItem___imEGK:hover,
.clickable___a7CMu {
  cursor: pointer;
}

.listItem___imEGK:hover .activeIcons___Y41jV {
  display: block;
  height: 16px;
  margin: 0 8px;
}

.listItem___imEGK:active {
  background-color: rgba(0, 0, 0, 1);
}

.activeIcons___Y41jV {
  display: none;
}

.playIcon___McTJL {
  display: block;
  height: 16px;
  margin: 0 8px;
}

.itemName___SgAuk {
  width: 265px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.titleHolder___DNoKp {
  padding: 0 15px;
}

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

.clickable___a7CMu {
  cursor: pointer;
}

.buttonHolder___PFQKi {
  padding: 6px 0 6px 15px;
}

.buttonHolder___PFQKi {
  margin-left: 10px;
  padding-left: 0;
  border-bottom: 2px solid #444;
}

.lineEditor___puDDI {
  background: #005dab;
  padding: 10px;
  margin: 0 5px;
}

.setHome___ix4Rq {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}

.checkbox___Cz7Ml {
  display: none;
}

.checkbox___Cz7Ml + label {
  background: #005dab;
  border: 1px solid #fff;
  padding: 8px;
  position: relative;
  margin: 0 12px;
}

.checkbox___Cz7Ml:checked + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  border: 2px solid #fff;
  height: 10px;
  width: 4px;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.editorTitle___KOb7n {
  color: #fff;
}
.editorBody___QD9b5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.editorField___uxAQC {
  background: #005dab;
  color: #ffffff;
  font-weight: bold;
  border: none;
  border-bottom: 1px dashed #ffffff;
  margin: 5px 0;
  width: 190px;
}

.iconsHolder___FsTYT {
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.iconHolder___n2iYs {
  margin: 0 8px;
}

.right___J3umr {
  transform: scaleX(-1);
}

.leftArrow___v2vfA {
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  margin-right: 14px;
}

.listItemName___MdpPS {
  vertical-align: baseline;
  padding-right: 178px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tourButtons___WanwK {
  padding: 10px;
}

.tourTitle___Ih_YS {
  display: flex;
  padding: 10px 0px 10px 0px;
  line-height: 1em;
}

.formWrapper___f5n_Q {
  padding: 16px;
}

.fieldWrapper___htqe6 {
  width: 70%;
}

.tourSpeedWrapper___QgXKB {
  margin-top: 15px;
  width: 72%;
}

.actionsButtons___AnZCj {
  display: flex;
  justify-content: space-around;
}

.tableWrapper___IO7J_ {
  width: 550px;
}

.minuteInputFormGroup___rnL0i {
  display: flex;
  align-items: flex-end;
  margin: 0px 10px 0px 0px;
}

.minuteInputFormGroup___rnL0i input {
  display: flex;
  flex-grow: 1;
  max-width: 50px;
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  color: #575757;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: none;
}
.templateItem___dSORG {
  line-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 0 0;
  height: 24px;
}

.templateItem___dSORG:last-child {
  padding-bottom: 5px;
}

.templateItem___dSORG:hover .activeIcons___zmsqp {
  visibility: visible;
}

.itemName___nc7MB {
  width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected___m2NTC {
}

.itemName___nc7MB.selected___m2NTC {
  font-weight: bold;
}

.itemName___nc7MB:hover {
  font-weight: bold;
}

.itemInput___aStCW {
  display: flex;
  width: 100%;
  height: 18px;
}

.itemInput___aStCW > input {
  padding: 1px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #ddd;
}

.activeIcons___zmsqp,
.editIcons___LAEub {
  height: 16px;
  visibility: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 15px;
}

.templateItem___dSORG:hover .activeIcons___zmsqp,
.editIcons___LAEub {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.playIcon___Fo0fS {
  display: block;
  height: 16px;
  margin: 0 8px;
}

.templateWrap___vrNAL {
  display: flex;
  flex-direction: column;
  max-width: 368px;
  min-width: 232px;
  padding-right: 12px;
  border-right: 1px solid #dddddd;
  padding-top: 0;
  margin-top: 32px;
  margin-right: 12px;
  max-height: 150px;
}
.scheduleDivider___gKQci {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #dddddd;
  margin-top: 15px;
}
.iconsWrap___B85jF {
  justify-content: flex-end;
  display: inline-flex;
}

.templateSquare___h0Kjp {
  width: 10px;
  min-width: 10px;
  height: 10px;
  margin: 10px;
  border: 0.5px solid #dddddd;
}

.addButton___lI3_B {
  position: absolute;
  right: 8px;
}

.addLabel___C0exG {
  line-height: 20px;
  color: white;
  font-size: 20px;
  position: relative;
}

.addTemplateWrapper___HHdD3 {
  padding: 10px 0px 10px 10px;
}

.contentWrapper___LBDdh {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.templateContentWrapper___IYCSr {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  border-bottom: 1px solid #dddddd;
}

.contentWrapper___LBDdh .topContent___xoTVL {
  height: 48px;
}

.contentWrapper___LBDdh .topContent___xoTVL .header___ueZZx {
  height: unset;
}

.header___ueZZx,
.headerNarrow___vfWRh {
  display: flex;
  height: 30px;
  width: 100%;
  /* padding-top: 4px; */
  /* padding-bottom: 4px; */
}

.headerNarrow___vfWRh {
  height: 12px;
  padding-bottom: 3px;
  width: 100%;
}

.templateHeader___oCpsb,
.templateHeaderNarrow___OUF3s {
  display: flex;
  height: 20px;
  width: 100%;
  background-color: #f4f4f4;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.templateHeaderNarrow___OUF3s {
  height: 12px;
  padding-bottom: 3px;
  width: 100%;
}

.tableHeader___taM6R {
  color: #5f5f5f;
  font-style: italic;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
  background: #f0f0f0;
  height: 30px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  display: flex;
  align-items: center;
}

.headerItem___QZlC4,
.halfHour___ak1B0 {
  color: black;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  height: 100%;
  min-width: 5px;
  flex: 1 1;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

.headerItem___QZlC4 span {
  font-size: 10px;
  font-weight: bold;
  position: relative;
  top: 50%;
  right: 60%;
}

.templateHeaderItem___Qd2ti {
  color: #575757;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  height: 100%;
  min-width: 5px;
  flex: 1 1;
  box-sizing: border-box;
  display: inline-block;
}

.halfHour___ak1B0 > div {
  font-size: 10px;
  font-weight: bold;
  position: relative;
  bottom: 10%;
  right: 60%;
}

.halfHour___ak1B0 > div > span {
  font-size: 10px;
}

.topContent___xoTVL {
  width: 100%;
  flex-shrink: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.bottomContent___Gy6pt {
  width: 100%;
  flex-shrink: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.centerContent___w_IIR {
  flex-grow: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #dddddd;
}

.leftTopContent___CGlcH {
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #fff;
  width: 130px;
}

.topContent___xoTVL .leftTopContent___CGlcH {
  height: 100%;
}

.topContent___xoTVL .header___ueZZx {
  flex-direction: column;
}

.leftBottomContent___drmn8 {
  display: inline-flex;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #ffffff;
  width: 130px;
}

.gridWrapper___gV7wF {
  width: 100%;
  background-color: #dddddd;
  overflow-y: auto;
}

.alarmRow___vyGke {
  display: flex;
  width: 100%;
  height: 25px;
  justify-content: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1px;
  white-space: nowrap;
}

.alarmRow___vyGke:last-child {
  margin-bottom: 1px;
}

.scheduleRow___co9IZ {
  display: flex;
  width: 100%;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #dddddd;
  margin-top: 1px;
}

.schedule___iSyT2:last-child {
  margin-bottom: 1px;
}

.alarmText___pjcVp {
  font-size: 12px;
  height: 100px;
  width: 100%;
  vertical-align: middle;
  line-height: 25px;
  padding-left: 8px;
  text-align: left;
  color: #575757;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alarmTextLast___lUz7N {
  font-size: 12px;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  line-height: 25px;
  padding-left: 8px;
  text-align: left;
  color: #575757;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alarmTextTop___hw4mj {
  font-size: 12px;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  line-height: 25px;
  padding-left: 8px;
  text-align: left;
  color: #575757;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.addTemplateButton___T8_gA {
  margin: 5px 0;
  width: 100%;
}

.editorField___dzCgZ {
  font-weight: bold;
  border: none;
  border-bottom: 1px dashed #dddddd;
  margin: 5px 5px 5px 0px;
  flex-grow: 2;
  background-color: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: white;
}

.iconHolder___PjhMU {
  padding-right: 16px;
}

.iconTrash___S23e9 {
  padding-top: 3px;
}

.recordingScheduleCell___TmjUl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px 0px 8px;
}

.scheduleTable___YHUJt {
  margin-top: 20px;
  max-width: 376px;
  min-width: 240px;
  border: 1px solid #dddddd;
  padding: 0 1px;
  padding-inline-end: 0px;
}
.cameraNameCol___PTkcR {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  height: 17px;
}
.cameraIcon___R83B4 {
  display: flex;
  flex-direction: row;
  align-self: center;
  justify-content: flex-start;
  margin-right: 4px;
}
.cameraName___IIIyi {
  flex-direction: column;
  justify-content: center;
  color: #575757;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 600;
}

.cameraRow___MV9UI {
  width: 100%;
  height: 40px;
  background-color: #fff;
  display: table;
  table-layout: fixed;
  margin-top: 1px;
}

.sourceList___BA6My {
  border: 1px solid #dddddd;
  overflow-y: auto;
  overflow-x: hidden;
}

.sourceListItem___RX0cs {
  line-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.sourceListItem___RX0cs:hover {
  background: #5db6ff;
  color: white;
  cursor: pointer;
}

.selected___h56fr {
}

.sourceListItem___RX0cs.selected___h56fr {
  background: #5db6ff;
  color: white;
  cursor: pointer;
}

.itemOdd___ySqPy,
.itemEven___OcdQn {
  height: 100%;
  min-width: 5px;
  flex-grow: 1;
  background-color: white;
  display: inline-block;
  flex-basis: 0;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  margin-right: 1px;
  /* border-top: 1px solid #dddddd; */
}

.itemOdd___ySqPy {
  background-color: white;
}

.selected___qdfOo.itemEven___OcdQn,
.selected___qdfOo.itemOdd___ySqPy {
  background-color: #dceefd;
}

.rowWrap___q6HpA div {
  flex: 1 1 0px;
}
.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;
}
.serverImage___GpTZK {
  width: 100%;
  display: flex;
}

.serverImageContainer___W3N6p {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.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_1697469292000.css.map*/