@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@font-face {
  font-family: "Public Sans";
  src: local("Public Sans"), url("../fonts/PublicSans-VariableFont_wght.ttf");
}
@font-face {
  font-family: Oswald;
  src: local("Oswald"), url("../fonts/Oswald-VariableFont_wght.ttf");
}
/* Motorola Solutions Cobalt :root styles */
:root {
  --msi-ui-background-dark: #000912;
  --msi-ui-primary: #001526;
  --msi-ui-secondary: #142737;
  --msi-ui-secondary-80: rgba(20, 39, 55, .8);
  --msi-ui-mhx: #213f59;
  --msi-ui-widget: #10384e;
  --msi-ui-primary-highlight: #007aaa;
  --msi-ui-primary-highlight-90: rgba(0, 122, 170, .9);
  --msi-ui-primary-highlight-60: rgba(0, 122, 170, .6);
  --msi-ui-primary-highlight-50: rgba(0, 122, 170, .5);
  --msi-ui-primary-highlight-30: rgba(0, 122, 170, .3);
  --msi-ui-primary-highlight-20: rgba(0, 122, 170, .2);
  --msi-ui-primary-highlight-hover: #1a87b2;
  --msi-ui-secondary-highlight: #28b1ec;
  --msi-ui-hover-highlight: #3db8ed;
  --msi-ui-alert: #d0021b;
  --msi-ui-alert-80: rgba(208, 2, 27, .8);
  --msi-ui-alert-20: rgba(208, 2, 27, .2);
  --msi-ui-alert-secondary: #ff4d4d;
  --msi-ui-available: #177828;
  --msi-ui-find-highlight: #fff84d;
  --msi-ui-find-highlight-40: rgba(255, 248, 77, .4);
  --msi-ui-find-highlight-70: rgba(255, 248, 77, .7);
  --msi-ui-primary-dark: #000;
  --msi-ui-primary-light: #fff;
  --msi-ui-primary-dark-90: rgba(0, 0, 0, .9);
  --msi-ui-primary-light-90: rgba(255, 255, 255, .9);
  --msi-ui-primary-dark-80: rgba(0, 0, 0, .8);
  --msi-ui-primary-light-80: rgba(255, 255, 255, .8);
  --msi-ui-primary-dark-70: rgba(0, 0, 0, .7);
  --msi-ui-primary-light-70: rgba(255, 255, 255, .7);
  --msi-ui-primary-dark-65: rgba(0, 0, 0, .65);
  --msi-ui-primary-light-65: rgba(255, 255, 255, .65);
  --msi-ui-primary-dark-60: rgba(0, 0, 0, .6);
  --msi-ui-primary-light-60: rgba(255, 255, 255, .6);
  --msi-ui-primary-dark-50: rgba(0, 0, 0, .5);
  --msi-ui-primary-light-50: rgba(255, 255, 255, .5);
  --msi-ui-primary-dark-40: rgba(0, 0, 0, .4);
  --msi-ui-primary-light-40: rgba(255, 255, 255, .4);
  --msi-ui-primary-dark-30: rgba(0, 0, 0, .3);
  --msi-ui-primary-light-30: rgba(255, 255, 255, .3);
  --msi-ui-primary-dark-20: rgba(0, 0, 0, .2);
  --msi-ui-primary-light-20: rgba(255, 255, 255, .2);
  --msi-ui-primary-dark-10: rgba(0, 0, 0, .1);
  --msi-ui-primary-light-10: rgba(255, 255, 255, .1);
  --msi-ui-primary-dark-05: rgba(0, 0, 0, .05);
  --msi-ui-primary-light-05: rgba(255, 255, 255, .05);
  --msi-ui-neutral-dark: #4a4a4a;
  --msi-ui-neutral-light: #a6abaf;
  --msi-ui-neutral: #333a41;
  --msi-ui-neutral-medium: #ccc;
  --msi-ui-neutral-dark-70: rgba(74, 74, 74, .7);
  --msi-ui-neutral-light-70: rgba(166, 171, 175, .7);
  --msi-ui-neutral-dark-40: rgba(74, 74, 74, .4);
  --msi-ui-neutral-light-40: rgba(166, 171, 175, .4);
  --msi-ui-background-bright: #f5f6f7;
  --msi-ui-background-medium: #e0e0e0;
  --msi-ui-neutral-deep: #344252;
  --msi-ui-neutral-highlight: #4d657a;
  --msi-ui-neutral-secondary: #445160;
  --msi-ui-ptt-ok: #e4f2f6;
  --msi-ui-ptt-listen: #fcb400;
  --msi-ui-ptt-talk: #ec1c24;
  --msi-ui-ptt-dispatch: #00bfff;
  --msi-ui-emergency: #ff8400;
  --msi-ui-broadcast: #de4b15;
  --msi-ui-impact-green: #c3e47c;
  --msi-ui-accent-gold-01: #c97d00;
  --msi-ui-accent-green-01: #4f4f12;
  --msi-ui-accent-green-02: #177828;
  --msi-ui-accent-green-03: #3c5419;
  --msi-ui-accent-purple-01: #35296f;
  --msi-ui-accent-purple-02: #662d91;
  --msi-ui-accent-brown-01: #6e4236;
  --msi-ui-accent-blue-01: #0063b0;
  --msi-ui-accent-blue-02: #37667c;
  --msi-btn-color: #0c547a;
  --default-font-family: "Public Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --msi-ui-font-family: "Public Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --monospace: "tnum" on, "lnum" on;
  --default-font-size: 16px;
  --msi-ui-primary-font-size: 16px;
  --body-1-font-size: 1rem;
  --body-2-font-size: .875rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.75rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.25rem;
  --h5-font-size: 1rem;
  --h6-font-size: .875rem;
  --h7-font-size: .75rem;
  --subtitle-font-size: .75rem;
  --caption-font-size: .625rem;
  --display-1-font-size: 3rem;
  --display-2-font-size: 5rem;
  --msi-ui-spacing-input: 5px;
  --msi-ui-spacing-xxxs: 2px;
  --msi-ui-spacing-xxs: 4px;
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-sm: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-spacing-input-rem: .3125rem;
  --msi-ui-spacing-xxxs-rem: .125rem;
  --msi-ui-spacing-xxs-rem: .25rem;
  --msi-ui-spacing-xs-rem: .375rem;
  --msi-ui-spacing-s-rem: .75rem;
  --msi-ui-spacing-m-rem: 1.125rem;
  --msi-ui-spacing-l-rem: 1.5rem;
  --msi-ui-spacing-xl-rem: 2.25rem;
  --msi-ui-spacing-xxl-rem: 3rem;
  --msi-ui-corner-radius-sm: 2px;
  --msi-ui-corner-radius-md: 4px;
  --msi-ui-corner-radius-lg: 6px;
  --default-line-height: 1.5;
  --line-height-condensed: 1.1563;
  --letter-spacing-condensed: -.031rem;
  --msi-timing-t1: .5s;
  --msi-timing-t2: .3s;
  --msi-timing-t3: .25s;
  --msi-timing-t4: .2s;
  --msi-timing-t5: .1s;
  --msi-timing-t6: 0ms;
  --msi-ease-in: cubic-bezier(.895, .03, .685, .22);
  --msi-ease-out: cubic-bezier(.165, .84, .44, 1);
  --msi-ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --msi-ui-border-radius: 2px;
  --msi-ui-transition-time: .1s;
  --msi-ui-disabled-opacity: .4;
  --msi-ui-hover-opacity: .9;
  --msi-ui-hover-gradient: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1));
  --msi-ui-scrollbar-width: 12px;
  --msi-ui-scrollbar-radius: 6px;
  --msi-ui-table-font-family: "Public Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --msi-ui-table-font-size: 16px;
  --msi-ui-table-ordered-icon: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1675 832q0 53-37 90l-651 652q-39 37-91 37-53 0-90-37l-651-652q-38-36-38-90 0-53 38-91l74-75q39-37 91-37 53 0 90 37l294 294v-704q0-52 38-90t90-38h128q52 0 90 38t38 90v704l294-294q37-37 90-37 52 0 91 37l75 75q37 39 37 91z" fill="#ccc2c7"/></svg>');
  --msi-ui-table-cell-padding: 5px 13px;
  --msi-ui-button-padding: 0 12px;
  --msi-ui-button-font-size: .875rem;
  --msi-ui-button-min-width: 60px;
  --msi-ui-button-height: 34px;
  --msi-ui-button-flat-height: 24px;
  --msi-ui-form-padding: 12px;
  --msi-ui-input-margin-top: 3px;
  --msi-ui-input-margin-bottom: 12px;
  --msi-ui-input-padding: 8px;
  --msi-ui-input-padding-big: 0 12px;
  --msi-ui-form-border-width: 1px;
  --msi-ui-input-border: 1px rgba(255, 255, 255, .1) solid;
  --msi-ui-input-min-height: 34px;
  --dropdown-trigger-width: 34px;
  --dropdown-trigger-height: 34px;
  --msi-select-item-height: 40px;
  --msi-ui-label-font-size: 13px;
  --msi-ui-label-margin-top: 12px;
  --msi-z-index-level-1: 99999;
  --msi-z-index-level-2: 10000;
  --msi-z-index-level-3: 1000;
  --msi-z-index-level-4: 100;
  --msi-z-index-level-5: 10;
  --msi-z-index-level-6: 1;
  --test-variable-to-remove: 2;
}

/*********** site wide general tag styles ***********/
HTML {
  height: 100vh;
}

BODY {
  margin: 0 auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

HTML,
BODY,
* {
  font-family: "Roboto", sans-serif !important;
}

.fright {
  float: right !important;
}

.fleft {
  float: left !important;
}

#breadCrumbs ~ #pageContainer {
  margin-top: 0;
}

#breadCrumbs ~ #successMessageContainer {
  margin-top: 0;
}

.breadCrumbs {
  padding-left: 48px;
  padding-right: 48px;
  min-width: 1080px;
  height: 52px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  color: #0f212b;
}
.breadCrumbs a, .breadCrumbs a:hover {
  color: #666666;
  text-decoration: none;
}
.breadCrumbs .bread-crumb-separator::before {
  content: "  /  ";
  white-space: pre-wrap;
}
.breadCrumbs .bread-crumb-back {
  text-transform: uppercase;
}
.breadCrumbs .bread-crumb-back a, .breadCrumbs .bread-crumb-back a:hover {
  color: #0f212b;
}
.breadCrumbs .bread-crumb-back-arrow {
  background: url(../images/icons/arrow-left.svg);
  width: 16px;
  height: 16px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 8px;
  text-transform: uppercase;
}
.breadCrumbs .powered-by {
  position: absolute;
  right: 52px;
  font-family: Arial !important;
  font-weight: normal;
  display: flex;
  font-size: 10px;
  align-items: center;
}
.breadCrumbs .powered-by img {
  margin-left: 12px;
}

.hide {
  display: none !important;
}

.headerMessage {
  font-size: 16px;
  font-weight: bold;
  color: #177828;
}

.headerDetail {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 20px;
}

.hidden508 {
  color: transparent;
  position: absolute;
  left: -10000px;
}

.smart911ButtonBar {
  clear: both;
  border-top: 1px solid #D2D2D2;
  margin-top: 20px;
  padding-top: 20px;
}

.splash #pageContainer {
  height: 435px;
  min-height: 450px;
  width: auto;
  min-width: calc(1080px - 10%);
  margin: 90px 5% 0 !important;
  background-color: transparent;
  position: relative;
}

.uppercase {
  text-transform: uppercase;
}

.siteWidthCentered {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}

.btnEmptyBackground {
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  height: 22px;
  color: var(--text-light-mode-text-primary, rgba(0, 0, 0, 0.9));
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  background: transparent;
  border-radius: 2px;
  text-decoration: none;
  border: 1px solid #00628C;
}

.listAdministrators #panicBanner {
  position: relative;
  color: white;
  height: 80px;
  background-color: #14407D;
  background-image: -moz-linear-gradient(top, #162551, #14407D);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #162551, #14407D);
  /* IE10 */
  background-image: -o-linear-gradient(top, #162551, #14407D);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #162551, #14407D);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #162551, #14407D);
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  text-align: center;
}

.listAdministrators #panicBanner #panicBanner940 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}

.listAdministrators #panicBanner #panicBannerClose {
  position: absolute;
  right: 0px;
  top: 10px;
}

.listAdministrators #panicBanner #panicBannerTable {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
  top: 16%;
  bottom: 16%;
}

.listAdministrators #panicBanner .headline {
  font-size: 28px;
  font-weight: normal;
  color: white;
  width: 240px;
  padding-left: 3px;
}

.listAdministrators #panicBanner .panicCopy {
  max-width: 275px;
  font-weight: normal;
  color: white;
}

.listAdministrators #panicBanner .imgIcon {
  padding-top: 6px;
}

.listAdministrators #panicBanner .redButton {
  background-color: #A11D20;
  background-image: -moz-linear-gradient(top, #E1322, #A11D20);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #E1322, #A11D20);
  /* IE10 */
  background-image: -o-linear-gradient(top, #E1322, #A11D20);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #E1322, #A11D20);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #E1322, #A11D20);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  margin-left: 35px;
  padding: 10px 15px;
}

.listAdministrators #panicBanner .redButton:hover {
  text-decoration: underline;
}

.splash #panicBanner, .accordionModuleContent #panicBanner {
  height: 270px;
  background-color: #14407D;
  background-image: -moz-linear-gradient(top, #162551, #14407D);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #162551, #14407D);
  /* IE10 */
  background-image: -o-linear-gradient(top, #162551, #14407D);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #162551, #14407D);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #162551, #14407D);
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.splash #panicBanner .panicBannerInnerDiv, .accordionModuleContent #panicBanner .panicBannerInnerDiv {
  width: 800px;
  margin: 30px auto;
  position: relative;
}

.splash #panicBanner .panicBannerInnerDivlessMargin, .accordionModuleContent #panicBanner .panicBannerInnerDivlessMargin {
  width: 800px;
  margin: 20px auto;
  position: relative;
}

.splash #panicBanner .imgIcon, .accordionModuleContent #panicBanner .imgIcon {
  vertical-align: bottom;
}

.splash #panicBanner .imgProduct, .accordionModuleContent #panicBanner .imgProduct {
  position: absolute;
  right: 0;
  top: -60px;
  left: 610px;
}

.splash #panicBanner .headline, .accordionModuleContent #panicBanner .headline {
  font-size: 28px;
  font-weight: normal;
  color: white;
  display: inline;
  padding-left: 3px;
}

.splash #panicBanner .copy, .accordionModuleContent #panicBanner .copy {
  font-weight: normal;
  color: white;
  display: block;
  padding-left: 39px;
}

.splash #panicBanner .copyBanner, .accordionModuleContent #panicBanner .copyBanner {
  font-weight: normal;
  color: white;
  display: block;
  padding-bottom: 20px;
  padding-top: 5px;
}

.splash #panicBanner .redButton, .accordionModuleContent #panicBanner .redButton {
  background-color: #A11D20;
  background-image: -moz-linear-gradient(top, #E1322, #A11D20);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #E1322, #A11D20);
  /* IE10 */
  background-image: -o-linear-gradient(top, #E1322, #A11D20);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #E1322, #A11D20);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #E1322, #A11D20);
  color: white;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  top: 40px;
  left: 475px;
  padding: 10px 15px;
}

.splash #panicBanner .redButton:hover, .accordionModuleContent #panicBanner .redButton:hover {
  text-decoration: underline;
}

.splash #panicBanner .redButtonForActivate, .accordionModuleContent #panicBanner .redButtonForActivate {
  background-color: #A11D20;
  background-image: -moz-linear-gradient(top, #E1322, #A11D20);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #E1322, #A11D20);
  /* IE10 */
  background-image: -o-linear-gradient(top, #E1322, #A11D20);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #E1322, #A11D20);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #E1322, #A11D20);
  color: white;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  padding: 10px 15px;
  margin-left: 4px;
}

.splash #panicBanner .redButtonForActivate:hover, .accordionModuleContent #panicBanner .redButtonForActivate:hover {
  text-decoration: underline;
}

.splash #panicBanner .scaleImgProd, .accordionModuleContent #panicBanner .scaleImgProd {
  width: 245px;
  height: auto;
}

.splash .pageContainerInnerWrapper {
  margin: 0 0 !important;
}

.splash {
  background: url(../images/login_background.png) no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-height: 675px) {
  .splash {
    background-position: initial;
  }
}
@media (max-height: 675px) and (max-width: 3000px) {
  .splash {
    background-size: 3000px 1361px;
  }
}
@media (max-height: 675px) and (max-width: 2500px) {
  .splash {
    background-size: 2500px 1134px;
  }
}
@media (max-height: 675px) and (max-width: 2000px) {
  .splash {
    background-size: 2000px 907px;
  }
}
@media (max-height: 675px) and (max-width: 1484px) {
  .splash {
    background-size: 1484px 673px;
  }
}

.splash-links {
  margin: 40px 0 -10px 0;
  line-height: 14px;
  margin-top: 15px;
  text-align: center;
}

.splash-links A {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 10px;
}

.splash-links HR {
  margin-bottom: 30px;
}

.splashINPUT {
  width: 100%;
  margin-bottom: 10px;
  height: 25px;
  border: 1px solid #AAA;
  vertical-align: middle;
  padding-left: 3px;
}

.splashLoginInputContainer {
  display: grid;
}

#loginForm {
  width: 100%;
}

.splashH1 {
  color: var(--primary-dark-ui-primary-dark-90, rgba(0, 0, 0, 0.9));
  /* web/H4 */
  font-family: Public Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  line-height: 30px; /* 150% */
}

.splash-box {
  position: absolute;
  display: flex;
  width: 375px;
  height: 352px;
  padding: 30px 18px 18px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  right: 0;
  top: 0;
}

.splash-label {
  color: var(--primary-dark-ui-primary-dark-90, rgba(0, 0, 0, 0.9));
  /* web/body1 */
  font-family: Public Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 20px;
}

.splash-heading {
  color: #FFF;
  text-shadow: 0px 1px 2px #000;
  position: relative;
  left: 0px;
  width: 690px;
}

.splash-heading-content {
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Public Sans;
  font-size: 45px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px; /* 120% */
  letter-spacing: -1px;
  text-transform: uppercase;
}

.blue {
  color: #15A8E7;
}

.darkblue {
  color: #007AAA;
}

.splash-description {
  display: block;
  width: 493px;
}

.splash-description-content {
  color: #FFF;
  font-family: Public Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

.registerBig {
  width: 180px;
  height: 55.2px;
  background: #15A8E7;
  display: block;
  text-decoration: auto;
  flex-shrink: 0;
  text-align: center;
}
.registerBig span {
  color: #FFF;
  font-family: Public Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  margin-top: 16px;
  letter-spacing: 0.135px;
  text-transform: uppercase;
}

.splash-subheading-content {
  font-size: 21px;
}

.learnMoreSplash {
  font-size: 16px;
  font-weight: bold;
  background-color: #FFF !important;
  opacity: 0.75;
  color: #007ece !important;
  border: 1px solid #FFF !important;
  background-image: none !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.orange-link {
  background: url("../images/icons/arrow_orange_next.png") no-repeat scroll right 4px top 7px transparent;
  color: #fe9b00;
  display: inline-block;
  font-style: italic;
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
  padding: 0 20px 0 0;
  text-decoration: none;
}

.splash #adBanner {
  height: 450px;
  background-color: #f7f7f7;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.adDisplay {
  margin-top: 50px;
  text-align: center;
  display: block;
}

.brandAnnoucement {
  height: 40px;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  background-color: #FFF;
  background-image: -moz-linear-gradient(top, #0789cb 5px, #0183c5 5px);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #0789cb 5px, #0183c5 5px);
  /* IE10 */
  background-image: -o-linear-gradient(top, #0789cb 5px, #0183c5 5px);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #0789cb 5px, #0183c5 5px);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #0789cb 5px, #0183c5 5px);
  vertical-align: middle;
  text-align: center;
  padding-top: 20px;
  align-items: center;
  font-size: 16px;
  color: #FFF;
  width: 100%;
  bottom: 0;
  position: fixed;
  left: 0;
  text-align: center;
  z-index: 999;
}

.brandBtmHeadline {
  font-size: 28px;
  font-weight: normal;
  color: #333;
  margin-top: 50px;
  text-align: center;
}

.brandAnnoucementClose {
  display: inline-block;
  padding-left: 50px;
}

.brandAnnoucementInner {
  text-align: center;
}

.splash-register {
  top: 0px;
}

.brandModal {
  overflow: auto;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.65;
  filter: alpha(opacity=40);
}

.brandModalContent {
  padding-top: 10px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ffffff;
  position: absolute;
  color: #000;
  left: calc(50% - 415px);
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.5);
  align-items: center;
  display: block;
  z-index: 1002;
}

.brandModalContent P {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  text-align: left;
}

.brandModalContent P A {
  color: #007ece;
  text-decoration: underline;
}

.cross {
  float: right;
  width: 20px;
  padding-bottom: 40px;
  background: url(../images/modal_close.png) no-repeat top right white;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.bluecross {
  padding-left: 20px;
  width: 20px;
  background: url(../images/banner_close.png) no-repeat top right;
  cursor: pointer;
}

.brandModalH1 {
  padding-top: 30px;
  font-size: 30px;
  font-weight: normal;
  color: #ee6500;
  text-align: center;
  display: inherit;
}

.brandModalImg {
  background-repeat: no-repeat;
  align-items: center;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
}

.vertAlign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

H1.facility {
  color: #333;
  font-weight: normal;
  margin: 0;
  display: inline-block;
}

H2.facility {
  font-size: 16px;
  color: #177828;
}

HR.facility {
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
  border: none;
  margin: 0 0 20px 0;
}

HR.headerDivider {
  margin: 15px 0 20px 0;
}

HR.buttonDivider {
  margin: 20px 0 20px 0;
}

HR.noBottomMargin {
  margin-bottom: 0;
}

DIV.clearMe {
  clear: both;
  font-size: 0.1px;
  line-height: 0.1px;
}

DIV#haze, DIV.haze, DIV#busy {
  display: none;
  z-index: 1000;
  background-color: black;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

DIV#busy {
  background: url(../images/icons/activityIndicator48.gif) no-repeat center center black;
}

DIV#successMessageContainer, DIV#errorMessageContainer {
  width: 940px;
  margin: 30px auto 30px auto;
  border: 1px solid transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.k12MessageContainer {
  width: auto !important;
}

DIV#successMessageContainer DIV.messageInnerWrapper, DIV#errorMessageContainer DIV.messageInnerWrapper {
  margin: 20px;
}

DIV.errorMessageContainerPsapAdjust {
  font-weight: bold;
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  position: relative !important;
  top: -4px !important;
}

DIV.errorMessageLandlineAdjust {
  display: block;
  background-color: #ffe900;
  border: 2px solid #fa7134;
  color: #333333;
  margin: 30px auto;
  padding: 20px;
  font-weight: bold;
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  position: relative !important;
  top: -4px !important;
}

.noBoundaryModal {
  overflow: auto;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  opacity: 0.85;
  background-color: black;
}

.noBoundaryModalContent {
  padding-top: 10px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ffffff;
  position: fixed;
  color: #000;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.5);
  align-items: center;
  display: block;
  z-index: 1002;
  top: 0;
  margin-top: 200px;
  margin-right: 120px;
}

.noBoundaryModalContent P {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  text-align: left;
}

.noBoundarybrandModalContent P A {
  color: #007ece;
  text-decoration: underline;
}

DIV#successMessageContainer {
  background-color: #0f94cb;
  background-image: -moz-linear-gradient(left, #0085bc, #0f94cb);
  /* FF3.6 */
  background-image: -ms-linear-gradient(left, #0085bc, #0f94cb);
  /* IE10 */
  background-image: -o-linear-gradient(left, #0085bc, #0f94cb);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(left, #0085bc, #0f94cb);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(left, #0085bc, #0f94cb);
  color: white;
}

DIV#errorMessageContainer {
  background-color: #ffe900;
  border: 2px solid #FA7134;
  color: #333333;
}

SELECT.placeHolderFirstOption OPTION:first-child {
  color: #aaaaaa;
}

LABEL.error, SPAN.multiFieldLabel.error {
  color: #900;
}

LABEL.error + INPUT, LABEL.error + SELECT {
  border: solid 2px #FA7134 !important;
}

DIV#pageContainer {
  flex: 1;
  width: 940px;
  margin: 30px auto 30px;
  border-top: 1px solid transparent;
  padding: 0.1px 0 10px 0;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

DIV#pageContainer DIV.pageContainerInnerWrapper {
  border-top: 1px solid transparent;
  margin: 15px 20px 20px 20px;
}

A {
  color: #00628c;
  cursor: pointer;
}

A IMG {
  border: none;
}

A:hover {
  color: #005aa7;
}

A.disabled {
  color: #aaa;
}

A.disabled:hover {
  color: #aaa;
}

DIV.buildingBoundaryWarning {
  background: url(../images/icon_tooltip_red_warning.png) no-repeat left center;
  padding-left: 20px;
}

DIV.subjectHeader {
  margin-top: 24px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #eee;
  padding: 10px 0 10px 0;
}

DIV.subjectHeader H3 {
  margin: 0;
  float: left;
}

DIV.subjectHeader H3:first-child {
  margin: 0 12px 0 12px;
}

INPUT[type=file] {
  border: none !important;
}

INPUT.searchString {
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  width: 260px;
  background: url(../images/icons/icon_search.png) 260px center no-repeat white;
  border: 1px solid #ccc;
  padding: 0 24px 0 5px;
  margin-left: 20px;
  margin-top: 4px;
}

DIV.formField {
  clear: both;
  display: table;
  height: auto;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 15px;
}
DIV.formField.mt50px {
  margin-top: 50px;
}

DIV.flex {
  display: flex;
}

DIV.formField LABEL, DIV.formField SPAN.multiFieldLabel {
  vertical-align: middle;
  font-weight: bold;
  width: 170px;
  display: inline-block;
  font-size: 16px;
}

DIV.formField LABEL.alignTop, DIV.formField SPAN.multiFieldLabel.alignTop {
  vertical-align: top;
}

DIV.formField LABEL.alignMiddle, DIV.formField SPAN.multiFieldLabel.alignMiddle {
  vertical-align: middle;
}

DIV.formField LABEL.autoWidth, DIV.formField SPAN.multiFieldLabel.autoWidth {
  width: auto;
}

DIV.formField INPUT[type=text], DIV.formField INPUT[type=password], DIV.formField INPUT[type=file], DIV.formField SELECT {
  width: 290px;
  border: 1px solid #aaaaaa;
  height: 25px;
  padding-left: 3px;
  vertical-align: middle;
}
DIV.formField INPUT[type=text].w120px, DIV.formField INPUT[type=password].w120px, DIV.formField INPUT[type=file].w120px, DIV.formField SELECT.w120px {
  width: 120px;
}
DIV.formField INPUT[type=text].w297px, DIV.formField INPUT[type=password].w297px, DIV.formField INPUT[type=file].w297px, DIV.formField SELECT.w297px {
  width: 297px;
}

DIV.formField INPUT[type=file] {
  border: none;
}

DIV.formField INPUT[type=radio] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

DIV.formField LABEL + BR + INPUT {
  margin-top: 5px;
}

DIV.formField SELECT {
  height: 30px;
  line-height: 25px;
  padding: 5px;
  vertical-align: middle;
}

DIV.formField TEXTAREA {
  width: 290px;
  height: 70px;
}

DIV.formField TEXTAREA.wideTextArea {
  width: 600px;
  height: 60px;
}

.templateMessageTextArea {
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  border: 1px solid gray;
  font: medium -moz-fixed;
  font: -webkit-small-control;
  height: 60px;
  overflow: auto;
  padding: 2px;
  resize: both;
  width: 600px;
  cursor: text;
}

.activeAssailantNotificationTextArea {
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  border: 1px solid #d2d2d2;
  font: medium -moz-fixed;
  font: -webkit-small-control;
  width: 99%;
  overflow: auto;
  padding: 2px;
  cursor: text;
}

#templateMessageSpan:focus {
  outline: none;
}

#templateMessageSpan {
  display: inline;
  width: 100%;
  height: 100%;
}

A.actionButton.addIcon:before, A.btnEmptyBackground.addIcon:before {
  content: url(../images/icons/ic_add_dark.svg) !important;
  padding-top: 5px;
}

A.actionButton.removeIcon:before, A.btnEmptyBackground.removeIcon:before {
  content: url(../images/icons/ic_trash.svg) !important;
  padding-top: 5px;
}

A.actionButton.camera:before {
  content: url(../images/icons/ic_camera.svg) !important;
  padding-top: 5px;
}

A.actionButton.play:before {
  content: url(../images/icons/ic_play.svg) !important;
  padding-top: 5px;
}

A.actionButton.noImg:before {
  content: none !important;
  padding-top: 5px;
}

div#templateMessageSpan[contenteditable]:empty::before {
  content: attr(data-placeholder);
  cursor: text;
}

div#templateMessageSpan[contenteditable]:focus:empty::before {
  content: "|";
}

DIV.formField DIV.multiFieldWrapper {
  display: inline-block;
  width: 290px;
  font-size: 12px;
}

DIV.formField DIV.multiFieldWrapper LABEL {
  width: auto;
  margin-bottom: 5px;
}

DIV.formField INPUT[type=button].linkLikeButton {
  background-color: transparent;
  border: 0;
  color: #1c60a3;
  text-decoration: underline;
  font-size: medium;
  cursor: pointer;
}

DIV.formField INPUT[type=number].h23pxW120px {
  height: 23px;
  width: 120px;
}

DIV.column {
  float: left;
}
DIV.column DIV.header {
  font-size: 15px;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
}

.devicesRadioBox {
  transform: scale(1.5);
  font-size: 16px;
  font-weight: normal;
  accent-color: #007AAA;
}

.devicesInputField {
  height: 24px;
  width: 320px !important;
  margin-top: 5px;
}

.devicesInputLabel {
  margin-right: 50px;
  font-size: 14px;
  font-weight: 500;
}

.devicesAddressInputLabel {
  font-size: 14px;
  font-weight: 400;
}

A.actionButton.settingsMaterial {
  border: none;
  box-shadow: none;
  margin: 0 8px;
  background: url(../images/icons/ic_settings.svg) no-repeat center center;
}

.cameraInfoRight {
  width: 450px;
  height: 200px;
  padding: 15px 20px;
  background: #D9D9D9;
}

.camerasText {
  font-size: 14px;
  padding-right: 50px;
  font-weight: 500;
}

.edgeDevicesPsapList a:visited {
  color: -webkit-link !important;
  text-decoration: underline;
}

#avigilon-instructions-content A {
  text-decoration: auto;
}

#avigilon-instructions-resources {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 25px;
}

.avigilon-resource-link {
  margin: 12px 0;
}

DIV.column.twoColumn INPUT[type=text], DIV.column.twoColumn INPUT[type=password], DIV.column.twoColumn INPUT[type=file] {
  width: 240px;
}

DIV.column.twoColumn SELECT {
  width: 245px;
}

DIV.column.twoColumn DIV.formField DIV.multiFieldWrapper {
  width: 240px;
}

DIV.column.twoColumn DIV.formField DIV.multiFieldWrapper LABEL {
  width: 80px !important;
}

DIV.column.singleColumn {
  margin-bottom: 20px;
}
DIV.column.singleColumn INPUT[type=number] {
  width: 100px;
  height: 20px;
  margin-right: 10px;
  text-align: left;
}
DIV.column.singleColumn INPUT[type=checkbox] {
  width: 20px;
  margin-left: 0;
  vertical-align: middle;
}
DIV.column.singleColumn INPUT[type=radio] {
  width: 20px;
  margin: 3px;
  vertical-align: middle;
}
DIV.column.singleColumn SELECT {
  width: 100px;
  height: 30px;
  line-height: 25px;
  vertical-align: baseline;
}
DIV.column.singleColumn LABEL.suffix {
  width: 70px;
}
DIV.column.singleColumn LABEL.suffix.long {
  width: 350px;
}
DIV.column.singleColumn LABEL.suffix.medium {
  width: 338px;
}

DIV.textareaWrapper {
  width: 100%;
  border: 1px solid #d2d2d2;
  margin-top: 10px;
}

DIV.textareaWrapper TEXTAREA {
  margin: 5px;
  border: none;
}

LABEL.disabled {
  color: #aaa;
}

DIV#requiredFieldMsg {
  margin-top: 10px;
  margin-bottom: 20px;
}

SPAN.required {
  color: #ee6500;
}

SPAN[forcounter] {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
}

.pinMarkerLabel {
  background-color: rgba(40, 53, 66, 0.8784313725);
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 70px;
  color: #FFFFFF;
}

#mapBtnContainer {
  float: right;
  line-height: 0;
  display: flex;
  padding-top: 7px;
}

#pinMapBtn, #polygonMapBtn, #clearMap, #editMap {
  height: 34px;
  min-width: 34px;
}

#clearMap, #editMap {
  background: transparent;
  border: 1px solid #213F59;
  font-size: 14px;
}

#pinMapBtn {
  background: #213F59;
  margin-right: 0;
  border-radius: 3px 0 0 3px;
}

#pinMapBtn.active, #polygonMapBtn.active {
  background: #007AAA;
}

#pinMapBtn.disabled, #polygonMapBtn.disabled {
  background: lightgray;
  pointer-events: none;
  opacity: 0.6;
}

#pinMapBtn.pin {
  background-image: url("../images/icons/ic_point.svg");
  background-repeat: no-repeat;
  background-position: 5px 4px;
}

#polygonMapBtn {
  background: #213F59;
  border-radius: 0 3px 3px 0;
}

#polygonMapBtn.polygon {
  background-image: url("../images/icons/ic_polygon.svg");
  background-repeat: no-repeat;
  background-position: 7px 6px;
}

P.emptyList {
  line-height: 26px;
}

P.subhead {
  font-weight: bold;
}

A.addOneNow {
  background: url(../images/icons/arrow_blue.png) no-repeat right center;
  padding-right: 10px;
  color: #0074BC;
  font-weight: bold;
  text-decoration: none;
}

A.addOneNow:hover {
  text-decoration: underline;
}

A.addOneNow::after {
  content: "Add one now";
}

A.addDocumentNow, A.addFloorplanNow {
  background: url(../images/icons/arrow_blue.png) no-repeat right center;
  padding-right: 10px;
  color: #0074BC;
  font-weight: bold;
  text-decoration: none;
}

A.addDocumentNow:hover, A.addFloorplanNow:hover {
  text-decoration: underline;
}

A.addDocumentNow::after {
  content: "Add a Document";
}

A.addFloorplanNow::after {
  content: "Begin";
}

.loginFormLabel {
  color: var(--primary-dark-ui-primary-dark-90, rgba(0, 0, 0, 0.9));
  /* web/subtitle */
  font-family: Public Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 150% */
}

.loginFormLabelMandatory {
  color: var(--accent-ui-alert, #D0021B);
  /* web/subtitle */
  font-family: Public Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}

#loginFormRegister {
  text-align: center;
  color: var(--primary-dark-ui-primary-dark-90, rgba(0, 0, 0, 0.9));
  margin-top: 30px;
  /* web/body2 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

INPUT.primaryButton {
  display: flex;
  height: 42px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  width: 100%;
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  color: var(--primary-light-ui-primary-light, #FFF);
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  cursor: pointer;
  /* light/shadow/shadow-level-1 */
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

INPUT.strike {
  text-decoration: line-through;
}

.loginFormForgotLinks {
  color: var(--selection-highlight-ui-primary-highlight, #007AAA);
  /* web/subtitle */
  font-family: Public Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 150% */
}

.loginFormRegisterLinks {
  color: var(--selection-highlight-ui-primary-highlight, #007AAA);
  /* web/H6 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.resetPin {
  text-transform: none !important;
  padding: 6px 12px !important;
  color: var(--text-light-mode-text-primary, rgba(0, 0, 0, 0.9)) !important;
  font-family: Public Sans !important;
  font-size: 14px !important;
  background: transparent !important;
  border-radius: 2px !important;
  border: 1px solid #00628C !important;
  height: auto !important;
  box-shadow: none !important;
  margin-left: 5px;
}

DIV#alternateLoginFunctions {
  margin: 0 0 15px 0;
  line-height: 14px;
}

DIV#alternateLoginFunctions HR {
  margin-bottom: 30px;
}

SELECT.rowFieldSelect {
  width: 150px;
}

SELECT.rowFieldSelect OPTION {
  width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*********** site wide button styles ***********/
A.button, INPUT.button, BUTTON {
  cursor: pointer;
  display: inline-block;
  text-transform: inherit;
  padding: 0 15px 0 15px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  height: 28px;
  color: white;
  margin-right: 10px;
  text-decoration: none !important;
}

.stylelessBtn {
  background: none;
  color: #007AAA;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

A.button.fright, INPUT.button.fright, BUTTON.fright {
  float: right;
  margin-right: 0;
}

BUTTON.margin10px {
  margin: 10px;
}

BUTTON.marginTopLeft10px {
  margin-top: 10px;
  margin-left: 10px;
}

A.button.add, INPUT.button.add, BUTTON.add {
  padding-left: 10px;
  white-space: nowrap;
}

A.button.add DIV, INPUT.button.add DIV, BUTTON.add DIV {
  float: left;
  margin: 8px 5px 0 0;
  display: inline-block;
  background: url(../images/icons/plus_for_add.png) transparent;
  width: 12px;
  height: 11px;
  color: transparent;
  font-size: 0.001em;
}

A.button.edit, INPUT.button.edit, BUTTON.edit {
  padding-left: 10px;
  white-space: nowrap;
}

A.button.edit DIV, INPUT.button.edit DIV, BUTTON.edit DIV {
  float: left;
  margin: 11px 5px 0 0;
  display: inline-block;
  background: url(../images/icons/btn_edit_large.png) no-repeat transparent;
  width: 13px;
  height: 15px;
  color: transparent;
  font-size: 0.001em;
}

A.button.ready, INPUT.button.ready, BUTTON.ready {
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  display: inline-flex;
  align-items: center;
  /* light/shadow/shadow-level-1 */
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

A.button.ready.requestApprovalButton {
  line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 28px;
  font-size: 14px;
  font-weight: 100;
  text-transform: none;
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

A.button.blue, INPUT.button.blue, BUTTON.blue {
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

A.button.passive, INPUT.button.passive, BUTTON.passive, DIV.sectionBar DIV A.actionButton.defaultFloor.passive, A.actionButton.markDefaultFloor {
  background-color: #9E9E9E;
  background-image: -moz-linear-gradient(top, #C3C3C3, #9E9E9E);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #C3C3C3, #9E9E9E);
  /* IE10 */
  background-image: -o-linear-gradient(top, #C3C3C3, #9E9E9E);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #C3C3C3, #9E9E9E);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #C3C3C3, #9E9E9E);
}
A.button.passive.cursorInherit, INPUT.button.passive.cursorInherit, BUTTON.passive.cursorInherit, DIV.sectionBar DIV A.cursorInherit.actionButton.defaultFloor.passive, A.cursorInherit.actionButton.markDefaultFloor {
  cursor: inherit;
}

A.button.action, INPUT.button.action, BUTTON.action {
  background-color: #6d9fe8;
  background-image: -moz-linear-gradient(top, #6d9fe8, #3a6cb5);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #6d9fe8, #3a6cb5);
  /* IE10 */
  background-image: -o-linear-gradient(top, #6d9fe8, #3a6cb5);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #6d9fe8, #3a6cb5);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #6d9fe8, #3a6cb5);
}

A.button.disabled, INPUT.button.disabled, BUTTON.disabled .modalOkButton.disabled, DIV.sectionBar DIV A.actionButton.defaultFloor.disabled, A.actionButton.bulkManage.big.disabled, DIV.sectionBar A.actionButton.add.disabled, div.sectionBar button.actionButton.add.disabled,
DIV.sectionHeaderNew A.actionButton.add.disabled, div.sectionHeaderNew button.actionButton.add.disabled, A.actionButton.markDefaultFloor.disabled {
  color: #ddd;
  background-color: #DADADA;
  background-image: -moz-linear-gradient(top, #DADADA, #7E7E7E);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #DADADA, #7E7E7E);
  /* IE10 */
  background-image: -o-linear-gradient(top, #DADADA, #7E7E7E);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #DADADA, #7E7E7E);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #DADADA, #7E7E7E);
}
A.button.disabled.cursorInherit, INPUT.button.disabled.cursorInherit, BUTTON.disabled .modalOkButton.disabled.cursorInherit, DIV.sectionBar DIV A.cursorInherit.actionButton.defaultFloor.disabled, A.cursorInherit.actionButton.bulkManage.big.disabled, DIV.sectionBar A.cursorInherit.actionButton.add.disabled, div.sectionBar button.cursorInherit.actionButton.add.disabled,
DIV.sectionHeaderNew A.cursorInherit.actionButton.add.disabled, div.sectionHeaderNew button.cursorInherit.actionButton.add.disabled, A.cursorInherit.actionButton.markDefaultFloor.disabled {
  cursor: inherit;
}

INPUT.button.inactive {
  background-color: #888888;
  background-image: none;
  color: #BBBBBB;
  cursor: inherit;
}

.button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}

A.button.orange, INPUT.button.orange, BUTTON.orange, DIV.uploadFile A {
  background-color: #f88001;
  background-image: -moz-linear-gradient(top, #fc8a10, #f88001);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fc8a10, #f88001);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fc8a10, #f88001);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #fc8a10, #f88001);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #fc8a10, #f88001);
}

A.button.warningOrange, INPUT.button.warningOrange, BUTTON.warningOrange {
  background-color: #fb8141;
  background-image: -moz-linear-gradient(top, #fb8141, #d55b1b);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fb8141, #d55b1b);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fb8141, #d55b1b);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #fb8141, #d55b1b);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #fb8141, #d55b1b);
}

A.button.big, INPUT.button.big, BUTTON.big {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  height: 30px;
  display: inline-flex;
  align-items: center;
}

A.button.big.add DIV, INPUT.button.big.add DIV, BUTTON.big.add DIV {
  margin-top: 11px;
}

BUTTON.button.ready.continueBtn, BUTTON.button.ready.saveCampusBtn {
  color: var(--text-dark-mode-text-primary, #FFF);
  /* web/body2 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  text-transform: inherit;
  display: flex;
  height: 34px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

A.button.big.continueBtn, INPUT.button.big.continueBtn, BUTTON.big.continueBtn {
  display: inline-flex;
  height: 34px;
  padding: 6px 40px 6px 12px;
  text-transform: none;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

INPUT.continueBtn {
  background-image: url("../images/icons/ic_arrow_right_2.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 80px 4px !important;
  background-color: #004d6c !important;
}

A.button.big.saveBtn, INPUT.button.big.saveBtn, BUTTON.big.saveBtn {
  display: inline-flex;
  height: 34px;
  padding: 6px 12px 6px 40px;
  text-transform: none;
  font-size: 16px;
  justify-content: center;
  background-image: url("../images/icons/ic_save.svg");
  background-repeat: no-repeat;
  background-position: 10px 3px;
  background-color: #004d6c;
  align-items: center;
  gap: 6px;
}

A.button.big.passive, INPUT.button.big.passive, BUTTON.big.passive {
  height: 34px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  text-transform: none;
  color: black;
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
}

A.button.big.saveBtn:before, INPUT.button.big.saveBtn:before, BUTTON.big.saveBtn:before {
  content: url("../images/icons/ic_save.svg") !important;
}

INPUT.continueBtn:after {
  padding-top: 3px;
  content: url("../images/icons/ic_arrow_right_2.svg") !important;
}

BUTTON.button.ready.continueBtn:after {
  padding-top: 3px;
  content: url("../images/icons/ic_arrow_right_2.svg");
}

BUTTON.button.ready.saveCampusBtn:before {
  padding-top: 3px;
  content: url("../images/icons/ic_save.svg");
}

.gm-style iframe + div {
  border: none !important;
}

A.button.splashBig, INPUT.button.splashBig, BUTTON.splashBig {
  font-size: 14px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  width: 100%;
}

A.button.splashBig.add DIV, INPUT.button.splashBig.add DIV {
  margin-top: 11px;
}

A.button.small, INPUT.button.small, BUTTON.small {
  font-size: 12px;
  padding: 2px 10px 1px 10px;
}

A.button.smallWIcon, INPUT.button.smallWIcon, BUTTON.smallWIcon {
  font-size: 12px;
  height: 20px;
  padding: 0px 5px 0px 20px;
  margin-bottom: 5px;
  position: relative;
}

A.button.smallWIcon IMG, INPUT.button.smallWIcon IMG, BUTTON.smallWIcon IMG {
  position: absolute;
  left: 3px;
  top: 2px;
}

A.button.plus IMG, INPUT.button.plus IMG, BUTTON.plus IMG {
  margin-top: -3px;
}

A.button.small, INPUT.button.small, BUTTON.small {
  line-height: 20px;
}

A.nakedButton {
  text-decoration: none;
  color: #333;
}

A.nakedButton:hover {
  text-decoration: underline;
}

A.withArrow {
  font-weight: bold;
  background: url(../images/icons/arrow_blue.png) no-repeat right center;
  text-decoration: none;
  padding-right: 10px;
}

A.withArrow.red {
  background: url(../images/icons/arrow_red.png) no-repeat right center;
  color: #fe4201;
}

A.withArrow:hover {
  text-decoration: underline;
}

A.toolTip {
  color: #007ec7;
  cursor: pointer;
  background: url(../images/icons/tip_icon.png) no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  text-decoration: none;
  color: transparent;
  font-size: 0.001em;
  vertical-align: middle;
  position: relative;
  margin-left: 5px;
}

DIV.raveToolTip.newHelpIcon {
  height: 24px;
  width: 24px;
  margin-left: 20px;
  background: url(../images/icons/ic_help.svg) no-repeat;
}

A.toolTip IMG {
  border: none;
}

A.toolTip:hover {
  color: #005aa7;
}

A.toolTip:hover DIV {
  left: 10px;
}

DIV.toolTipContent, DIV.warningWidget {
  position: absolute;
  left: -1000px;
  width: 100%;
  padding: 10px;
  width: 200px;
  border: 1px solid #0193df;
  background-color: #f5fbfe;
  z-index: 100;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

DIV.toolTipContent IMG.leftArrow, DIV.warningWidget IMG.leftArrow {
  position: absolute;
  left: -20px;
  top: 30px;
}

DIV.toolTipContent DIV.toolTipContentWrapper, DIV.warningWidget DIV.toolTipContentWrapper {
  float: left;
}

/*********** page header/masthead styles ***********/
DIV#headerBleed {
  width: 100%;
  min-width: 1080px;
  background-color: #FFF;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 120px;
  position: relative;
  color: #333;
}
DIV#headerBleed .headerLogoSpace {
  display: flex;
  align-items: center;
  flex-grow: 2;
  margin-top: 3px;
}
DIV#headerBleed .headerLogoSpace .appTitle {
  color: #0f212b;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  border-left: 2px solid #333;
  text-align: center;
  padding-left: 18px;
}
DIV#headerBleed .headerLogoSpace #cameraShareProgramLogo {
  padding-right: 15px;
  margin-left: 49px;
}
DIV#headerBleed .headerLogoSpace .cameraShareProgram {
  color: #666666;
  font-family: Oswald !important;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  text-align: left;
  padding-left: 18px;
  text-transform: uppercase;
}
DIV#headerBleed .helpLogout {
  display: inline-flex;
}
DIV#headerBleed .userDetailsSpace {
  display: block;
  margin: 0 40px;
}
DIV#headerBleed li {
  color: #00628C;
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.105px;
  text-transform: uppercase;
}
DIV#headerBleed A#smart911LogoLink {
  color: transparent;
  display: block;
  position: relative;
  width: 42px;
  height: 42px;
  background: url(../images/logos/emsignia.svg) no-repeat center;
  line-height: 60px;
  margin: 0 19px 0 40px;
}
DIV#headerBleed DIV#smart911ReferrerLogo {
  background: url(../images/logos/logo_smart911_service_header.png) no-repeat;
  background-color: #F2F2F2;
  width: 200px;
  height: 60px;
  line-height: 60px;
  color: transparent;
  font-size: 0.001em;
}

DIV.aboutBleed {
  background-color: #1e386b;
  background-image: -moz-linear-gradient(top, #1e386b, #1c60a3);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #1e386b, #1c60a3);
  /* IE10 */
  background-image: -o-linear-gradient(top, #1e386b, #1c60a3);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #1e386b, #1c60a3);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #1e386b, #1c60a3);
  height: 85px;
  position: relative;
  border-bottom: 1px solid;
  border-bottom-color: #FFFFFF;
  border-radius: 25px;
}

DIV.aboutBleed SPAN {
  font-size: 12px;
}

DIV#header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  color: #333;
}

DIV#psapsListWrapper {
  margin-top: 10px;
  position: relative;
}

DIV#generalActionWarning {
  display: none;
  width: 940px;
  margin: 30px auto 30px auto !important;
  background: var(--selection-highlight-ui-find-highlight-70, rgba(255, 248, 77, 0.7));
  color: #333333;
  padding: 20px;
}

SPAN.generalActionWarningContainer {
  color: #000;
  text-align: center;
  width: 602px;
  margin: auto;
  display: block;
  /* web/H6 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}

DIV#navBarBleed {
  position: relative;
  height: 35px;
  line-height: 35px;
}

DIV#navBarBleed DIV#navBarWrapper {
  text-align: center;
  height: 35px;
  line-height: 35px;
}

DIV#navBarBleed DIV#navBarWrapper .help {
  display: inline-block;
  float: right;
  font-size: 90%;
  padding-left: 3px;
}

DIV#navBarBleed DIV#navBarWrapper UL#primaryNavBar {
  display: inline-flex;
  margin: auto;
  padding-left: 0px;
}

DIV#navBarBleed DIV#navBarWrapper UL#primaryNavBar LI {
  height: 35px;
  line-height: 36px;
  display: inline-block;
  margin-left: 40px;
}

DIV#navBarBleed DIV#navBarWrapper UL#primaryNavBar LI.active a {
  color: #00628c !important;
}

DIV#navBarBleed DIV#navBarWrapper A {
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  font-family: "Public Sans";
}

A#accountHolderGreeting, A#signOut, A#signIn, A#signInFullPage, A#help {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  text-decoration: none;
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

A#accountHolderGreeting:hover, A#signOut:hover, A#signIn:hover, A#signInFullPage:hover {
  text-decoration: underline;
}

A#accountHolderGreeting {
  color: #333 !important;
  /* web/H7 */
  font-family: Public Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
}

/*********** END page header/masthead styles ***********/
/* accordion module */
DIV.accordionModule {
  margin-bottom: 25px;
}

DIV.accordionModule DIV.accordionModuleHeader {
  border: 1px solid #d2d2d2;
  border-left: none;
  background-color: #eee;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  font-weight: bold;
}

DIV.accordionModule DIV.accordionModuleHeader A.accordionButton {
  float: right;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  background-color: #838383;
  background-image: -moz-linear-gradient(top, #a4a4a4, #838383);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #a4a4a4, #838383);
  /* IE10 */
  background-image: -o-linear-gradient(top, #a4a4a4, #838383);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #a4a4a4, #838383);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #a4a4a4, #838383);
  text-decoration: none;
}

DIV.accordionModule DIV.accordionModuleHeader A.accordionButton DIV {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/icons/arrow_white_down.png) center center no-repeat;
}

DIV.accordionModule DIV.accordionModuleHeader A.accordionButton.expanded DIV {
  background: url(../images/icons/arrow_white_up.png) center center no-repeat;
}

DIV.accordionModule DIV.accordionModuleHeader.panicButtonConfig {
  background: url(../images/icons/icon_section_panic_config.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.accordionModule DIV.accordionModuleHeader:hover {
  background-color: #eaf5fb;
}

DIV.accordionModule DIV.accordionModuleHeader:hover SPAN.campusName {
  text-decoration: underline;
}

DIV.accordionModule DIV.accordionModuleHeader SPAN.panicAccountName {
  float: right;
  margin-right: 30px;
  font-weight: normal;
  font-size: 12px;
  text-overflow: ellipsis;
}

DIV.accordionModule DIV.accordionModuleContent {
  display: none;
}

A.actionButton {
  display: inline-block;
  width: 22px;
  height: 22px;
  color: transparent;
  font-size: 0.01em;
  float: right;
  margin-left: 10px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 2px;
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  /* light/shadow/shadow-level-1 */
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.noUnderline {
  text-decoration: none;
}

A.actionButton.bulkManage, DIV.sectionBar DIV A.actionButton.defaultFloor {
  background: url(../images/icons/btn_bulkmanage_small.png) no-repeat center center;
}

A.actionButton.downloadCampuses,
A.actionButton.downloadUsers,
A.actionButton.downloadContacts {
  background: url(../images/icons/download_blue.png) no-repeat center center;
  margin-right: 10px;
  float: left;
}

A.actionButton.edit {
  border: none;
  box-shadow: none;
  margin: 0 8px;
  background: url(../images/icons/ic_edit.svg) no-repeat center center;
}

A.actionButton.delete {
  border: none;
  box-shadow: none;
  margin: 0 8px;
  background: url(../images/icons/ic_trash.svg) no-repeat center center;
}

A.actionButton.preview {
  background: url(../images/icons/icon_view.png) no-repeat center center;
}

A.actionButton.previewMaterial {
  border: none;
  box-shadow: none;
  margin: 0 8px;
  background: url(../images/icons/icon_view_material.svg) no-repeat center center;
}

A.actionButton.copy {
  background: url(../images/icons/icon_copy_content.svg) no-repeat center center;
}

A.actionButton.add {
  background: url(../images/icons/btn_add_small.png) no-repeat center center;
}

A.actionButton.unlock, DIV.actionButton.unlock {
  background: url(../images/icons/icon_unlock.png) no-repeat center center;
}

DIV.actionButton.unlock {
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

A.actionButton.markDefaultFloor {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  width: auto;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 5px 0 0;
  padding: 0 10px 0 10px;
}
A.actionButton.markDefaultFloor.disabled {
  background-color: #888888;
  background-image: none;
  color: #BBBBBB;
  cursor: default;
}
A.actionButton.markDefaultFloor.disabled:before {
  opacity: 0.5;
}

DIV.none {
  clear: both;
  display: flex;
  height: 48px;
}

DIV.none A.actionButton.add, DIV.none A.actionButton.primary {
  color: white;
  width: auto;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px;
  padding-top: -5px;
  padding-right: 20px;
  padding-left: 10px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* FF3.6 */
  background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* IE10 */
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* Chrome 10+, Saf5.1+ */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
}

DIV.none A.actionButton.add {
  display: flex;
  height: 48px;
  line-height: 48px;
}

DIV.none A.actionButton.add:before {
  content: "+";
  height: 48px;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

DIV.none.choice {
  clear: both;
  display: inline-block;
  margin-bottom: 20px;
  height: 40px;
}

DIV.none A.actionButton.primary {
  display: inline-block;
  float: left;
  margin-right: 30px;
  height: 40px;
  line-height: 40px;
}

DIV.none A.actionButton.primary:before {
  content: "";
  background: url(../images/icons/icon_bulkmanage.png) no-repeat center center;
  background-size: 13px 15px;
  width: 13px;
  height: 15px;
  padding-left: 10px;
  padding-right: 20px;
}

DIV.none A.actionButton.secondary {
  display: block;
  float: right;
  color: #333;
  width: auto;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px;
  padding-top: -5px;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  border: 1px solid #007ece;
  background-color: #fff;
}

A.markdone:link, A.markdone:visited, A.markdone:active {
  display: table;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none !important;
}

A.markdone:hover {
  color: #007ece;
  text-decoration: underline !important;
}

.peopleAddBtn {
  float: right;
  width: 75px;
  height: 34px;
  border: 1px solid rgb(0, 122, 170);
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  color: black;
  font-weight: normal;
  font-size: 16px;
}

.peopleAddBtn:hover {
  color: black;
}

DIV.sectionBar A.actionButton.add, div.sectionBar button.actionButton.add,
DIV.sectionHeaderNew A.actionButton.add, div.sectionHeaderNew button.actionButton.add {
  display: flex;
  height: 22px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  width: auto;
  color: var(--text-dark-mode-text-primary, #FFF);
  /* web/body2 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-transform: initial;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--primary-light-ui-primary-light-10, rgba(255, 255, 255, 0.1));
  border-radius: 2px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* FF3.6 */
  background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* IE10 */
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
  /* Chrome 10+, Saf5.1+ */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
}
DIV.sectionBar A.actionButton.add.disabled, div.sectionBar button.actionButton.add.disabled,
DIV.sectionHeaderNew A.actionButton.add.disabled, div.sectionHeaderNew button.actionButton.add.disabled {
  background-color: #888888;
  background-image: none;
  color: #BBBBBB;
  cursor: default;
}
DIV.sectionBar A.actionButton.add.disabled:before, div.sectionBar button.actionButton.add.disabled:before,
DIV.sectionHeaderNew A.actionButton.add.disabled:before, div.sectionHeaderNew button.actionButton.add.disabled:before {
  opacity: 0.5;
}

DIV.sectionBar A.actionButton.add:before {
  content: url(../images/icons/ic_add.svg);
  padding-top: 5px;
}

DIV.integrationsFields {
  display: flex;
}

DIV.integrationsFormFields {
  min-width: 50%;
  margin: 30px 0;
  display: flex;
}

DIV.devicePartnerFields {
  display: flex;
}

#saveButton.disabled {
  background-color: gray;
  cursor: default;
}

DIV.sectionBar A.actionButton.bulkManage {
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  color: var(--text-light-mode-text-primary, rgba(0, 0, 0, 0.9));
  /* web/body2 */
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  background: transparent;
  border-radius: 2px;
  border: 1px solid #00628C;
}

A.actionButton.bulkManage.big {
  color: #00628C;
  border-radius: 2px;
  border: 1px solid #00628C;
  height: 22px;
  width: auto;
  line-height: 35px;
  font-size: 14px;
  text-decoration: none;
  padding: 0 20px 10px 10px;
  white-space: nowrap;
  background: #fff;
}
A.actionButton.bulkManage.big.disabled {
  background-color: #888888;
  background-image: none;
  color: #BBBBBB;
  cursor: default;
}
A.actionButton.bulkManage.big.disabled:before {
  opacity: 0.5;
}
A.actionButton.bulkManage.big.crop:before {
  content: url(../images/icons/crop_tool.png);
  padding-left: 10px;
  padding-right: 10px;
}

DIV.sectionBar A.actionButton.bulkManage.devices:before, A.actionButton.bulkManage.big.devices:before {
  margin-right: 5px;
}

DIV.sectionBar A.actionButton.bulkManage:before, A.actionButton.bulkManage.big:before {
  content: "";
  background: url(../images/icons/ic_upload.svg) no-repeat center center;
  width: 20px;
  height: 20px;
}

DIV.sectionBar DIV A.actionButton.defaultFloor {
  min-width: 180px;
  float: left;
  margin: 0;
}
DIV.sectionBar DIV A.actionButton.defaultFloor.disabled {
  background-color: #888888;
  background-image: none;
  color: #BBBBBB;
  cursor: default;
}
DIV.sectionBar DIV A.actionButton.defaultFloor.disabled:before {
  opacity: 0.5;
}
DIV.sectionBar DIV A.actionButton.defaultFloor.passive:before {
  margin-right: 20px;
}
DIV.sectionBar DIV A.actionButton.defaultFloor:before {
  background: url(../images/icons/select_tool.png) no-repeat center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  padding: 2px 10px 0 10px;
  margin: 0 5px 0 6px;
}

A.documentViewLink.disabled {
  color: #aaa;
  pointer-events: none;
}

DIV.reorderColumn.disabled {
  opacity: 0.5;
}

A.actionButton.search {
  background: url(../images/icons/icon_search.png) no-repeat center center;
}

A.actionButton.view {
  background: url(../images/icons/icon_view.png) no-repeat center center;
}

.ml0 {
  margin-left: 0 !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr0 {
  margin-right: 0 !important;
}

DIV.search {
  display: inline-block;
  position: relative;
  border: 1px solid #d2d2d2;
  height: 25px;
  width: 400px;
  margin: 0 0 0 20px;
  vertical-align: middle;
  background-color: white;
}

DIV.search INPUT[type=text] {
  border: none;
  position: absolute;
  top: 0;
  left: 2px;
  height: 23px;
  width: 95%;
  font-size: 14px;
}

DIV.search INPUT[type=text]:focus {
  outline: none;
}

DIV.VIPSection {
  margin-top: 30px;
}

DIV.VIPSection DIV.gridListHeader {
  font-weight: bold;
  color: #177828;
}

DIV.grayBackground {
  border-bottom: 1px solid #d2d2d2;
  background: rgb(242, 242, 242);
}

DIV.vipContactsList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

DIV.vipContactsList div {
  line-height: 45px;
}

.wearablesBlueButton, .blueButton {
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 24px !important;
  line-height: 24px !important;
  border-radius: 0 !important;
}

.wearablesBluePreview, .wearablesBlueReset, .bluePreview, .blueReset {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #00628c;
  text-decoration: none;
  line-height: 24px;
}

.wearablesBluePreview:before, .bluePreview:before {
  content: "";
  background: url("../images/icons/ic_open_blue.svg") no-repeat center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.wearablesBlueReset:before, .blueReset:before {
  content: "";
  background: url("../images/icons/ic_undo_blue.svg") no-repeat center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.blueButton, .wearablesBlueButton {
  display: flex;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5fbfe;
  border: 1px solid #007ece;
  text-decoration: none;
}

.blueButton:before, .wearablesBlueButton:before {
  content: "+";
  font-size: 17px;
  font-weight: bold;
  color: #007ece;
  margin-right: 7px;
  text-decoration: none;
}

.overrideDefault {
  border: 1px solid #d2d2d2;
}

.overrideDefault TEXTAREA {
  width: 99%;
  margin: 5px;
  border: none;
}

.switch-input, .switch-input-critical {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.switch-input:focus ~ .switch-label:before, .switch-input:focus ~ .switch-label-critical:before, .switch-input-critical:focus ~ .switch-label:before, .switch-input-critical:focus ~ .switch-label-critical:before,
.switch-input:focus ~ .switch-label:after,
.switch-input:focus ~ .switch-label-critical:after,
.switch-input-critical:focus ~ .switch-label:after,
.switch-input-critical:focus ~ .switch-label-critical:after {
  outline: 1px dotted blue;
}

.switch-label, .switch-label-critical {
  position: relative;
  min-width: 112px;
  cursor: pointer;
  text-align: left;
  padding: 16px 0 16px 44px;
}

.switch-label:before, .switch-label-critical:before, .switch-label:after, .switch-label-critical:after {
  content: "";
  position: absolute;
  margin-top: -12px;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.switch-label:before, .switch-label-critical:before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: #c0c8ca;
  border-radius: 8px;
}

.switch-label:after, .switch-label-critical:after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #878787;
  border-radius: 50%;
}

.switch-input:checked ~ .switch-label:before, .switch-input:checked ~ .switch-label-critical:before, .switch-input-critical:checked ~ .switch-label:before, .switch-input-critical:checked ~ .switch-label-critical:before {
  background-color: #8db7da;
}

.switch-input:checked ~ .switch-label:after, .switch-input:checked ~ .switch-label-critical:after, .switch-input-critical:checked ~ .switch-label:after, .switch-input-critical:checked ~ .switch-label-critical:after {
  background-color: #1b60a6;
  -ms-transform: translate(80%, -50%);
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
}

.switch-label-critical:after {
  background-color: #26b400;
}

.switch-input-critical:checked ~ .switch-label-critical:after {
  background-color: #ff0000;
}

DIV.hinge {
  margin-top: 20px;
}

DIV.hinge H2 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

DIV.hinged H1 {
  font-size: 30px;
  margin-top: 0px !important;
  margin-bottom: 5px;
  color: #333;
}

SPAN.hinged {
  margin-top: 10px;
  padding-right: 10px;
}

SPAN.hinge.expanded, SPAN.hinged.expanded {
  position: relative;
  float: right;
  display: inline-block;
}

SPAN.hinge P, SPAN.hinged P {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #00628c;
  vertical-align: top;
  float: left;
}

SPAN.hinge.expanded SPAN.icon, SPAN.hinged.expanded SPAN.icon {
  display: inline-block;
  margin-left: 10px;
  width: 15px;
  height: 15px;
  background: url("../images/icons/arrow_blue_up.png") no-repeat;
}

SPAN.hinge.collapsed, SPAN.hinged.collapsed {
  position: relative;
  float: right;
  display: inline-block;
}

SPAN.hinge.collapsed SPAN.icon, SPAN.hinged.collapsed SPAN.icon {
  display: inline-block;
  margin-left: 10px;
  width: 15px;
  height: 15px;
  background: url("../images/icons/arrow_blue_down.png") no-repeat;
}

.hinged.outer {
  width: 920px;
  margin-left: auto;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  border: 1px solid #007ece;
  padding: 5px 10px 5px 10px;
  background-image: -moz-linear-gradient(top, #fff, #f2fbff);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fff, #f2fbff);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fff, #f2fbff);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #fff, #f2fbff);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #fff, #f2fbff);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.hinged.help {
  font-size: 16px;
  font-family: Arial;
  line-height: 28px;
}

.hinged.help A:link,
.hinged.help A:active,
.hinged.help A:visited {
  display: block;
  color: #007ece;
  text-decoration: none;
}

.hinged.help A:hover {
  display: block;
  color: #007ece;
  text-decoration: underline;
}

.hinged.content {
  clear: right;
  width: 100%;
}

.hinged.image {
  clear: both;
  display: block;
  margin-top: 10px;
  height: 256px;
  width: 452px;
  background: url("../images/help_main_thumb.jpg") no-repeat;
  background-position: center;
}

.video_icon:before {
  margin-right: 10px;
  content: url(../images/icons/help_icon_video.png);
}

.article_icon:before {
  margin-right: 10px;
  content: url(../images/icons/help_icon_article.png);
}

.pdf_icon:before {
  margin-right: 10px;
  content: url(../images/icons/help_icon_pdf.png);
}

.hinged.right .video_icon:before {
  margin-right: 5px !important;
}

.buildings.hinge.image {
  margin: 20px;
  display: block;
  height: 97px;
  background: url("../images/buildings_zero.png") no-repeat;
  background-position: center;
}

.devices.hinge.image {
  margin: 20px;
  display: block;
  height: 299px;
  background: url("../images/devices_zero.png") no-repeat;
  background-position: center;
}

.floors.hinge.image {
  margin: 0 10px 10px 10px;
  display: block;
  height: 338px;
  background: url("../images/floors_zero.png") no-repeat;
  background-position: center;
}

.map.hinge.image.add {
  margin: 0 10px 10px 10px;
  display: block;
  height: 197px;
  background: url("../images/campus_map_zero.png") no-repeat;
  background-position: center;
}

.map.hinge.image.edit {
  margin: 0 10px 10px 10px;
  display: block;
  height: 197px;
  background: url("../images/campus_map_help_afteradded.png") no-repeat;
  background-position: center;
}

.bldg_map.hinge.image.add {
  margin: 0 10px 10px 10px;
  display: block;
  height: 203px;
  background: url("../images/building_map_zero.png") no-repeat;
  background-position: center;
}

.bldg_map.hinge.image.edit {
  margin: 0 10px 10px 10px;
  display: block;
  height: 199px;
  background: url("../images/building_map_help_afteradded.png") no-repeat;
  background-position: center;
}

.documents.hinge.image {
  margin: 10px 10px 0 10px;
  display: block;
  height: 176px;
  background: url("../images/campus_resources_zero.png") no-repeat;
  background-position: center;
}

.bldg_documents.hinge.image {
  margin: 10px 10px 0 10px;
  display: block;
  height: 199px;
  background: url("../images/building_documents_zero.png") no-repeat;
  background-position: center;
}

.psaps.hinge.image {
  margin: 0 10px 0 10px;
  display: block;
  height: 197px;
  background-image: url(../images/campus_911centers_zero.png);
  background-repeat: no-repeat;
  background-size: 772px 200px;
  background-position: center;
}

.landlines.hinge.image {
  margin: 10px 10px 20px 10px;
  display: block;
  height: 195px;
  background: url("../images/building_landlines_zero.png") no-repeat;
  background-position: center;
}

.staffassist.hinge.image {
  margin: 20px 10px 20px 10px;
  display: block;
  height: 137px;
  background: url("../images/staff_assist_zero_state.png") no-repeat;
  background-position: center;
}

.status_checks.hinge.image {
  margin: 20px 10px 20px 10px;
  display: block;
  height: 200px;
  background: url("../images/status_checks_zero.png") no-repeat;
  background-position: center;
}

.cap_channels.hinge.image {
  margin: 20px 10px 20px 10px;
  display: block;
  height: 200px;
  background: url("../images/cap_channels_zero.png") no-repeat;
  background-position: center;
}

#panic\.customgroups DIV.image {
  float: left;
  width: 132px;
  height: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url("../images/customgroups_main.png") no-repeat;
}

.contacts.hinge.content {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: space-between;
}

.contacts.hinge.image {
  margin: 10px 20px 10px 10px;
  display: block;
  width: 320px;
  height: 131px;
  background: url("../images/campus_people_zero.png") no-repeat;
  background-position: left;
}

.hinge.help {
  margin: 0 10px 0 10px;
  font-size: 16px;
  font-family: Arial;
  line-height: 24px;
}

.floor.documents.content, .floor.plan.content {
  display: flex;
  margin-top: 20px;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: space-between;
}

.floor.documents.image {
  display: block;
  height: 208px;
  width: 314px;
  background: url("../images/floor_documents_zero.png") no-repeat;
  background-position: left;
}

.floor.plan.image {
  display: block;
  height: 214px;
  width: 304px;
  background: url("../images/floor_plans_zero.png") no-repeat;
  background-position: left;
}

.floor.documents.help, .floor.plan.help {
  display: flex;
  margin-left: 20px;
  width: 550px;
  position: relative;
  font-size: 16px;
  font-family: Arial;
  line-height: 24px;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: space-between;
}

DIV.uploadFile {
  display: inline-block;
  float: right;
  margin-right: 10px;
  width: 630px;
}
DIV.uploadFile DIV {
  float: left;
}
DIV.uploadFile A {
  float: right;
  width: auto;
  text-align: center;
  height: 26px;
  line-height: 26px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px;
  padding-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
}
DIV.uploadFile A.disabled {
  background-color: #888888 !important;
  background-image: none;
  color: #BBBBBB !important;
  cursor: default;
}
DIV.uploadFile A.disabled:before {
  opacity: 0.5;
}
DIV.uploadFile A:before {
  content: url(../images/icons/crop_tool.png);
  padding-left: 10px;
  padding-right: 10px;
}
DIV.uploadFile LABEL {
  float: right;
  width: auto;
  text-align: center;
  height: 22px;
  line-height: 22px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px;
  padding: 2px 5px;
  margin-top: 10px;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #007AAA;
}
DIV.uploadFile LABEL:before {
  content: url(../images/icons/add_btn_new.png);
  padding-left: 10px;
  padding-right: 10px;
}

TABLE.chevron, TBODY.chevron, TR.chevron {
  width: 100%;
}

TD.chevron {
  width: 50%;
}

TD.chevron33 {
  width: 33%;
}

DIV.chevron {
  display: inline-block;
  position: relative;
  float: left;
  height: 76px;
  line-height: 76px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 18px;
  font-family: Arial;
  width: calc(100% - 80px);
  text-align: center;
  text-shadow: 1px 0px 0px black;
}

DIV.chevron.inactive {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f1f1f1;
}

DIV.chevron.active {
  border-top: 1px solid #5bbadd;
  border-bottom: 1px solid #5bbadd;
  background-image: -moz-linear-gradient(top, #feffff, #f2fbff);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #feffff, #f2fbff);
  /* IE10 */
  background-image: -o-linear-gradient(top, #feffff, #f2fbff);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #feffff, #f2fbff);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #feffff, #f2fbff);
}

IMG.before_chevron {
  display: inline-block;
  position: relative;
  float: left;
}

IMG.after_chevren {
  display: inline-block;
  position: relative;
  float: left;
}

DIV.chevron {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

DIV.chevron DIV {
  float: left;
  margin-right: 10px;
}

DIV.chevron.active DIV.basicInfo {
  background: url("../images/icons/tab_basicinfo_blue.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
}

DIV.chevron.inactive DIV.basicInfo {
  background: url("../images/icons/tab_basicinfo_gray.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
}

DIV.chevron.active DIV.map {
  background: url("../images/icons/tab_map_blue.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}

DIV.chevron.inactive DIV.map {
  background: url("../images/icons/tab_map_gray.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}

DIV.flextabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
}

DIV.flextabsleft {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: flex-start;
}

DIV.flextabsleft DIV.tab {
  margin-right: 30px !important;
}

DIV.tab {
  display: flex;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  height: 42px;
  color: #333;
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.105px;
  border-bottom: 1.8px solid #ddd;
  width: 100%;
  cursor: pointer;
  user-select: none;
}

DIV.tab.active {
  border-bottom: 3px solid #00628C;
}

DIV.tab DIV:first-child {
  margin-right: 10px;
}

DIV.tab.active DIV.status {
  background: url("../images/icons/tab_status_blue.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 14px;
}

DIV.tab.inactive DIV.status {
  background: url("../images/icons/tab_status_gray.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 14px;
}

DIV.tab.active DIV.basicInfo {
  background: url("../images/icons/tab_basicinfo_blue.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
}

DIV.tab.inactive DIV.basicInfo {
  background: url("../images/icons/tab_basicinfo_gray.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
}

DIV.tab.active DIV.map {
  background: url("../images/icons/tab_map_blue.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}

DIV.tab.inactive DIV.map {
  background: url("../images/icons/tab_map_gray.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}

DIV.tab.active DIV.buildings {
  background: url("../images/icons/tab_buildings_blue.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.inactive DIV.buildings {
  background: url("../images/icons/tab_buildings_gray.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.active DIV.devices {
  background: url("../images/icons/tab_buildings_blue.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.inactive DIV.devices {
  background: url("../images/icons/tab_buildings_gray.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.active DIV.contacts {
  background: url("../images/icons/tab_people_blue.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 13px;
}

DIV.tab.inactive DIV.contacts {
  background: url("../images/icons/tab_people_gray.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 13px;
}

DIV.tab.active DIV.documents {
  background: url("../images/icons/tab_documents_blue.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.inactive DIV.documents {
  background: url("../images/icons/tab_documents_gray.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
}

DIV.tab.active DIV.psaps {
  background: url("../images/icons/tab_911centers_blue.png");
  background-repeat: no-repeat;
  width: 17px;
  height: 19px;
}

DIV.tab.inactive DIV.psaps {
  background: url("../images/icons/tab_911centers_gray.png");
  background-repeat: no-repeat;
  width: 17px;
  height: 19px;
}

DIV.tab.active DIV.floors {
  background: url("../images/icons/tab_floors_blue.png");
  background-repeat: no-repeat;
  width: 21px;
  height: 15px;
}

DIV.tab.inactive DIV.floors {
  background: url("../images/icons/tab_floors_gray.png");
  background-repeat: no-repeat;
  width: 21px;
  height: 15px;
}

DIV.tab.active DIV.landlines {
  background: url("../images/icons/tab_landlines_blue.png");
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
}

DIV.tab.inactive DIV.landlines {
  background: url("../images/icons/tab_landlines_gray.png");
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
}

DIV.tab.active DIV.customgroups {
  background: url("../images/icons/tab_customgroups_blue.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 14px;
}

DIV.tab.inactive DIV.customgroups {
  background: url("../images/icons/tab_customgroups_gray.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 14px;
}

DIV.tab.active DIV.emgcy_buttons {
  background: url("../images/icons/tab_emgcy_buttons_blue.png");
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
}

DIV.tab.inactive DIV.emgcy_buttons {
  background: url("../images/icons/tab_emgcy_buttons_gray.png");
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
}

DIV.tab.active DIV.staffassist {
  background: url("../images/icons/tab_staffassist_blue.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 16px;
}

DIV.tab.inactive DIV.staffassist {
  background: url("../images/icons/tab_staffassist_gray.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 16px;
}

DIV.tab.active DIV.status_checks {
  background: url("../images/icons/tab_status_checks_blue.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 17px;
}

DIV.tab.inactive DIV.status_checks {
  background: url("../images/icons/tab_status_checks_gray.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 17px;
}

DIV.tab.active DIV.cap_channels {
  background: url("../images/icons/tab_cap_channels_blue.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 17px;
}

DIV.tab.inactive DIV.cap_channels {
  background: url("../images/icons/tab_cap_channels_gray.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 17px;
}

DIV.tab.active DIV.smartLoaderRun {
  background: url("../images/icons/tab_smld_run_blue.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

DIV.tab.inactive DIV.smartLoaderRun {
  background: url("../images/icons/tab_smld_run_grey.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

DIV.tab.active DIV.smartLoaderNotifications {
  background: url("../images/icons/tab_notifications_blue.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

DIV.tab.inactive DIV.smartLoaderNotifications {
  background: url("../images/icons/tab_notifications_grey.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

DIV.sectionHeader, DIV.actionBar {
  position: relative;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background-color: #eee;
  height: 40px;
  line-height: 40px;
  margin: 40px 0 5px;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  clear: both;
}

DIV.sectionHeaderNew {
  position: relative;
  height: 40px;
  line-height: 40px;
  margin: 40px 0 5px;
  font-size: 18px;
  font-weight: bold;
  clear: both;
}

DIV.displayGrid {
  display: grid;
}

LABEL.customInputLabel {
  font-weight: normal !important;
  margin: 8px 0;
}

#contactIsVIP1 {
  margin-left: 5px;
}

#contactIsVIP2 {
  margin-left: 50px;
}

DIV.customSelectOption {
  padding: 5px;
}

DIV.customSelectOptionsList {
  margin-top: 30px;
}

DIV.customInputField, SELECT.customInputField {
  width: 90%;
  margin-top: 3px;
}

INPUT.customInputField, DIV.customInputField, SELECT.customInputField, BUTTON.customInputField {
  padding: 5px 8px 5px 8px;
  gap: 6px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

BUTTON.customSelectField {
  background: none;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 3px;
  height: 30px;
  width: 170px;
  text-align: left;
  font-size: 14px;
}

BUTTON.arrowUp {
  background-image: url("../images/icons/icon_arrow_up.svg");
  background-position: 150px 10px;
  background-repeat: no-repeat;
}

BUTTON.arrowDown {
  background-image: url("../images/icons/icon_arrow_down.svg");
  background-position: 150px 10px;
  background-repeat: no-repeat;
}

.customSearchField {
  box-sizing: border-box;
  background-image: url("../images/icons/icon_search.svg");
  background-position: 18px 18px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.customSearchField:focus {
  outline: 3px solid #ddd;
}

.customSearchDropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  border: 1px solid #ddd;
  z-index: 1;
  max-height: 180px;
  overflow-y: auto;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.show {
  display: block;
}

DIV.item-statuses {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

DIV.completed {
  width: 50%;
}

DIV.completed P.header, DIV.panic\.completed P.header {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

DIV.completed P.completed, DIV.panic\.completed P.completed {
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
}

DIV.completed P.completed:before, DIV.panic\.completed P.completed:before {
  margin-right: 15px;
  content: url("../images/icons/ic_check.svg");
}

DIV.instruction P.header {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

DIV.instruction DIV.help {
  display: flex;
  flex-direction: row;
}

DIV.instruction DIV.help DIV.image {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 300px;
  height: 246px;
  background-image: url("../images/rpb_status.png");
  background-repeat: no-repeat;
  background-position: center;
}

DIV.instruction DIV.help DIV.text {
  margin-right: 40px;
}

DIV.slSetup P.header {
  font-size: 18px;
  font-weight: bold;
}

DIV.slSetup DIV.slPitch {
  display: flex;
  flex-direction: column;
}

DIV.slSetup DIV.slPitch DIV.slImage {
  margin-right: 20px;
  margin-bottom: 20px;
  height: 170px;
  background-image: url("../images/smartLoaderRun.png");
  background-repeat: no-repeat;
  background-position: center;
}

DIV.slSetup DIV.slPitch DIV.text {
  margin-right: 40px;
}

DIV.todos {
  width: 50%;
}

DIV.todos, DIV.panic\.todos {
  display: flex;
  flex-direction: column;
}

DIV.todos P.header, DIV.panic\.todos P.header {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

DIV.todo IMG {
  float: left;
  margin-right: 15px;
}

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

DIV.todo DIV.panic {
  display: flex;
  justify-content: flex-end;
}

DIV.todo DIV P {
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
}

#campus\.status DIV.item-statuses DIV.todos DIV.todo DIV.documents P,
#panic\.status DIV.item-statuses DIV.panic\.todos DIV.todo DIV.emgcy_buttons P {
  line-height: 20px !important;
  white-space: normal !important;
}

DIV.todo DIV DIV {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
DIV.todo DIV DIV.fixedSize {
  width: 150px;
  justify-content: flex-start;
}

DIV.todo DIV A.goButton, DIV.todo DIV DIV A.goButton {
  float: right;
  color: white;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 0;
  font-weight: bold;
  margin-left: 15px;
  margin-top: 5px;
  text-decoration: none;
  border-radius: 2px;
  padding-right: 10px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-image: url("../images/icons/ic_arrow_right.svg");
}

DIV.todo DIV DIV A.doneButton {
  float: right;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
  margin-top: 2px;
  text-decoration: none;
  border-radius: 2px;
  padding-right: 10px;
  padding-left: 10px;
}

DIV.todo HR {
  width: calc(100% - 55px);
  float: right;
}

DIV.welldone {
  width: 50%;
  margin: auto;
  display: flex;
  flex-direction: column;
}

DIV.welldone P.header {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

DIV.welldone IMG {
  margin: auto;
}

DIV.map-key {
  font-weight: normal !important;
  font-size: 14px;
}

DIV.map-key DIV {
  margin-left: 5px;
  margin-right: 7px;
  float: left;
}

DIV.map-key DIV.cyan {
  margin-top: 15px;
  width: 16px;
  height: 16px;
  background: #00ffff;
}

DIV.map-key DIV.red {
  margin-top: 15px;
  width: 16px;
  height: 16px;
  background: #ff3300;
}

A.goButton:before {
  content: "GO";
}

A.doneButton:before {
  content: "DONE";
}

DIV.sectionBar {
  position: relative;
  height: 48px;
  line-height: 48px;
  margin: 25px 0 5px;
  padding: 0 0 0 10px;
  font-weight: bold;
  clear: both;
}

DIV.sectionBar.map {
  background-image: -moz-linear-gradient(top, #3a3a3d, #07070a);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #3a3a3d, #07070a);
  /* IE10 */
  background-image: -o-linear-gradient(top, #3a3a3d, #07070a);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #3a3a3d, #07070a);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #3a3a3d, #07070a);
}

DIV.sectionHeader.top, DIV.sectionBar.top, DIV.actionBar.top {
  margin-top: 20px;
}

DIV.sectionBar {
  color: white;
  padding-left: 10px;
}

DIV.sectionBar.administrators {
  margin: 15px 0 15px;
}

DIV.sectionBar.buildings, DIV.sectionBar.devices, DIV.sectionBar.floors {
  margin: 25px 0 5px;
}
DIV.sectionBar.buildings DIV.buttonWithTooltip, DIV.sectionBar.devices DIV.buttonWithTooltip, DIV.sectionBar.floors DIV.buttonWithTooltip {
  float: right;
  line-height: 48px;
  height: 48px;
  display: inline-flex;
  align-items: baseline;
  margin: 0px 20px;
}

DIV.sectionBar.floorPlanCrop {
  margin: 0;
  flex: 0 1 auto;
}
DIV.sectionBar.floorPlanCrop BUTTON.disabled {
  background-color: #888888 !important;
  background-image: none;
  color: #BBBBBB !important;
  cursor: inherit;
}
DIV.sectionBar.floorPlanCrop BUTTON.disabled:before {
  opacity: 0.5;
}

DIV.sectionHeader.administrators, DIV.actionBar.administrators {
  background: url(../images/icons/icon_section_administrators.png) no-repeat 10px center #eee;
  padding-left: 40px;
  margin: 15px 0 15px;
}

DIV.sectionBar.documents DIV.subSectionHeader {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: normal;
  cursor: pointer;
}
DIV.sectionBar.documents DIV.subSectionHeader.selected {
  color: #00628c;
  text-decoration: underline;
  cursor: inherit;
}
DIV.sectionBar.documents DIV.subSectionHeader.selected:hover {
  text-shadow: none;
}
DIV.sectionBar.documents DIV.subSectionHeader.w145 {
  width: 145px;
}
DIV.sectionBar.documents DIV.subSectionHeader:hover {
  text-shadow: 1px 0 0 #accde6;
}
DIV.sectionBar.documents DIV.subSectionHeaderSplitter {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: 2px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #333;
}

DIV.sectionHeader.basicInfo, DIV.actionBar.basicInfo {
  background: url(../images/icons/icon_section_basicinfo.png) no-repeat 10px center #eee;
  padding-left: 40px;
  margin: 15px 0 15px;
}

DIV.sectionHeader.statusChecks, DIV.actionBar.statusChecks {
  background: url(../images/icons/icon_section_statuschecks.png) no-repeat 13px center #eee;
  padding-left: 40px;
  margin: 15px 0 15px;
}

DIV.sectionHeader.buildings, DIV.actionBar.buildings {
  background: url(../images/icons/icon_section_buildings.png) no-repeat 10px center #eee;
  padding-left: 40px;
  margin: 25px 0 5px;
}

DIV.sectionHeader.campus, DIV.actionBar.campus {
  background: url(../images/icons/icon_section_campusaffil.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.contacts, DIV.actionBar.contacts {
  background: url(../images/icons/icon_section_people.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.documents, DIV.actionBar.documents {
  background: url(../images/icons/icon_section_documents.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.floors, DIV.actionBar.floors {
  background: url(../images/icons/icon_section_floors.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.landlines, DIV.actionBar.landlines {
  background: url(../images/icons/icon_section_allphones.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.mobilePhones, DIV.actionBar.mobilePhones {
  background: url(../images/icons/icon_section_mobilephones.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.map, DIV.actionBar.map {
  background: url(../images/icons/icon_section_map.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.drillDetails, DIV.actionBar.drillDetails {
  background: url(../images/icons/icon_special_folder.svg) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.notifications, DIV.actionBar.notifications {
  background: url(../images/icons/icon_section_notifications.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.panicButtonConfig, DIV.actionBar.panicButtonConfig {
  background: url(../images/icons/icon_section_emnotifications.png) no-repeat 10px center #eee;
  padding-left: 55px;
}

DIV.sectionHeader.staffAssistConfig, DIV.actionBar.staffAssistConfig {
  background: url(../images/icons/icon_section_staffassist.png) no-repeat 10px center #eee;
  padding-left: 50px;
}

DIV.sectionHeader.psaps,
DIV.actionBar.psaps {
  background: url(../images/icons/icon_section_psap911.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader DIV.mapHeader,
DIV.actionBar DIV.mapHeader {
  position: absolute;
  top: 0;
  left: 350px;
  background: url(../images/icons/icon_section_map.png) no-repeat 10px center #eee;
  padding-left: 40px;
}

DIV.sectionHeader.securitySettings, DIV.actionBar.securitySettings {
  background: url(../images/icons/icon_section_security.png) no-repeat 10px center #eee;
  padding-left: 40px;
  margin: 15px 0 15px;
}

DIV.actionBar.statusChecks.notResponded {
  display: inline;
  float: right;
  margin: 0;
  border: 0;
  padding: 0;
  background-image: none;
}
DIV.actionBar.statusChecks.notResponded DIV {
  display: inline-block;
  float: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  padding: 0;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: #007ece;
  border: 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
DIV.actionBar.statusChecks.notResponded A {
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
  color: #007ece;
  font-weight: normal;
  font-size: 14px;
}

DIV.sectionBar DIV.mapHeader {
  position: absolute;
  top: 0;
  left: 350px;
  padding-left: 40px;
}

DIV.sectionHeader SPAN.editInstruction,
DIV.actionBar SPAN.editInstruction {
  float: right;
  color: #333333;
  background: url(../images/icons/arrow_pointer_gray.png) no-repeat right center;
  font-size: 12px;
  padding-right: 20px;
}

DIV.sectionBar SPAN.editInstruction {
  float: right;
  color: white;
  background: url(../images/icons/arrow_pointer_gray.png) no-repeat right center;
  font-size: 12px;
  padding-right: 20px;
}

DIV.sectionHeader A.downloadCampuses,
DIV.actionBar A.downloadCampuses,
DIV.sectionBar A.downloadCampuses,
DIV.sectionHeader A.downloadUsers,
DIV.actionBar A.downloadUsers,
DIV.sectionBar A.downloadUsers,
DIV.sectionHeader A.downloadContacts,
DIV.actionBar A.downloadContacts,
DIV.sectionBar A.downloadContacts {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

DIV.sectionHeader A.downloadCampuses:hover,
DIV.actionBar A.downloadCampuses:hover,
DIV.sectionBar A.downloadCampuses:hover,
DIV.sectionHeader A.downloadUsers:hover,
DIV.actionBar A.downloadUsers:hover,
DIV.sectionBar A.downloadUsdes:hover,
DIV.sectionHeader A.downloadContacts:hover,
DIV.actionBar A.downloadContacts:hover,
DIV.sectionBar A.downloadContacts:hover {
  text-decoration: underline;
}

DIV.sectionHeader A.actionButton:first-child,
DIV.actionBar A.actionButton:first-child,
DIV.sectionBar A.actionButton:first-child {
  margin-right: 10px;
}

DIV.sectionHeader DIV.infoRight,
DIV.actionBar DIV.infoRight,
DIV.sectionBar DIV.infoRight {
  display: inline-block;
  float: right;
  margin-right: 10px;
}

DIV.sectionHeader DIV.infoRight B,
DIV.actionBar DIV.infoRight B,
DIV.sectionBar DIV.infoRight B {
  margin-left: 30px;
}

DIV.sectionHeader DIV.infoRight B:first-child,
DIV.actionBar DIV.infoRight B:first-child,
DIV.sectionBar DIV.infoRight B:first-child {
  margin-left: 0;
}

DIV.sectionHeader DIV.infoRight SPAN,
DIV.actionBar DIV.infoRight SPAN,
DIV.sectionBar DIV.infoRight SPAN {
  font-weight: normal;
}

DIV.sectionHeader DIV.markerInfo,
DIV.sectionHeader DIV.polygonInfo,
DIV.actionBar DIV.markerInfo,
DIV.actionBar DIV.polygonInfo,
DIV.actionBar DIV.bssidInfo,
DIV.sectionBar DIV.markerInfo,
DIV.sectionBar DIV.polygonInfo,
DIV.sectionBar DIV.bssidInfo {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: white;
  border: 1px solid black;
  width: auto;
  height: auto;
  padding: 10px 40px 10px 10px;
  line-height: 24px;
  z-index: 20;
  font-weight: normal;
}

DIV.sectionHeader DIV.markerInfo SPAN.title,
DIV.sectionHeader DIV.polygonInfo SPAN.title,
DIV.actionBar DIV.markerInfo SPAN.title,
DIV.actionBar DIV.polygonInfo SPAN.title,
DIV.actionBar DIV.bssidInfo SPAN.title,
DIV.sectionBar DIV.markerInfo SPAN.title,
DIV.sectionBar DIV.polygonInfo SPAN.title,
DIV.sectionBar DIV.bssidInfo SPAN.title {
  font-size: 18px;
}

DIV.sectionHeader DIV.markerInfo A.close,
DIV.sectionHeader DIV.polygonInfo A.close,
DIV.actionBar DIV.markerInfo A.close,
DIV.actionBar DIV.polygonInfo A.close,
DIV.actionBar DIV.bssidInfo A.close,
DIV.sectionBar DIV.markerInfo A.close,
DIV.sectionBar DIV.polygonInfo A.close,
DIV.sectionBar DIV.bssidInfo A.close {
  background: url(../images/icons/close_modal.png) no-repeat;
  width: 35px;
  height: 38px;
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block;
}

DIV.actionBar.fileUploadDownload,
DIV.sectionBar.fileUploadDownload {
  height: auto;
}

DIV.actionBar.fileUploadDownload DIV.upload,
DIV.actionBar.fileUploadDownload DIV.download,
DIV.sectionBar.fileUploadDownload DIV.upload,
DIV.sectionBar.fileUploadDownload DIV.download {
  height: 40px;
  line-height: 20px;
  font-weight: normal;
  margin: 10px 10px 10px 0;
}

DIV.actionBar.fileUploadDownload DIV.upload DIV,
DIV.actionBar.fileUploadDownload DIV.download DIV,
DIV.sectionBar.fileUploadDownload DIV.upload DIV,
DIV.sectionBar.fileUploadDownload DIV.download DIV {
  display: inline-block;
  float: right;
  line-height: 40px;
  width: 205px;
}

DIV.actionBar.fileUploadDownload DIV.upload DIV SPAN,
DIV.actionBar.fileUploadDownload DIV.download DIV SPAN,
DIV.sectionBar.fileUploadDownload DIV.upload DIV SPAN,
DIV.sectionBar.fileUploadDownload DIV.download DIV SPAN {
  font-size: 11px;
}

DIV.actionBar.fileUploadDownload DIV.upload,
DIV.sectionBar.fileUploadDownload DIV.upload {
  margin: 10px 10px 0 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}

DIV.bssidInfo {
  left: 500px !important;
}

DIV.profileModule DIV.profileModuleHeader {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 20px;
  font-size: 14px;
  font-weight: bold;
}

DIV.profileModule DIV.profileModuleHeader.normal {
  font-weight: normal;
}

DIV.profileModule DIV.profileModuleHeader A.accordion {
  font-size: 12px;
  font-weight: normal;
  float: right;
}

DIV.profileModule DIV.profileModuleHeader A.filter {
  color: #aaa;
  margin-right: 20px;
}

DIV.profileModule DIV.profileModuleHeader A.filter.selected {
  color: #333;
}

DIV.profileModule DIV.profileModuleContent {
  margin: 10px 20px 0 20px;
}

DIV.profileModule DIV.profileModuleContent DIV.subModuleWrapper {
  padding: 20px;
}

DIV.profileModule.only {
  margin-top: 10px;
}

/* END accordion module */
TABLE.cpData {
  border: 1px solid #d2d2d2;
  border-collapse: collapse;
}

TABLE.cpData.fullWidth {
  width: 100%;
}

TABLE.cpData CAPTION {
  height: 40px;
}

TABLE.cpData TH {
  text-align: left;
}

TABLE.cpData TH, TABLE.cpData TD {
  border: 1px solid #d2d2d2;
  padding: 5px;
}

TABLE.cpData TH.right, TABLE.cpData TD.right {
  text-align: right;
}

TABLE.cpData.rowBorderOnly {
  border: none;
}

TABLE.cpData.rowBorderOnly TH, TABLE.cpData.rowBorderOnly TD {
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
}

TABLE.cpData.rowBorderOnly TR:last-child TD {
  border: none;
}

/*********** grid stuff *******************/
DIV.gridListHeader {
  width: auto;
  height: 40px;
  line-height: 40px;
}

DIV.gridListHeader DIV.grid {
  font-weight: bold;
  color: black;
}

DIV.gridListHeader a:link {
  color: #177828;
}

DIV.gridListHeader a:visited {
  color: #177828;
}

DIV.gridListHeader a:hover {
  color: #177828;
}

DIV.gridListHeader a:active {
  color: #177828;
}

DIV.gridListHeader .upArrow, DIV.gridListHeader .dnArrow {
  display: inline-block;
  padding-left: 4px;
}

DIV.gridListHeader.tabular DIV.grid.columnSortable, DIV.gridListHeader.tabular DIV.cellWrapper.columnSortable {
  cursor: pointer;
}

DIV.gridListHeader.tabular DIV.grid.columnSortable DIV, DIV.gridListHeader.tabular DIV.cellWrapper.columnSortable DIV {
  float: left;
  text-decoration: underline;
}

DIV.gridListHeader.tabular DIV.grid.columnSortable SPAN, DIV.gridListHeader.tabular DIV.cellWrapper.columnSortable SPAN {
  text-decoration: underline;
  padding-right: 15px;
}

DIV.gridListHeader.tabular DIV.grid.columnSortable.ascending SPAN, DIV.gridListHeader.tabular DIV.cellWrapper.columnSortable.ascending SPAN {
  background: url(../images/icons/arrow_dn_green.png) no-repeat right center;
}

DIV.gridListHeader.tabular DIV.grid.columnSortable.descending SPAN, DIV.gridListHeader.tabular DIV.cellWrapper.columnSortable.descending SPAN {
  background: url(../images/icons/arrow_up_green.png) no-repeat right center;
}

DIV.gridBody {
  width: 100%;
  margin-bottom: 40px;
}

DIV.gridBodyTemplate {
  overflow-y: auto;
  height: 410px;
  width: 100%;
  margin-bottom: 40px;
}

DIV.gridBody.small {
  max-height: 80px;
  overflow-y: scroll;
}

DIV.gridBody.medium {
  max-height: 150px;
  overflow-y: scroll;
}

DIV.gridBody.large {
  max-height: 500px;
  overflow-y: scroll;
}

DIV.gridBody.tabular {
  display: table;
}

DIV.gridRow {
  position: relative;
  margin: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #d2d2d2;
  display: flex;
  align-items: center;
}

DIV.gridRowPhone {
  margin: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d2d2d2;
  align-items: center;
}

DIV.gridRowPlaceholder {
  margin: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background-color: #eaf5fb;
}

DIV.campusAffiliationRow {
  border-top: none !important;
  border-bottom: 1px solid #d2d2d2;
}

DIV.gridRow500px {
  height: 500px;
}

DIV.gridRow.showDetails {
  background-color: white;
  margin-bottom: 20px;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

DIV.gridRow.clickable {
  cursor: pointer;
}

DIV.gridRow.hideable.visible {
  display: block;
}
DIV.gridRow.hideable.hidden {
  display: none;
}

DIV.gridRow.campusContactRow {
  cursor: pointer;
}

DIV.gridRow:hover, DIV.variableRow:hover {
  background-color: #eaf5fb;
  text-shadow: 1px 0 0 #333;
}
DIV.gridRow:hover.noShadow, DIV.variableRow:hover.noShadow {
  text-shadow: none;
}
DIV.gridRow:hover.whiteBg, DIV.variableRow:hover.whiteBg {
  background-color: white;
}

DIV.gridRow DIV.red {
  color: #d40;
}

DIV.gridRow:hover DIV.red {
  text-shadow: 1px 0px 0px #d40;
}

DIV.gridRow:hover .bold {
  text-shadow: none !important;
}

DIV.gridRow:hover A {
  text-shadow: 1px 0px 0px #007ec7 !important;
}

DIV.gridRow:hover .underlineMe {
  text-decoration: underline;
}

DIV.gridRow.blackBleed {
  color: #ffffff;
  font-weight: bold;
  background-color: #040407;
  background-image: -moz-linear-gradient(top, #3c3c3f, #040407);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #3c3c3f, #040407);
  /* IE10 */
  background-image: -o-linear-gradient(top, #3c3c3f, #040407);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #3c3c3f, #040407);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #3c3c3f, #040407);
}

DIV.gridBody DIV.gridRow DIV.grid.columnExpandable.collapsed {
  background: url(../images/icons/arrow_orange_down.png) no-repeat center;
}

DIV.gridBody DIV.gridRow DIV.grid.columnExpandable.expanded {
  background: url(../images/icons/arrow_orange_up.png) no-repeat center;
}

DIV.gridBody DIV.gridRow DIV.grid.columnExpandable.expandedTop {
  background-image: url(../images/icons/arrow_orange_up.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 15px;
}

DIV.gridScroll DIV.gridBody {
  overflow-y: scroll;
}

DIV.gridScroll Div.gridListHeader {
  margin-right: 10px;
}

DIV.grid {
  display: inline-block;
  text-align: left;
  float: left;
  min-height: 40px;
}
DIV.grid.reorderColumn {
  background: url(../images/icons/icon_kebab.png) no-repeat center;
  background-color: inherit;
}

DIV.grid.right {
  text-align: right;
}

DIV.grid.floatRight {
  text-align: right;
  float: right;
}

DIV.grid.bottomPadding16px {
  padding-bottom: 16px;
}

DIV.grid05p {
  width: 5%;
}

DIV.grid07p {
  width: 7%;
}

DIV.grid08p {
  width: 8%;
}

DIV.grid09p {
  width: 9%;
}

DIV.grid10p {
  width: 10%;
}

DIV.grid11p {
  width: 11%;
}

DIV.grid12p {
  width: 12%;
}

DIV.grid13p {
  width: 13%;
}

DIV.grid15p {
  width: 15%;
}

DIV.grid16p {
  width: 16%;
}

DIV.grid17p {
  width: 17%;
}

DIV.grid18p {
  width: 18%;
}

DIV.grid19p {
  width: 19%;
}

DIV.grid20p {
  width: 20%;
}

DIV.grid25p {
  width: 25%;
}

DIV.grid28p {
  width: 28%;
}

DIV.grid30p {
  width: 30%;
}

DIV.grid32p {
  width: 32%;
}

DIV.grid34p {
  width: 34%;
}

DIV.grid35p {
  width: 35%;
}

DIV.grid38p {
  width: 38%;
}

DIV.grid40p {
  width: 40%;
}

DIV.grid43p {
  width: 43%;
}

DIV.grid45p {
  width: 45%;
}

DIV.grid50p {
  width: 50%;
}

DIV.grid55p {
  width: 55%;
}

DIV.grid60p {
  width: 60%;
}

DIV.grid80p {
  width: 80%;
}

DIV.grid85p {
  width: 85%;
}

DIV.grid100 {
  width: 100px;
}

DIV.grid200 {
  width: 200px;
}

DIV.grid300 {
  width: 300px;
}

DIV.gridFit {
  width: 100%;
  height: 520px;
}

DIV.gridListHeader.tabular DIV.gridRow, DIV.gridBody.tabular DIV.gridRow {
  display: table-row;
  height: auto;
  line-height: 14px;
}

DIV.gridListHeader.tabular DIV.gridRow DIV.grid, DIV.gridBody.tabular DIV.gridRow DIV.grid {
  display: table-cell;
  padding: 5px 0 5px;
}

DIV.gridListHeader.tabular DIV.gridRow DIV.grid.bottom, DIV.gridBody.tabular DIV.gridRow DIV.grid.bottom {
  vertical-align: bottom;
}

DIV.gridBody.tabular DIV.gridRow DIV.grid {
  border-top: 1px solid #d2d2d2;
  line-height: 18px;
}

DIV.gridBody.tabular DIV.gridRow DIV.grid.middle {
  vertical-align: middle;
}

DIV.gridBody.tabular A.actionButton {
  transform: none;
}

DIV.cellWrapper {
  margin: 5px;
  margin: 0 5px 0;
}

DIV.cellWrapper.red {
  color: #ff3300;
}
DIV.cellWrapper.red.fallback {
  color: #ffffff;
}
DIV.cellWrapper.orange {
  color: #ed8c02;
}
DIV.cellWrapper.orange.fallback {
  color: #ffffff;
}
DIV.cellWrapper.green {
  color: #177828;
}
DIV.cellWrapper.green.fallback {
  color: #ffffff;
}
DIV.cellWrapper.lh25px {
  line-height: 25px;
}
DIV.cellWrapper.mt8px {
  margin-top: 8px;
}
DIV.cellWrapper.mt20px {
  margin-top: 20px;
}
DIV.cellWrapper.mb20px {
  margin-bottom: 20px;
}
DIV.cellWrapper.allowsStarring {
  display: flex;
  flex-direction: row;
}
DIV.cellWrapper.allowsStarring DIV.starred {
  background: url(../images/icons/icon_star.png) no-repeat center;
  background-color: inherit;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-top: 8px;
  margin-left: 5px;
}

DIV.cellWrapper.bold {
  font-weight: bold;
}

DIV.cellWrapper.alignRight {
  text-align: right;
  margin-right: 5px;
}

DIV.cellWrapper:first-child {
  margin-left: 5px;
}

DIV.cellWrapper:last-child {
  margin-right: 5px;
}

DIV.grid.right DIV.cellWrapper {
  height: 40px;
}

DIV.profileModuleDetails {
  display: none;
}

A.details SPAN:before {
  content: "Show";
}

A.details.expanded SPAN:before {
  content: "Hide";
}

DIV.center {
  text-align: center;
}

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

DIV.disabled {
  color: #aaa;
}

SPAN.strutsSet {
  display: none;
}

div.staffAssistConfig.small {
  font-size: 12px;
}

/*********** END grid stuff *******************/
/*********** START MODAL POPUP *******************/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-large {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000000;
}

DIV.modal H1 {
  margin: 10px 0 10px 0 !important;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  max-width: 600px;
  padding: 1.5rem;
  background-color: white;
  -webkit-box-shadow: 3px 3px 3px 0px #000000;
  -moz-box-shadow: 3px 3px 3px 0px #000000;
  box-shadow: 3px 3px 3px 0px #000000;
}

.modal-content-large {
  display: flex;
  flex-flow: column;
  width: 60vw;
  height: 70vh;
  transform: translate(30%, 15%);
  background-color: #9E9E9E;
  -webkit-box-shadow: 3px 3px 3px 0 #000000;
  -moz-box-shadow: 3px 3px 3px 0 #000000;
  box-shadow: 3px 3px 3px 0 #000000;
}
.modal-content-large DIV.cropHelp {
  flex: 0 1 auto;
  background-color: #9FC6FC;
  margin: 1vh 10vw 1vh 10vw;
  padding: 1vh 1vw 1vh 1vw;
  font-weight: bold;
}
.modal-content-large DIV.body {
  flex: 1 1 auto;
  background-color: #9E9E9E;
  margin-bottom: 1vh;
  min-height: auto;
}
.modal-content-large BUTTON.cropButton:before {
  content: url(../images/icons/crop_tool.png);
  padding-right: 10px;
}

.modal-content .image {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

#submitcampus_modal1 .modal-content .image {
  height: 132px;
  background-image: url("../images/submitcampus_modal1.png");
}

#submitcampus_modal2_panic_no .modal-content .image {
  height: 216px;
  background-image: url("../images/submitcampus_modal2_panic_no.png");
}

#submitcampus_modal2_panic_yes .modal-content .image {
  height: 135px;
  background-image: url("../images/submitcampus_modal2_panic_yes.png");
}

.modal-content .help {
  margin: 10px;
  font-size: 16px;
  font-family: Arial;
  line-height: 24px;
}

.modal-content .center {
  text-align: center;
}

.modalOkButton {
  height: 30px !important;
  line-height: 30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-size: 14px !important;
  font-weight: bold;
  white-space: nowrap;
}

.close {
  position: absolute;
  right: 10px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/icons/modal_close.png) no-repeat;
}

.close:hover,
.close:focus {
  cursor: pointer;
  text-decoration: none;
}

/*********** END MODAL POPUP *******************/
/*********** page footer styles ***********/
DIV#footerBleed {
  width: 100%;
  min-width: 1080px;
  background-color: #0F212B;
  height: 90px;
  position: relative;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
DIV#footerBleed .splashFooter {
  position: absolute;
}
DIV#footerBleed #footerLogoWrapper {
  display: inline-flex;
  flex-wrap: nowrap;
}
DIV#footerBleed HR {
  width: 100%;
  clear: both;
  background-color: #0F212B;
  margin: 0;
}
DIV#footerBleed SPAN#poweredBy {
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  /* Tablet/Small Caption - Regular */
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 150% */
  letter-spacing: 0.6px;
  white-space: nowrap;
  align-self: center;
}
DIV#footerBleed SPAN#isPartOf {
  position: relative;
  top: 50%;
  font-size: 14px;
  margin: 10px;
  color: #FFF;
  background-image: url(../images/logos/MotorolaSolutionsLogoWhite.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left center, center center;
  display: inline-flex;
  align-items: center;
  height: 24px;
  width: 250px;
}
DIV#footerBleed DIV#footer {
  margin: 0 40px;
}
DIV#footerBleed DIV#copyrightFooter {
  display: flex;
  width: 446px;
  height: 14px;
  flex-direction: column;
  justify-content: center;
  flex-basis: content;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: Public Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  margin: 0 40px;
}
DIV#footerBleed DIV#copyrightFooter SPAN {
  color: rgba(255, 255, 255, 0.5) !important;
}
DIV#footerBleed DIV#copyrightFooter SPAN A {
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none;
}
DIV#footerBleed DIV#copyrightFooter SPAN A:hover {
  text-decoration: underline;
}

/*********** END page footer styles ***********/
/*********** cp modal ***************/
DIV.cpModal {
  z-index: 1001;
  display: none;
  width: 752px;
  height: 400px;
  margin: 50px auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: white;
}

DIV.cpModal A.close {
  z-index: 1001;
  display: inline-block;
  background: url(../images/icons/close_modal.png) no-repeat top center;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -15px;
  right: -15px;
  cursor: pointer;
  color: transparent;
}

DIV.cpModal DIV.innerWrapper {
  margin: 20px;
}

/*********** END cp modal ***************/
/*********** password page(s) styles ***********/
#passwordRequirements {
  position: absolute;
  top: 0;
  left: 500px;
  width: 200px;
  font-size: 11px;
}

#passwordRequirements SPAN {
  background: url(../images/icons/reg_grayexcl.jpg) no-repeat left center;
  padding: 3px 0 3px 20px;
  display: inline-block;
}

#passwordRequirements SPAN.note {
  background: none;
}

#passwordRequirements SPAN.pass {
  background: url(../images/icons/reg_greencheck.jpg) no-repeat left center;
}

#passwordRequirements #passwordGood {
  display: none;
  font-weight: bold;
  color: green;
}

/*********** END password page(s) styles ***********/
/*********** START create/edit organization ********/
DIV.panicButtonNotificationSection, DIV.panicNotificationNoPanic {
  margin: 30px 0 0 0;
  padding-left: 100px;
}

DIV.panicButtonNotificationSection.multi, DIV.multi.panicNotificationNoPanic {
  background: url(../images/img_multi-button-app.png) no-repeat left top;
  min-height: 140px;
}

DIV.panicButtonNotificationSection.activeAssailant, DIV.activeAssailant.panicNotificationNoPanic {
  background: url(../images/icons/rpb_active_assailant.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.fire, DIV.fire.panicNotificationNoPanic {
  background: url(../images/app_btn_fire.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.medical, DIV.medical.panicNotificationNoPanic {
  background: url(../images/app_btn_medical.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.police, DIV.police.panicNotificationNoPanic {
  background: url(../images/app_btn_police.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.other, DIV.other.panicNotificationNoPanic {
  background: url(../images/app_btn_other.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.single, DIV.single.panicNotificationNoPanic {
  margin-top: -10px !important;
  background: url(../images/app_btn_single.png) no-repeat left top;
  background-size: 80px 80px;
}

DIV.panicButtonNotificationSection.landline, DIV.landline.panicNotificationNoPanic {
  background: url(../images/landlines_main.png) no-repeat left top;
  background-size: 75px 75px;
}

DIV.panicButtonNotificationSection.multiNoPanic, DIV.multiNoPanic.panicNotificationNoPanic {
  background: url(../images/iphone6_black_straight.png) no-repeat left top;
  min-height: 220px;
}

DIV.panicButtonNotificationSection.noBorder, DIV.noBorder.panicNotificationNoPanic {
  border-bottom: none;
}

DIV.panicButtonNotificationSection H3, DIV.panicNotificationNoPanic H3 {
  color: #177828;
}

DIV.panicNotificationNoPanic {
  margin: 0px 0 0 -30px;
  padding: 0 0 20px 135px;
}

UL.panicButtonNotificationRecipients, UL.wearablesNotificationRecipients {
  margin: 0 0 20px 0;
  padding: 0;
  display: flex;
  gap: 20px 40px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

UL.panicButtonNotificationRecipients LI, UL.wearablesNotificationRecipients LI {
  margin: 0;
  padding: 0;
  display: inline-block;
}

DIV.panicNotification {
  margin: 20px 0 40px 0;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader {
  padding: 0 12px 0 12px;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d2d2d2;
  line-height: 24px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A {
  display: inline-block;
  height: 22px;
  margin-right: 8px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.activeAssailant {
  background: url(../images/icons/icon_blue_active_assailant.png) center center no-repeat;
  width: 18px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.campus {
  background: url(../images/icons/icon_blue_campus.png) center center no-repeat;
  width: 21px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.fire {
  background: url(../images/icons/icon_blue_fire.png) center center no-repeat;
  width: 17px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.generalEmergency {
  background: url(../images/icons/icon_blue_general_emergency.png) center center no-repeat;
  width: 33px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.medical {
  background: url(../images/icons/icon_blue_medical.png) center center no-repeat;
  width: 16px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.police {
  background: url(../images/icons/icon_blue_police.png) center center no-repeat;
  width: 15px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.time {
  background: url(../images/icons/icon_blue_time.png) center center no-repeat;
  width: 15px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper DIV.panicNotificationHeader A.user {
  background: url(../images/icons/icon_blue_user.png) center center no-repeat;
  width: 16px;
}

DIV.panicNotification DIV.panicNotificationInnerWrapper TEXTAREA {
  border: 1px solid #d2d2d2;
  width: 99%;
}

.wearablesUserWithNoAccess {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.wearablesUserWithNoAccess .wearablesImg {
  width: 333px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.wearablesUserWithNoAccess .wearablesImg button {
  margin-right: 0;
}
.wearablesUserWithNoAccess .wearablesInfo {
  width: 100%;
}
.wearablesUserWithNoAccess .wearablesInfo .subtitle {
  color: #027BAB;
}
.wearablesUserWithNoAccess .wearablesInfo ul li {
  list-style: none;
  margin: 40px 0;
  position: relative;
}
.wearablesUserWithNoAccess .wearablesInfo ul li:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -42px;
  background: url(../images/icons/arrow_right.png) center center no-repeat;
  width: 32px;
  height: 32px;
}
.wearablesUserWithNoAccess .wearablesInfo ul li h4, .wearablesUserWithNoAccess .wearablesInfo ul li p {
  margin: 3px 0;
}

DIV.tab.active DIV.securitySettings {
  background: url("../images/icons/tab_security_blue.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.inactive DIV.securitySettings {
  background: url("../images/icons/tab_security_gray.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.active DIV.administrators {
  background: url("../images/icons/tab_admins_blue.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.inactive DIV.administrators {
  background: url("../images/icons/tab_admins_gray.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.active DIV.customForms {
  background: url("../images/icons/tab_forms_blue.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.inactive DIV.customForms {
  background: url("../images/icons/tab_forms_gray.svg");
  background-repeat: no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.active DIV.adminAuditLog {
  background: url("../images/icons/tab_people_blue.png") no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

DIV.tab.inactive DIV.adminAuditLog {
  background: url("../images/icons/tab_people_gray.png") no-repeat;
  margin-top: 10px;
  width: 24px;
  height: 24px;
}

TextArea.wideTextArea {
  width: 600px;
  height: 60px;
}

DIV.panicButtonNotificationSection H4 + SPAN, DIV.panicNotificationNoPanic H4 + SPAN {
  margin-top: -20px;
}

/*********** END create/edit organization ********/
/*********** START campus ************/
DIV#campusContactsWrapper COL.columnCampusContact {
  width: 70px;
}

DIV#campusContactsWrapper COL.columnName {
  width: 180px;
}

DIV#campusContactsWrapper COL.columnTitle {
  width: 180px;
}

DIV#campusContactsWrapper COL.columnContactInfo {
  width: 180px;
}

DIV#campusContactsWrapper COL.columnAppStatus {
  width: 130px;
}

DIV#campusContactsWrapper COL.columnNotifications {
  width: 130px;
}

DIV#campusContactsWrapper COL.columnAction {
  width: 50px;
}

DIV#campusContactsWrapper COL.columnPinStatus {
  width: 130px;
}

DIV.notifications INPUT[type=checkbox] {
  margin-left: 0;
}

DIV.notifications DIV {
  white-space: nowrap;
}

TABLE.cp {
  border-collapse: collapse;
  width: 100%;
}

TABLE.cp TH {
  color: #000;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 5px;
}

TABLE.cp TH.center {
  text-align: center;
}

TABLE.cp TH.columnSortable {
  cursor: pointer;
}

TABLE.cp TH.columnSortable SPAN {
  text-decoration: underline;
  padding-right: 15px;
}

TABLE.cp TH.columnSortable.ascending SPAN {
  background: url(../images/icons/arrow_dn_green.png) no-repeat right center;
}

TABLE.cp TH.columnSortable.descending SPAN {
  background: url(../images/icons/arrow_up_green.png) no-repeat right center;
}

TABLE.cp TH.number {
  text-align: right;
}

TABLE.cp TD {
  border-top: 1px solid #d2d2d2;
  padding: 5px 0;
  vertical-align: top;
}

TABLE.cp TD.clip {
  gridRow: hidden;
  text-overflow: ellipsis;
}

TABLE.cp TD A {
  display: block;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

TABLE.cp TD A.noVert {
  top: 0;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  display: inline;
  width: none;
}

TABLE.cp TD.notifications IMG {
  margin-right: 7px;
}

TABLE.cp TD.number {
  text-align: right;
  padding-right: 15px;
}

TABLE.cp TBODY TR:hover {
  background-color: #eaf5fb;
  text-shadow: 1px 0px 0px #333;
  /*font-weight: bold;*/
}

TABLE.cp A.actionButton {
  top: none;
  transform: none;
  width: 22px;
}

/*********** END campus **************/
/*********** START incident detail **************/
TABLE.cp TH.columnSent, TABLE.cp TD.columnSent {
  width: 205px;
  padding-right: 5px;
}

TABLE.cp TH.columnSentVia, TABLE.cp TD.columnSentVia {
  width: 125px;
  padding-right: 5px;
}

TABLE.cp TH.numberRecipients, TABLE.cp TD.numberRecipients {
  width: 115px;
  padding-right: 20px;
  text-align: right;
}

TABLE.cp TH.numberRecipients {
  width: 125px;
  padding-right: 10px;
}

TABLE.cp TH.columnMessage, TABLE.cp TD.columnMessage {
  width: 460px;
  word-break: break-all;
  padding-right: 10px;
}

TABLE.cp TH.columnLists, TABLE.cp TD.columnLists {
  width: 130px;
}

/*********** END incident detail **************/
DIV.wrapper DIV.twoWidthBordered {
  float: left;
  width: 396px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d2d2d2;
}

DIV.wrapper DIV.twoWidthBordered:last-child {
  border-right: none;
}

.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-break: break-word;
  /* IE */
}

DIV.wrapper DIV.thirdWidthBordered {
  float: left;
  width: 256.33333px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d2d2d2;
}

DIV.wrapper DIV.thirdWidthBordered:last-child {
  border-right: none;
}

DIV.wrapper DIV.twoWidthBordered {
  float: left;
  width: 396px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d2d2d2;
}

DIV.wrapper DIV.twoWidthBordered:last-child {
  border-right: none;
}

DIV.wrapper DIV.thirdWidthBordered {
  float: left;
  width: 256.33333px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d2d2d2;
}

DIV.wrapper DIV.thirdWidthBordered:last-child {
  border-right: none;
}

.columnStatusCheckDetail {
  float: left;
  width: 25%;
  padding: 30px;
  text-align: center;
  box-sizing: border-box;
}

.rowStatusCheckDetail:after {
  content: "";
  display: table;
  clear: both;
  box-sizing: border-box;
}

.statusValueSmStatusCheckDetail {
  color: #007ece;
  font-weight: bold;
  font-size: 36px;
  box-sizing: border-box;
}

.statusValueLgStatusCheckDetail {
  color: #007ece;
  font-weight: bold;
  font-size: 72px;
  box-sizing: border-box;
}

.statusLabelStatusCheckDetail {
  font-weight: bold;
  font-size: 14px;
  box-sizing: border-box;
}

/**************** Start Status Check template ********************/
.nameLabel {
  vertical-align: top;
  margin-top: 10px;
  display: inline !important;
}

.marginLeft10 {
  margin-left: 10px !important;
}

#description {
  width: 560px;
  height: 50px;
  margin-top: 10px;
}

DIV#templateName {
  padding-top: 90px;
  padding-left: 45px;
  font-size: 12px;
  font-weight: bold;
}

DIV #templateDescription {
  max-height: 100px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 5px;
  word-break: break-word;
  margin-right: 20px;
  font-size: 12px;
}

#commandPreviewTitle {
  color: #4577b1;
  margin-left: 30px;
}

#smartletRep {
  background: url(../images/icons/sc_smartlet.png) no-repeat center center;
  width: 300px;
  height: 250px;
}

.textWrapper {
  word-break: break-word;
  width: 220px;
  height: auto;
}

/***************** End Status check template ************************/
/******************* Start Custom Form Builder **********************/
.formPreview, .formPrint {
  border: 1px solid #007AAA;
  color: #fff;
  display: flex;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  background-color: #007AAA;
  text-decoration: none;
}

.formPreview:hover, .formPrint:hover {
  color: #eee;
}

.formPreview:before {
  content: "";
  background: url(../images/icons/manage_search.svg) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.formPrint:before {
  content: "";
  background: url(../images/icons/icon_print.svg) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

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

.incidentButton {
  display: flex;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5fbfe;
  border: 1px solid #007ece;
  text-decoration: none;
}

.incidentButton:after {
  content: url(../images/icons/icon_close_red.svg);
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 1px;
}

.editFormField {
  content: url(../images/icons/icon_edit.svg);
  height: 18px !important;
  width: 18px !important;
  margin-left: 4px !important;
}

.deleteFormField {
  content: url(../images/icons/icon_delete.svg);
  height: 18px !important;
  width: 18px !important;
  margin-left: 4px !important;
}

.deleteFieldOption {
  content: url(../images/icons/icon_delete.svg);
  height: 18px !important;
  width: 18px !important;
  margin-left: 8px !important;
}

.optionText {
  width: 100%;
}

.saveFormField {
  content: url(../images/icons/icon_check_circle.svg);
  height: 18px !important;
  width: 18px !important;
  margin-left: 4px !important;
}

.closeFormField {
  content: url(../images/icons/icon_close.svg);
  height: 18px !important;
  width: 18px !important;
  margin-left: 4px !important;
}

.example {
  position: relative;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.example.disabled {
  opacity: 0.5;
}

.example DIV P {
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.notes:before {
  content: url(../images/icons/icon_notes.svg);
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.tune:before {
  content: url(../images/icons/icon_tune.svg);
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 5px;
  padding-right: 5px;
}

DIV.variableRow {
  user-select: none;
  position: relative;
  margin: 0 10px;
  padding: 0;
  min-height: 40px;
  border-top: 1px solid #d2d2d2;
  overflow: auto;
}
DIV.variableRow.expanded {
  margin: 0;
  padding: 0 10px;
  border-top: 1px solid #8fc5e7;
  border-bottom: 1px solid #8fc5e7;
}
DIV.variableRow.noBorder {
  border: none;
}
DIV.variableRow.whiteBg {
  background-color: white;
}

DIV.variableRow:hover DIV.grid SPAN {
  text-shadow: none;
}

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

.fieldDescription {
  font-size: 9px;
}

.deleteFieldOption {
  float: initial !important;
  -webkit-transform: translateY(20%) !important;
  -ms-transform: translateY(20%) !important;
  transform: translateY(20%) !important;
}

.fieldLabel {
  float: left;
  font-size: 13px;
  margin-top: 12px;
  width: 196px;
}

.formFieldSummary, .formFieldSummaryControls {
  display: block;
}
.formFieldSummary.hidden, .formFieldSummaryControls.hidden {
  display: none;
}

.formFieldEditor {
  padding: 10px 0;
  opacity: 0;
  display: none;
}
.formFieldEditor.shown {
  display: block;
}

.formFieldEditorControls {
  opacity: 0;
  display: none;
}
.formFieldEditorControls.shown {
  display: block;
}

.fieldMock {
  float: left;
  font-size: 12px;
  height: 20px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 2px;
  padding-top: 2px;
  color: #ccc;
}

.numberFieldMock {
  width: 100px;
  background-color: white;
}

.numberFieldMock:after {
  content: url(../images/icons/number_up_down.svg);
  float: right;
  margin-right: 10px;
}

.dateFieldMock {
  width: 100px;
  background-color: white;
}

.dateFieldMock:after {
  content: url(../images/icons/date_calendar.svg);
  float: right;
  margin-right: 10px;
}

.timeFieldMock {
  width: 90px;
  background-color: white;
}

.timeFieldMock:after {
  content: url(../images/icons/time_schedule.svg);
  float: right;
  margin-right: 10px;
}

.selectFieldMock {
  background-color: white;
}

.selectFieldMock:after {
  content: url(../images/icons/select_dropdown.svg);
  float: right;
  margin-top: -5px;
}

.choiceFieldMock {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 2px;
}

/******************** End Custom Form Builder ***********************/
/*************** Start Push notification section ********************/
DIV #pushNotificationTable {
  display: flex;
  width: 880px;
}
DIV #pushNotificationTable h3 {
  color: #4577b1;
}

DIV .pushNotificationTableButtonRow a {
  margin-top: 15px;
  margin-left: 10px;
}

DIV #pushNotificationTableLeftWrapper {
  width: 70%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

DIV #pushNotificationPreview {
  display: flex;
  flex-direction: column;
  width: 33%;
  padding-left: 20px;
  padding-right: 25px;
}
DIV #pushNotificationPreview h3 {
  margin-top: 14px;
  margin-left: 25px;
}

#pushNotificationPreviewInner {
  display: flex;
  flex-direction: column;
  background: #e7e7e7;
  border-radius: 10px;
  padding: 10px;
  border-style: none;
  word-break: break-word;
  height: 80px;
  word-break: break-word;
}
#pushNotificationPreviewInner P {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  margin-bottom: 1px;
  margin-top: 2px;
}

.floatLeft {
  float: left;
}

#notificationPreviewButton {
  float: left;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  background-image: url("../images/icons/icon_push_notification.png");
  background-position: center center;
  background-size: 100%;
  border-radius: 2px;
}

#boldTitle {
  font-weight: bold;
}

/*************** End Push notification section style***************/
/*****************  Start Mobile App Screen style ***************************/
.mobileScreenContainer {
  display: flex;
  flex-direction: row;
  width: 880px;
}

.mobileScreenRight {
  flex-grow: 1;
  flex-direction: column;
}

.mobileScreenLeft {
  width: 310px;
  padding-right: 5px;
  background: url(../images/sc_phone.png) no-repeat center center;
  flex-direction: column;
}

.mobileScreenInnerLeft {
  display: flex;
  flex-direction: column;
  margin: 160px 35px 35px 40px;
  align-items: center;
}
.mobileScreenInnerLeft h4 {
  color: white;
}

.mobileScreenLeftMessagePreview {
  width: 220px;
  overflow-y: auto;
  font-size: 12px;
  color: white;
  word-break: break-word;
  text-align: center;
}

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

/*** smartLoader ***/
SPAN.runNotification {
  color: #177828;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

P.error {
  color: #FF0000;
}

SPAN.error {
  color: #FF0000;
}

/****************** End Mobile App Screen style ******************************/
DIV.incidentDrillRow {
  width: 100%;
}
DIV.incidentDrillRow DIV.incidentDrill {
  display: flex;
  float: right;
}
DIV.incidentDrillRow DIV.incidentDrill DIV.incidentType {
  font-weight: bold;
  font-size: 16px;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
}
DIV.incidentDrillRow DIV.incidentDrill DIV.incidentSelect {
  position: relative;
}
DIV.incidentDrillRow DIV.incidentDrill DIV.incidentSelect select {
  font-size: 14px;
  padding-right: 10px;
  outline: none;
  height: 28px;
}
DIV.incidentDrillRow DIV.incidentDrill DIV.incidentSelect::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}

DIV.drillRow, DIV.incident-row {
  display: flex;
  width: 100%;
  height: 80px;
  background-color: #eee;
  padding-top: 15px;
  padding-bottom: 5px;
}
DIV.drillRow DIV.drillItem, DIV.drillRow DIV.incident-item, DIV.incident-row DIV.drillItem, DIV.incident-row DIV.incident-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
DIV.drillRow DIV.drillItem DIV.drillDetail, DIV.drillRow DIV.incident-item DIV.drillDetail, DIV.incident-row DIV.drillItem DIV.drillDetail, DIV.incident-row DIV.incident-item DIV.drillDetail {
  width: 100px;
  display: flex;
  align-items: center;
}
DIV.drillRow DIV.drillItem DIV.drillSelect, DIV.drillRow DIV.incident-item DIV.drillSelect, DIV.incident-row DIV.drillItem DIV.drillSelect, DIV.incident-row DIV.incident-item DIV.drillSelect {
  position: relative;
  display: inline-block;
  padding-left: 8px;
}
DIV.drillRow DIV.drillItem DIV.drillSelect select, DIV.drillRow DIV.incident-item DIV.drillSelect select, DIV.incident-row DIV.drillItem DIV.drillSelect select, DIV.incident-row DIV.incident-item DIV.drillSelect select {
  font-size: 14px;
  outline: none;
  height: 28px;
  width: 150px;
  max-width: 150px;
}
DIV.drillRow DIV.drillItem DIV.drillSelect::after, DIV.drillRow DIV.incident-item DIV.drillSelect::after, DIV.incident-row DIV.drillItem DIV.drillSelect::after, DIV.incident-row DIV.incident-item DIV.drillSelect::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.incidentSelect, DIV.drillRow DIV.incident-item DIV.incidentSelect, DIV.incident-row DIV.drillItem DIV.incidentSelect, DIV.incident-row DIV.incident-item DIV.incidentSelect {
  position: relative;
  display: inline-block;
  padding-left: 8px;
}
DIV.drillRow DIV.drillItem DIV.incidentSelect select, DIV.drillRow DIV.incident-item DIV.incidentSelect select, DIV.incident-row DIV.drillItem DIV.incidentSelect select, DIV.incident-row DIV.incident-item DIV.incidentSelect select {
  font-size: 14px;
  outline: none;
  height: 28px;
  width: 150px;
  max-width: 150px;
}
DIV.drillRow DIV.drillItem DIV.incidentSelect::after, DIV.drillRow DIV.incident-item DIV.incidentSelect::after, DIV.incident-row DIV.drillItem DIV.incidentSelect::after, DIV.incident-row DIV.incident-item DIV.incidentSelect::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.campusSelect, DIV.drillRow DIV.incident-item DIV.campusSelect, DIV.incident-row DIV.drillItem DIV.campusSelect, DIV.incident-row DIV.incident-item DIV.campusSelect {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
DIV.drillRow DIV.drillItem DIV.campusSelect select, DIV.drillRow DIV.incident-item DIV.campusSelect select, DIV.incident-row DIV.drillItem DIV.campusSelect select, DIV.incident-row DIV.incident-item DIV.campusSelect select {
  font-size: 14px;
  outline: none;
  height: 28px;
  width: 150px;
  max-width: 150px;
}
DIV.drillRow DIV.drillItem DIV.campusSelect::after, DIV.drillRow DIV.incident-item DIV.campusSelect::after, DIV.incident-row DIV.drillItem DIV.campusSelect::after, DIV.incident-row DIV.incident-item DIV.campusSelect::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.drillButton, DIV.drillRow DIV.drillItem DIV.incident-buttons, DIV.drillRow DIV.incident-item DIV.drillButton, DIV.drillRow DIV.incident-item DIV.incident-buttons, DIV.incident-row DIV.drillItem DIV.drillButton, DIV.incident-row DIV.drillItem DIV.incident-buttons, DIV.incident-row DIV.incident-item DIV.drillButton, DIV.incident-row DIV.incident-item DIV.incident-buttons {
  display: inline-flex;
  top: 10px;
  white-space: nowrap;
  align-items: end;
}
DIV.drillRow DIV.drillItem DIV.drillInputFrom, DIV.drillRow DIV.drillItem DIV.incident-input-from, DIV.drillRow DIV.incident-item DIV.drillInputFrom, DIV.drillRow DIV.incident-item DIV.incident-input-from, DIV.incident-row DIV.drillItem DIV.drillInputFrom, DIV.incident-row DIV.drillItem DIV.incident-input-from, DIV.incident-row DIV.incident-item DIV.drillInputFrom, DIV.incident-row DIV.incident-item DIV.incident-input-from {
  position: relative;
  display: inline-block;
}
DIV.drillRow DIV.drillItem DIV.drillInputFrom input, DIV.drillRow DIV.drillItem DIV.incident-input-from input, DIV.drillRow DIV.incident-item DIV.drillInputFrom input, DIV.drillRow DIV.incident-item DIV.incident-input-from input, DIV.incident-row DIV.drillItem DIV.drillInputFrom input, DIV.incident-row DIV.drillItem DIV.incident-input-from input, DIV.incident-row DIV.incident-item DIV.drillInputFrom input, DIV.incident-row DIV.incident-item DIV.incident-input-from input {
  font-size: 14px;
  outline: none;
  height: 22px;
  width: 150px;
  max-width: 150px;
}
DIV.drillRow DIV.drillItem DIV.drillInputFrom::after, DIV.drillRow DIV.drillItem DIV.incident-input-from::after, DIV.drillRow DIV.incident-item DIV.drillInputFrom::after, DIV.drillRow DIV.incident-item DIV.incident-input-from::after, DIV.incident-row DIV.drillItem DIV.drillInputFrom::after, DIV.incident-row DIV.drillItem DIV.incident-input-from::after, DIV.incident-row DIV.incident-item DIV.drillInputFrom::after, DIV.incident-row DIV.incident-item DIV.incident-input-from::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.drillInputTo, DIV.drillRow DIV.drillItem DIV.incident-input-to, DIV.drillRow DIV.incident-item DIV.drillInputTo, DIV.drillRow DIV.incident-item DIV.incident-input-to, DIV.incident-row DIV.drillItem DIV.drillInputTo, DIV.incident-row DIV.drillItem DIV.incident-input-to, DIV.incident-row DIV.incident-item DIV.drillInputTo, DIV.incident-row DIV.incident-item DIV.incident-input-to {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
DIV.drillRow DIV.drillItem DIV.drillInputTo input, DIV.drillRow DIV.drillItem DIV.incident-input-to input, DIV.drillRow DIV.incident-item DIV.drillInputTo input, DIV.drillRow DIV.incident-item DIV.incident-input-to input, DIV.incident-row DIV.drillItem DIV.drillInputTo input, DIV.incident-row DIV.drillItem DIV.incident-input-to input, DIV.incident-row DIV.incident-item DIV.drillInputTo input, DIV.incident-row DIV.incident-item DIV.incident-input-to input {
  font-size: 14px;
  outline: none;
  height: 22px;
  width: 150px;
  max-width: 150px;
}
DIV.drillRow DIV.drillItem DIV.drillInputTo::after, DIV.drillRow DIV.drillItem DIV.incident-input-to::after, DIV.drillRow DIV.incident-item DIV.drillInputTo::after, DIV.drillRow DIV.incident-item DIV.incident-input-to::after, DIV.incident-row DIV.drillItem DIV.drillInputTo::after, DIV.incident-row DIV.drillItem DIV.incident-input-to::after, DIV.incident-row DIV.incident-item DIV.drillInputTo::after, DIV.incident-row DIV.incident-item DIV.incident-input-to::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ece;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.controlUp, DIV.drillRow DIV.drillItem DIV.control-up, DIV.drillRow DIV.incident-item DIV.controlUp, DIV.drillRow DIV.incident-item DIV.control-up, DIV.incident-row DIV.drillItem DIV.controlUp, DIV.incident-row DIV.drillItem DIV.control-up, DIV.incident-row DIV.incident-item DIV.controlUp, DIV.incident-row DIV.incident-item DIV.control-up {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 40px;
  position: relative;
  top: -35px;
  font-weight: bold;
  color: #00628c;
  cursor: pointer;
  margin-left: auto;
  right: 80px;
}
DIV.drillRow DIV.drillItem DIV.controlUp::after, DIV.drillRow DIV.drillItem DIV.control-up::after, DIV.drillRow DIV.incident-item DIV.controlUp::after, DIV.drillRow DIV.incident-item DIV.control-up::after, DIV.incident-row DIV.drillItem DIV.controlUp::after, DIV.incident-row DIV.drillItem DIV.control-up::after, DIV.incident-row DIV.incident-item DIV.controlUp::after, DIV.incident-row DIV.incident-item DIV.control-up::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #333;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.controlDown, DIV.drillRow DIV.drillItem DIV.control-down, DIV.drillRow DIV.incident-item DIV.controlDown, DIV.drillRow DIV.incident-item DIV.control-down, DIV.incident-row DIV.drillItem DIV.controlDown, DIV.incident-row DIV.drillItem DIV.control-down, DIV.incident-row DIV.incident-item DIV.controlDown, DIV.incident-row DIV.incident-item DIV.control-down {
  font-size: 14px;
  top: -20px;
  padding-left: 20px;
  padding-right: 40px;
  font-weight: bold;
  color: #00628c;
  cursor: pointer;
}
DIV.drillRow DIV.drillItem DIV.controlDown::after, DIV.drillRow DIV.drillItem DIV.control-down::after, DIV.drillRow DIV.incident-item DIV.controlDown::after, DIV.drillRow DIV.incident-item DIV.control-down::after, DIV.incident-row DIV.drillItem DIV.controlDown::after, DIV.incident-row DIV.drillItem DIV.control-down::after, DIV.incident-row DIV.incident-item DIV.controlDown::after, DIV.incident-row DIV.incident-item DIV.control-down::after {
  content: "";
  position: relative;
  right: -5px;
  top: 13px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #333;
  pointer-events: none;
}
DIV.drillRow DIV.drillItem DIV.showingSelect, DIV.drillRow DIV.incident-item DIV.showingSelect, DIV.incident-row DIV.drillItem DIV.showingSelect, DIV.incident-row DIV.incident-item DIV.showingSelect {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
DIV.drillRow DIV.drillRow::before, DIV.incident-row DIV.drillRow::before {
  content: "";
}
DIV.drillRow DIV.drillRow::after, DIV.incident-row DIV.drillRow::after {
  content: "";
}
DIV.drillRow A.button.normal, DIV.drillRow INPUT.button.normal, DIV.drillRow BUTTON.normal, DIV.incident-row A.button.normal, DIV.incident-row INPUT.button.normal, DIV.incident-row BUTTON.normal {
  font-size: 14px;
}

DIV.previewButtonWrapper:before {
  content: url(../images/doc_pdf.png);
  margin-right: 10px;
}

A.viewDoc, A.removeDoc {
  margin-left: 10px;
  text-decoration: none;
  vertical-align: top;
}

A.viewDoc:before {
  content: url(../images/icons/icon_view.png);
  margin-right: 10px;
}

A.removeDoc:before {
  content: url(../images/icons/icon_delete.png);
  margin-right: 10px;
}

/************** Start Drills anagement ******************/
.drills {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.drills h2 {
  color: black;
}

.zeroImage {
  height: 150px;
  content: url(../images/drill_mgmt_zero.png);
}

A.actionButton.map {
  background: url(../images/icons/icon_open_map.png) no-repeat center;
}

A.actionButton.noMap {
  background: url(../images/icons/icon_nolocation.png) no-repeat center;
  cursor: not-allowed;
}

A.actionButton.chat {
  background: url(../images/icons/icon_event_chat.png) no-repeat center;
}

A.actionButton.chat.hidden {
  visibility: hidden;
}

A.actionButton.cameraManager {
  border: none;
  box-shadow: none;
  margin: 0 8px;
  background: url("../images/icons/ic_open.svg") no-repeat center;
}

A.getStarted, BUTTON.getStarted {
  display: inline-flex;
  height: 34px;
  padding: 6px 12px 6px 40px;
  text-transform: none;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: #004d6c url("../images/icons/ic_open_white.svg") no-repeat 10px 5px;
}

DIV.gridRow.gridRowInfo {
  display: flex;
  width: 12%;
  padding-left: 5px;
  padding-right: 5px;
  justify-content: center;
  background: inherit;
  border-top: 0;
}
DIV.gridRow.gridRowInfo.normalAlign {
  align-items: normal;
}

DIV.freeFormContainer {
  display: flex;
  align-items: flex-start;
  line-height: 25px;
}

SPAN.freeFormContainer {
  margin-right: 10px;
  margin-left: 10px;
  font-weight: bold;
}

DIV.freeFormContainer P.freeFormContainer {
  width: 80%;
  margin: 0;
  overflow-wrap: break-word;
}

DIV.settingsHeader {
  display: flex;
  align-items: center;
}
DIV.settingsHeader--title {
  flex-grow: 1;
}
DIV.settingsHeader--org-id {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  opacity: 65%;
  line-height: 18px;
}

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

.ml5 {
  margin-left: 5px;
}

.msi-action-buttons {
  display: flex;
  justify-content: space-between;
}

.black {
  color: black !important;
}

.indented {
  margin-left: var(--msi-ui-spacing-l);
}

/************* End Drills Management *********************/
/************* Start Bulk Manage Admins *********************/
input#documentFile.uploadFile {
  background-image: url(../images/icons/ic_upload_white.svg);
  background-repeat: no-repeat;
  background-position: 9px;
  padding-left: 33px;
}

a#downloadUsersLink.downloadFile {
  background-image: url(../images/icons/ic_download_white.svg);
  background-repeat: no-repeat;
  background-position: 9px;
  padding-left: 33px;
}

/************* End Bulk Manage Admins *********************/



/*# sourceMappingURL=corporateProfile.css.map */