.hidden508 {
  color: transparent;
  position: absolute;
}

HTML {
  font-family: Arial, Helvetica, Sanserif;
  color: #333333;
  background-color: white;
  height: 100%;
}

BODY {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: auto;
  background-color: #fff;
  font-size: 14px;
}

H1 {
  color: #ee6500;
  font-size: 25px;
  font-weight: normal;
  margin: 0;
  display: inline-block;
}

A {
  color: #007EC7;
  cursor: pointer;
}

BUTTON.clickable {
  cursor: pointer;
}

.content {
  width: calc(100% - 100px);
  margin: 0 auto 15px;
  flex-grow: 1;
  overflow-y: auto;
  min-height: 700px;
}

.haze {
  z-index: 1000;
  background-color: black;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: fixed;
  top: 0;
  left: 0;
  width: 5000px;
  height: 3000px;
  display: none;
}

.hide {
  display: none !important;
}

SPAN.subheader {
  font-size: 16px;
}

INPUT[type=text], INPUT[type=password] {
  box-sizing: border-box;
  height: 32px !important;
  padding: 0 5px;
}

SELECT {
  box-sizing: border-box;
  height: 32px;
}

/****** buttons *****/
.buttonContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.buttonContainer.upperBorder {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #aaaaaa;
}

A.button, INPUT.button, DIV.button {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 15px 0 15px;
  font-size: 12px;
  text-align: center;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #262626;
  background-image: -moz-linear-gradient(top, #6b6b6b 10px, #262626 12px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #6b6b6b 10px, #262626 12px); /* IE10 */
  background-image: -o-linear-gradient(top, #6b6b6b 10px, #262626 12px); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #6b6b6b 10px, #262626 12px); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #6b6b6b 10px, #262626 12px);
  height: 28px;
  line-height: 28px;
  color: white;
  text-decoration: none !important;
}
A.button.ready, INPUT.button.ready, DIV.button.ready {
  background-color: #01aa08;
  background-image: -moz-linear-gradient(top, #53c606, #01aa08); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #53c606, #01aa08); /* IE10 */
  background-image: -o-linear-gradient(top, #53c606, #01aa08); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #53c606, #01aa08); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #53c606, #01aa08);
}
A.button.passive, INPUT.button.passive, DIV.button.passive {
  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.reject, INPUT.button.reject, DIV.button.reject {
  background-color: #cc0000;
  background-image: -moz-linear-gradient(top, #ff3300, #cc0000); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ff3300, #cc0000); /* IE10 */
  background-image: -o-linear-gradient(top, #ff3300, #cc0000); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #ff3300, #cc0000); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #ff3300, #cc0000);
}
A.button.disabled, INPUT.button.disabled, DIV.button.disabled {
  opacity: 0.5;
}
A.button.amber, INPUT.button.amber, DIV.button.amber {
  background-color: #FFA000;
  background-image: -moz-linear-gradient(top, #FFC107, #FFB300); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #FFC107, #FFB300); /* IE10 */
  background-image: -o-linear-gradient(top, #FFC107, #FFB300); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #FFC107, #FFB300); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #FFC107, #FFB300);
}

#referralUrl {
  margin-top: 10px;
}

#addReferralBtn {
  position: absolute;
  right: 50px;
  top: 170px;
}

/****** buttons *****/
/****** header *****/
DIV#headerBleed {
  background-color: #1c60a3;
  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);
  border-bottom: 1px solid white;
}
DIV#headerBleed DIV#header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 100px);
  height: 80px;
  margin: 0 auto;
  font-size: 12px;
}
DIV#headerBleed DIV#header DIV#loginStatus {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  color: white;
}
DIV#headerBleed DIV#header DIV#loginStatus IMG {
  margin-right: 5px;
}
DIV#headerBleed DIV#header DIV#loginStatus A {
  color: white;
}
DIV#headerBleed DIV#header DIV#loginStatus A#signOut {
  display: list-item;
  list-style-type: disc;
  margin-left: 30px;
}
DIV#headerBleed DIV#header DIV#loginStatus DIV#accountMessage {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}

/****** END header *****/
/****** navBar *****/
DIV#navBarBleed {
  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);
  border-bottom: 1px solid white;
}
DIV#navBarBleed DIV#navBarWrapper {
  display: flex;
  flex-direction: row;
  width: calc(100% - 100px);
  height: 35px;
  margin: 0 50px 0;
}
DIV#navBarBleed DIV#navBarWrapper A {
  color: white;
  line-height: 35px;
  text-decoration: none;
}
DIV#navBarBleed DIV#navBarWrapper A:hover {
  text-decoration: underline;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar {
  display: table;
  border-collapse: collapse;
  height: 35px;
  line-height: 35px;
  color: white;
  margin: 0 auto;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A {
  display: table-cell;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A SPAN {
  padding-left: 39px;
  padding-right: 15px;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.home SPAN {
  background: url(../images/icons/icon_nav_dash.png) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.reports SPAN {
  background: url(../images/icons/icon_nav_reports.png) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.facilities SPAN {
  background: url(../images/icons/icon_nav_facilities.png) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.users SPAN {
  background: url(../images/icons/icon_nav_users.svg) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.settings SPAN {
  background: url(../images/icons/icon_nav_settings.svg) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.operations SPAN {
  background: url(../images/icons/icon_nav_operations.png) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.help SPAN {
  background: url(../images/icons/icon_nav_help.svg) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.psaps SPAN {
  background: url(../images/icons/icon_nav_psaps.svg) 15px center no-repeat;
  background-size: contain;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.cads SPAN {
  background: url(../images/icons/icon_nav_cads.svg) 15px center no-repeat;
  background-size: contain;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.subscribers SPAN {
  background: url(../images/icons/icon_nav_people.svg) 15px center no-repeat;
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.active {
  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);
}
DIV#navBarBleed DIV#navBarWrapper DIV#primaryNavBar A.active.hasSecondary {
  background: #626262;
  border-bottom: 1px solid #626262;
}

DIV#secondaryNavBarBleed {
  background-color: #626262;
  text-align: center;
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  color: white;
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar A {
  color: white;
  text-decoration: none;
  padding: 5px 10px;
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar A:hover {
  text-decoration: underline;
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar A.active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  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);
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar A:first-child {
  margin-left: 50px;
}
DIV#secondaryNavBarBleed DIV#secondaryNavBar A#secNavRequestInfo {
  visibility: hidden;
}

DIV#jsErrorMessage, DIV#jsSuccessMessage {
  display: none;
}

/****** END navBar *****/
DIV#loading {
  display: none;
  position: fixed;
  top: 85px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
DIV#loading IMG {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  z-index: 11;
}

/****** footer *****/
DIV#footerBleed {
  width: 100%;
  background-color: #030303;
  background-image: -moz-linear-gradient(top, #3b3b3b, #030303); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #3b3b3b, #030303); /* IE10 */
  background-image: -o-linear-gradient(top, #3b3b3b, #030303); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #3b3b3b, #030303); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #3b3b3b, #030303);
}
DIV#footerBleed DIV#footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 100px);
  margin: 0 auto;
  height: 40px;
  color: white;
}
DIV#footerBleed DIV#footer IMG#footerLogo {
  height: 26px;
}
DIV#footerBleed DIV#footer DIV#copyrightFooter {
  display: inline-block;
  font-size: 10px;
  color: #BBB;
  text-align: center;
}
DIV#footerBleed DIV#footer DIV#copyrightFooter A {
  color: #BBB;
}
DIV#footerBleed DIV#footer DIV#copyrightFooter SPAN {
  margin-left: 10px;
}
DIV#footerBleed DIV#footer A {
  color: white;
}

/****** END footer *****/
/****** Smart Admin - Header *****/
DIV#smartAdmin, DIV.altHeader {
  flex-direction: column;
  width: calc(100% - 100px);
  margin: 15px auto;
}
DIV#smartAdmin DIV#smartAdminTitleWrapper, DIV#smartAdmin DIV.altHeaderTitleWrapper, DIV.altHeader DIV#smartAdminTitleWrapper, DIV.altHeader DIV.altHeaderTitleWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
DIV#smartAdmin DIV#smartAdminTitleWrapper SELECT, DIV#smartAdmin DIV.altHeaderTitleWrapper SELECT, DIV.altHeader DIV#smartAdminTitleWrapper SELECT, DIV.altHeader DIV.altHeaderTitleWrapper SELECT {
  margin-left: auto;
}
DIV#smartAdmin DIV#smartAdminTitleWrapper DIV.search.header, DIV#smartAdmin DIV.altHeaderTitleWrapper DIV.search.header, DIV.altHeader DIV#smartAdminTitleWrapper DIV.search.header, DIV.altHeader DIV.altHeaderTitleWrapper DIV.search.header {
  margin-left: 10px;
  display: inline-block;
}
DIV#smartAdmin SELECT#psaps, DIV.altHeader SELECT#psaps {
  max-width: 250px;
}

DIV.altHeader {
  display: none;
}

DIV.search {
  display: inline-block;
  position: relative;
  border: 1px solid #d2d2d2;
  height: 32px;
  width: 235px;
  margin: 0 0 0 30px;
}
DIV.search INPUT[type=text] {
  border: none;
  position: absolute;
  top: 0;
  left: 2px;
  width: 240px;
  font-size: 14px;
}
DIV.search.header {
  width: 400px;
}
DIV.search.header INPUT[type=text] {
  outline: none;
  overflow: hidden;
  width: 375px;
}

DIV.smartAdmin, DIV.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}

DIV.smartAdmin {
  margin: 15px 0 0 0;
  padding: 12px 20px;
  box-sizing: border-box;
  background-color: #f1f1f1;
  border: 1px solid #e0e0e0;
}

DIV.col {
  display: flex;
  flex-direction: column;
}
DIV.col.min200 {
  min-width: 200px;
}
DIV.col.dateStuff {
  margin-right: 80px;
}
DIV.col.dateStuff B {
  margin-bottom: 10px;
}

DIV.col.buttonWrapper1 INPUT, DIV.col.buttonWrapper1 A {
  float: none;
  margin: 0 0 20px auto !important;
}

DIV.row {
  justify-content: flex-start;
}

DIV.spreadOut {
  justify-content: space-between;
}

DIV.normallyExpanded {
  display: block;
}

DIV.normallyExpanded.buttonWrapper1, DIV.normallyExpanded.row {
  display: flex;
}

DIV.normallyCollapsed {
  display: none;
}

DIV.collapsed > DIV.normallyExpanded {
  display: none;
}

DIV.collapsed > DIV.normallyCollapsed {
  display: block;
}

A.hinge {
  float: right;
  text-decoration: none;
}

DIV#caseHistoryEnabledFeatures TD {
  white-space: nowrap;
}

SPAN#backToHistoryLink {
  position: absolute;
  right: 5px;
  top: 2px;
  color: #007EC7;
}

.beginDateInp, .endDateInp {
  position: relative;
  padding-bottom: 0;
}

.beginEndDateInp {
  vertical-align: top;
  height: 24px;
  margin-right: 5px;
  width: 59%;
}

DIV#facilitiesFilters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  line-height: 20px;
}

DIV#caseHistoryEnabledFeatures {
  margin-top: 15px;
}
DIV#caseHistoryEnabledFeatures TH {
  text-align: left;
  padding-bottom: 15px;
}
DIV#caseHistoryEnabledFeatures TD {
  padding-right: 10px;
}

DIV#subscriberActivityWrapper, DIV#analyticsWrapper {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 400px;
}
DIV#subscriberActivityWrapper DIV, DIV#analyticsWrapper DIV {
  display: flex;
  flex-direction: column;
}
DIV#subscriberActivityWrapper DIV SELECT, DIV#analyticsWrapper DIV SELECT {
  margin: 10px 0 20px;
}

DIV#analyticsWrapper {
  width: auto;
}

DIV.collapsibleParent {
  position: relative;
}

DIV.Qrow {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
DIV.Qrow .positionUnCollapsed {
  position: absolute;
  right: 1.2em;
}
DIV.Qrow .guardianTicketTypes LABEL {
  min-width: 200px;
  margin-right: 80px;
}

DIV.filterContainer {
  flex-grow: 1;
}
DIV.filterContainer B {
  margin-bottom: 10px;
}

DIV.sitePsap {
  flex-direction: column;
}

/****** END Smart Admin - Header *****/
DIV#mainWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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%);
}
A.actionButton.edit {
  background: url(../images/icons/btn_edit_small.png) no-repeat center center;
}
A.actionButton.delete {
  background: url(../images/icons/btn_delete_small.png) no-repeat center center;
}
A.actionButton.add {
  background: url(../images/icons/btn_add_small.png) no-repeat center center;
}
A.actionButton.search {
  background: url(../images/icons/icon_search.png) no-repeat center center;
}

/****** popup/modal stuff *****/
#accessLog, #extendTicketConfirmation {
  z-index: 11;
}

#accessLog A.close, #extendTicketConfirmation A.close {
  cursor: pointer;
}

#extendTicketConfirmation {
  left: calc(50% - 200px);
  width: 400px;
}

TABLE.dataListPopup {
  margin: 0 auto;
  width: 90%;
  border-collapse: collapse;
}
TABLE.dataListPopup THEAD TH {
  background-color: white !important;
  color: #219300 !important;
  font-size: 14px !important;
  padding: 10px 5px !important;
  text-align: left !important;
}
TABLE.dataListPopup TBODY TR.callerPhone {
  background-color: #ffcc00;
  background-image: -moz-linear-gradient(top, #ffff00, #ffcc00); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ffff00, #ffcc00); /* IE10 */
  background-image: -o-linear-gradient(top, #ffff00, #ffcc00); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #ffff00, #ffcc00); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #ffff00, #ffcc00);
  border: 2px solid #FA7134;
}
TABLE.dataListPopup TBODY TR TD {
  border-top: 1px solid #d2d2d2 !important;
  font-size: 14px !important;
  padding: 10px 5px !important;
  vertical-align: top !important;
}

.popupModal {
  display: none;
  position: absolute;
  top: 180px;
  left: calc(50% - 200px);
  width: 400px;
  z-index: 1002;
  box-sizing: border-box;
  background-color: white;
}
.popupModal .close, .popupModal .die {
  z-index: 1002;
  cursor: pointer;
  color: transparent;
  position: absolute;
  right: 20px;
  top: 20px;
  display: inline-block;
  background: url(../dispatch/images/icons/modal_close.png) no-repeat center center;
  width: 19px;
  height: 19px;
  margin: 0;
}
.popupModal .close:hover, .popupModal .die:hover {
  text-decoration: none;
}
.popupModal DIV.popupContent {
  border-top: 1px solid #d2d2d2;
  padding-top: 10px;
}

DIV.popupModalHeader {
  font-size: 20px;
  text-align: left;
  background-color: #888;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#5f5f5f));
  background-image: linear-gradient(to bottom, #888 0%, #5f5f5f 100%);
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  color: #fff;
}
DIV.popupModalHeader A.closeModal {
  float: right;
  margin-top: 11px;
  display: inline-block;
  background: url(../images/icons/alert_modal_close.png) no-repeat center center;
  width: 22px;
  height: 23px;
}

.popupModalContent {
  position: relative;
  padding: 20px;
}

.landlinesModal {
  width: 600px;
  height: 400px;
  position: absolute;
  top: 300px;
  left: calc(50% - 300px);
  z-index: 1002;
}

/***** END popup stuff *****/
/************************************** Page Specific Styles *************************************/
/****** Dashboard ******/
.homeS911Stats {
  table-layout: fixed;
  margin: 0 auto;
  margin-top: 25px;
  vertical-align: top;
}
.homeS911Stats TD.description {
  width: 380px;
}
.homeS911Stats TD.count {
  width: 380px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.homeS911Stats TD.moreInfo {
  width: 215px;
  color: #007ece;
  font-weight: bold;
  text-align: center;
}

#homeS911Usage, #homeS911AllTime {
  color: white;
  height: 40px;
  font-size: 20px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}
#homeS911Usage IMG, #homeS911AllTime IMG {
  vertical-align: middle;
}
#homeS911Usage SPAN, #homeS911AllTime SPAN {
  line-height: 40px;
  padding-right: 10px;
}

#homeS911Usage {
  background-color: #007ece;
}

#homeS911AllTime {
  background-color: #1d2c5c;
}

.countRed {
  color: #FF3300;
}

TABLE.dataList, #facilityProfileStatusChecks TABLE.dataList {
  width: 100%;
  border-collapse: collapse;
}
TABLE.dataList.fixedLayout, #facilityProfileStatusChecks TABLE.dataList.fixedLayout {
  table-layout: fixed;
}
TABLE.dataList THEAD TH, #facilityProfileStatusChecks TABLE.dataList THEAD TH {
  text-align: left;
  padding: 5px 5px 10px 5px;
  color: #219300;
  vertical-align: bottom;
  background-color: white;
}
TABLE.dataList THEAD TH A, #facilityProfileStatusChecks TABLE.dataList THEAD TH A {
  color: #219300;
}
TABLE.dataList THEAD TH A.ascending, #facilityProfileStatusChecks TABLE.dataList THEAD TH A.ascending {
  padding-right: 13px;
  background: url(../images/icons/arrow_down_orange.png) right center no-repeat;
}
TABLE.dataList THEAD TH A.descending, #facilityProfileStatusChecks TABLE.dataList THEAD TH A.descending {
  padding-right: 13px;
  background: url(../images/icons/arrow_up_orange.png) right center no-repeat;
}
TABLE.dataList THEAD TH.fs12, #facilityProfileStatusChecks TABLE.dataList THEAD TH.fs12 {
  font-size: 12px;
}
TABLE.dataList THEAD TH.taCenter, #facilityProfileStatusChecks TABLE.dataList THEAD TH.taCenter {
  text-align: center;
}
TABLE.dataList THEAD TH.underline, #facilityProfileStatusChecks TABLE.dataList THEAD TH.underline {
  text-decoration: underline;
}
TABLE.dataList TBODY TR TD, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD {
  padding: 10px 5px;
  border-top: 1px solid #d2d2d2;
  vertical-align: top;
}
TABLE.dataList TBODY TR TD.fs12, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.fs12 {
  font-size: 12px;
}
TABLE.dataList TBODY TR TD.red, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.red {
  color: #ff3300;
}
TABLE.dataList TBODY TR TD.orange, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.orange {
  color: #ed8c02;
}
TABLE.dataList TBODY TR TD.green, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.green {
  color: #219300;
}
TABLE.dataList TBODY TR TD.pinned.green, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.pinned.green {
  background: url(../images/icons/icon_panic_green.png) no-repeat center center;
}
TABLE.dataList TBODY TR TD.pinned.orange, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.pinned.orange {
  background: url(../images/icons/icon_panic_orange.png) no-repeat center center;
}
TABLE.dataList TBODY TR TD.pinned.red, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.pinned.red {
  background: url(../images/icons/icon_panic_red.png) no-repeat center center;
}
TABLE.dataList TBODY TR TD.pinned.noLocation, #facilityProfileStatusChecks TABLE.dataList TBODY TR TD.pinned.noLocation {
  background: url(../images/icons/icon_nolocation.png) no-repeat center center;
}
TABLE.dataList TBODY TR:hover TD, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD {
  background-color: #eaf5fb;
  cursor: pointer;
  text-shadow: 1px 0 0 #333;
}
TABLE.dataList TBODY TR:hover TD.pinned, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD.pinned {
  background-color: #eaf5fb;
  cursor: pointer;
}
TABLE.dataList TBODY TR:hover TD.red, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD.red {
  text-shadow: 1px 0 0 #ff3300 !important;
}
TABLE.dataList TBODY TR:hover TD.countRed, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD.countRed {
  text-shadow: 1px 0 0 #ff3300 !important;
}
TABLE.dataList TBODY TR:hover TD.moreInfo, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD.moreInfo {
  text-shadow: 1px 0 0 #007ec7 !important;
}
TABLE.dataList TBODY TR:hover TD A, #facilityProfileStatusChecks TABLE.dataList TBODY TR:hover TD A {
  text-shadow: 1px 0 0 #007ec7 !important;
}

/****** END Dashboard *****/
/****** START Guardian Dashboard *****/
DIV#guardianDashboardWrapper {
  width: 100%;
}
DIV#guardianDashboardWrapper DIV.infoBox {
  display: inline-block;
  box-sizing: border-box;
  width: calc(50% - 12px);
  margin: 0 24px 24px 0;
  background-color: #f1f1f1;
  border: 1px solid #e0e0e0;
  padding: 12px 20px;
  text-align: center;
}
DIV#guardianDashboardWrapper DIV.infoBox.rightCol {
  margin-right: 0;
}
DIV#guardianDashboardWrapper DIV.infoBox SPAN.infoTitle {
  color: #fa6501;
  font-size: 18px;
}
DIV#guardianDashboardWrapper DIV.infoBox SPAN.count {
  color: #6cc300;
  font-family: "Century Gothic", "Open Sans", "Arial Narrow", Calibri, Arial;
  font-size: 80px;
}
DIV#guardianDashboardWrapper DIV.infoBox A {
  font-weight: bold;
  background: url(../images/icons/arrow_blue.png) no-repeat right center;
  text-decoration: none;
  padding-right: 10px;
}
DIV#guardianDashboardWrapper DIV.infoBox A:hover {
  color: #0060B0;
  text-decoration: underline;
}

/****** END Guardian Dashboard *****/
/****** Facilities ******/
DIV.heading {
  margin: 20px 0 20px;
  padding: 15px 20px 15px 45px;
  background-color: #f1f1f1;
  clear: both;
}
DIV.heading.basicInfo {
  background: url("../images/icons/icon_section_basicinfo.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.approvals {
  background: url("../images/icons/icon_section_approvals.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.coveragearea {
  background: url("../images/icons/icon_section_coveragearea.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.customchat {
  background: url("../images/icons/icon_section_customchat.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.details {
  background: url("../images/icons/icon_section_details.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.map {
  background: url("../images/icons/icon_section_map.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.notecollaboration {
  background: url("../images/icons/icon_section_notecollaboration.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.realtimeNotifications {
  background: url("../images/icons/icon_section_realtime.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.sound {
  background: url("../images/icons/icon_section_sound.png") 15px center no-repeat #f1f1f1;
}
DIV.heading.usagesummaries {
  background: url("../images/icons/icon_section_usagesummaries.png") 15px center no-repeat #f1f1f1;
}

TABLE.info {
  width: 100%;
  border-collapse: collapse;
}
TABLE.info TH, TABLE.info TD {
  text-align: left;
  padding: 5px 20px 5px 0;
}

DIV#successMessageContainer, DIV#errorMessageContainer, DIV.successMessageContainer, DIV.errorMessageContainer, DIV.warningMessageContainer {
  width: calc(100% - 100px);
  box-sizing: border-box;
  margin: 30px auto 18px auto;
  border: 1px solid transparent;
  line-height: 20px;
  /* and because warning messages can now be displayed in the middle of a page... */
}
DIV#successMessageContainer DIV.messageInnerWrapper, DIV#errorMessageContainer DIV.messageInnerWrapper, DIV.successMessageContainer DIV.messageInnerWrapper, DIV.errorMessageContainer DIV.messageInnerWrapper, DIV.warningMessageContainer DIV.messageInnerWrapper {
  margin: 10px;
}
DIV#successMessageContainer.noTopMargin, DIV#errorMessageContainer.noTopMargin, DIV.successMessageContainer.noTopMargin, DIV.errorMessageContainer.noTopMargin, DIV.warningMessageContainer.noTopMargin {
  margin-top: -20px;
}

DIV#errorMessageContainer, DIV.errorMessageContainer, DIV.warningMessageContainer {
  width: calc(100% - 100px - 4px);
  background-color: #ffe900;
  border: 2px solid #FA7134;
  color: #333333;
}

DIV#successMessageContainer, 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);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: white;
}

DIV.approvalWarningContainer {
  background-color: #ffe900;
  border: 1px solid transparent;
  border: 2px solid #FA7134;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
DIV.approvalWarningContainer DIV.messageInnerWrapper {
  margin: 10px;
}

DIV.warningMessageContainer {
  width: auto;
  font-weight: bold;
}

.backTo {
  background: url(../images/icons/arrow_page_prev.png) no-repeat left;
  padding-left: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #007ECe;
  cursor: pointer;
  margin: 10px 0 10px 5px;
}
.backTo:hover {
  text-decoration: underline;
}

DIV#facilityDetails {
  display: none;
}

DIV.approvalsHistoryModal, DIV.editApprovalModal {
  display: block;
  z-index: 11;
}

DIV.editApprovalModal TEXTAREA {
  overflow-y: scroll;
  resize: none;
  width: 458px;
}

/****** END Facilities *****/
/****** Login ********/
DIV#loginWrapper {
  margin: 20px auto 0 auto;
  width: 620px;
  padding: 40px 0;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  text-align: center;
}
DIV#loginWrapper H1 {
  font-size: 34px;
  color: #fa6501;
}
DIV#loginWrapper INPUT.loginButtonINPUT {
  margin: 20px 0 20px;
  width: 220px;
}
DIV#loginWrapper A {
  display: inline-block;
}

HR {
  height: 1px;
  background-color: #d2d2d2;
  border: none;
  margin-bottom: 20px;
}

.right {
  text-align: right;
}

SPAN.orange {
  color: #ee6500;
}

DIV.dataInputWrapper {
  width: 220px;
  margin: 20px auto 0 auto;
  text-align: left;
}
DIV.dataInputWrapper LABEL {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
DIV.dataInputWrapper INPUT[type=text], DIV.dataInputWrapper INPUT[type=password] {
  float: none;
}

FORM TABLE TD {
  line-height: 20px;
  padding-bottom: 10px;
}

.loginButtonINPUT {
  width: 100%;
  height: 35px !important;
  font-size: 20px !important;
  margin-top: 10px;
}

/****** END Login ******/
/****** Pagination ******/
DIV#paginationContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% - 100px);
  margin: 0 auto 15px;
  padding: 12px 20px;
  box-sizing: border-box;
  background-color: #f1f1f1;
  border: 1px solid #e0e0e0;
}
DIV#paginationContainer A {
  color: #007EC7;
  text-decoration: none;
}
DIV#paginationContainer A:hover {
  text-decoration: underline;
}
DIV#paginationContainer A.prevPage {
  background: url(../images/icons/arrow_page_prev.png) no-repeat left center;
  padding-left: 10px;
}
DIV#paginationContainer A.nextPage {
  background: url(../images/icons/arrow_page_next.png) no-repeat right center;
  padding-right: 10px;
}

DIV#paginationContainer SPAN {
  font-weight: bold;
  cursor: pointer;
  color: #007EC7;
}

DIV#paginationContainer SPAN.resultsSelected {
  font-weight: bold;
  color: #000000;
}

/****** END Pagination ******/
/****** Reports ******/
TABLE#subscriberTable .counts {
  text-align: right;
  padding-right: 10px;
}

SPAN#safetyProfileBlueIcon {
  cursor: pointer;
}

TABLE#frequentCallers TD {
  cursor: default;
}
TABLE#frequentCallers TD.mostRecentDate {
  cursor: pointer;
  text-decoration: underline;
}
TABLE#frequentCallers TD.actions SPAN {
  cursor: pointer;
}

/* SP-3831 */
TABLE#caseHistoryTable TH A.disabled {
  text-decoration: none;
  cursor: default;
}

DIV#caseHistoryEnabledFeatures TD.spacer {
  height: 30px;
}

TD.caseHistoryEvent {
  padding-right: 20px !important;
}
TD.caseHistoryEvent LABEL {
  display: flex;
  flex-direction: row;
  align-items: center;
}
TD.caseHistoryEvent LABEL INPUT[type=checkbox] {
  margin-right: 5px;
}
TD.caseHistoryEvent LABEL IMG {
  margin-right: 5px;
}

DIV.smartletSectionHeader {
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(170, 170, 170);
}
DIV.smartletSectionHeader.expandable.collapsed {
  background: url(../images/icons/icon_smartlet_arrow_dn_orange.png) no-repeat center right 10px;
}
DIV.smartletSectionHeader.expandable.expanded {
  background: url(../images/icons/icon_smartlet_arrow_up_orange.png) no-repeat center right 10px;
}

TH.w17p, TD.w17p {
  width: 17%;
}
TH.w25p, TD.w25p {
  width: 25%;
}
TH.w20p, TD.w20p {
  width: 20%;
}
TH.w30p, TD.w30p {
  width: 30%;
}
TH.w08p, TD.w08p {
  width: 8%;
}

.bold {
  font-weight: bold;
}

HR.mb0 {
  margin-bottom: 0;
  background-color: #aaaaaa;
}

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

.taCenter {
  text-align: center;
}

.fs12 {
  font-size: 12px;
}

DIV.lh30 {
  line-height: 30px;
}
DIV.clickable {
  cursor: pointer;
}

/****** END Reports ******/
/*********** settings and operations page *************************/
DIV.checkBoxWrapper {
  line-height: 24px;
  margin-bottom: 20px;
}

DIV.zipCodeButtonWrapper {
  margin: 20px 0 0 0;
  max-height: 300px;
  overflow-y: scroll;
}

DIV.zipCodeButton, DIV.emailButton, DIV.phoneButton, DIV.customChatMessageButton {
  display: inline-block;
  margin: 0 20px 20px 0;
  width: 60px;
  line-height: 20px;
  padding: 2px 12px;
  border: 1px solid #007ece;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f5fbfe;
}
DIV.zipCodeButton A, DIV.emailButton A, DIV.phoneButton A, DIV.customChatMessageButton A {
  float: right;
  display: inline-block;
  width: 12px;
  line-height: 20px;
  background: url(../images/icons/icon_close_red.png) no-repeat center center;
  text-decoration: none;
}
DIV.zipCodeButton A:hover, DIV.emailButton A:hover, DIV.phoneButton A:hover, DIV.customChatMessageButton A:hover {
  text-decoration: none;
}

DIV.emailButton {
  width: 195px;
}
DIV.emailButton SPAN {
  display: block;
  float: left;
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
}

DIV.phoneButton {
  width: 110px;
}

DIV.customChatMessageButton {
  width: 840px;
}

DIV.settingsAndOperationsFunction INPUT[type=text] {
  margin-right: 10px;
}

DIV#frequentCaller INPUT[type=text] {
  float: none !important;
  width: 25px;
  text-align: right;
}

DIV#volumeControlWrapper, DIV#zoomControlWrapper {
  padding: 15px 20px 20px 20px;
  font-size: 14px;
}

DIV#volumeLabelWrapper, DIV#zoomLabelWrapper {
  height: 30px;
  width: 100%;
}

DIV#volumeControl, DIV#zoomControl {
  margin-top: 20px;
  display: inline-block;
  border: 1px solid black;
  width: 100%;
}

SPAN#min {
  float: left;
}

SPAN#max {
  float: right;
}

DIV#volumeWrapper2, DIV#zoomWrapper2 {
  margin-top: 15px;
}

.ui-slider-handle {
  width: 1.2em !important;
  height: 1.2em !important;
}

A#volumeTest {
  background: url(../images/icons/volume_test_off.png) no-repeat center left;
  margin: 8px 0 0 20px;
  padding-left: 22px;
  font-weight: bold;
  text-decoration: underline;
  color: black;
}

A#volumeTest.active {
  background: url(../images/icons/volume_test_on.png) no-repeat center left;
}

INPUT#volumeSave, INPUT#zoomSave {
  float: right;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
}

DIV#customChatMessages TEXTAREA {
  display: inline-block;
  width: 400px;
  height: 80px;
  float: left;
}
DIV#customChatMessages .buttonCharCounterWrapper {
  display: inline-block;
  height: 80px;
  width: 200px;
  margin-left: 20px;
}
DIV#customChatMessages .buttonCharCounterWrapper DIV {
  margin-top: 20px;
  font-size: 12px;
}

DIV.customSoundsModuleRow {
  display: flex;
  flex-direction: row;
  width: 100%;
}
DIV.customSoundsModuleRow.last DIV.customSoundsModule {
  border-bottom: 1px solid #333;
}
DIV.customSoundsModuleRow DIV.ctr {
  width: 50px;
}

DIV.customAwareModuleRow {
  display: flex;
  flex-direction: row;
  width: 100%;
}
DIV.customAwareModuleRow DIV.ctr {
  width: 50px;
}

.customAwareModuleRow:last-child DIV.customAwareModule {
  border-bottom: 1px solid #333;
}

DIV.customSoundsModuleRow > DIV.customSoundsModule, DIV.customAwareModuleRow > DIV.customAwareModule {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  border-top: 1px solid #333;
  padding: 25px 0;
}

DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType {
  font-weight: bold;
  width: 100px;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 50px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.activeAssailant, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.activeAssailant {
  background: url(../images/icons/rpb_active_assailant.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.police, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.police {
  background: url(../images/icons/app_btn_police.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.fire, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.fire {
  background: url(../images/icons/app_btn_fire.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.other, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.other {
  background: url(../images/icons/app_btn_single.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.medical, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.medical {
  background: url(../images/icons/app_btn_medical.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.landline, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.landline {
  background: url(../images/icons/landlines_main.png) no-repeat center left;
  background-size: 40px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundType.drill, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareEventType.drill {
  background: url(../images/drill-icon.png) no-repeat center left;
  background-size: 40px;
}

DIV.customAwareModuleRow > DIV.customAwareModule > .policeAware {
  background: url(../images/icons/event/cad-police.png) no-repeat center left;
  background-size: 40px;
}

DIV.customAwareModuleRow > DIV.customAwareModule > .fireAware {
  background: url(../images/icons/event/cad-fire.png) no-repeat center left;
  background-size: 40px;
}

DIV.customAwareModuleRow > DIV.customAwareModule > .medicalAware {
  background: url(../images/icons/event/cad-medical.png) no-repeat center left;
  background-size: 40px;
}

DIV.customAwareModuleRow > DIV.customAwareModule > .otherAware {
  background: url(../images/icons/event/cad-event-other.png) no-repeat center left;
  background-size: 40px;
}

DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundSelect, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareSelect {
  width: 150px;
}
DIV.customSoundsModuleRow > DIV.customSoundsModule > DIV.soundSelect SELECT, DIV.customAwareModuleRow > DIV.customAwareModule > DIV.awareSelect SELECT {
  width: 150px;
}

div.imgDiv {
  display: inline-flex;
  width: 150px;
  align-items: center;
}

/*********** END settings and operations page *********************/
/*********** Users ********************/
DIV#addEditUser, DIV#addEditCad {
  box-sizing: border-box;
  width: 100%;
}
DIV#addEditUser DIV.formField INPUT, DIV#addEditCad DIV.formField INPUT {
  float: none;
}
DIV#addEditUser DIV.formField INPUT:read-only, DIV#addEditCad DIV.formField INPUT:read-only {
  background-color: #eee;
}

DIV#addEditPsap DIV.formField LABEL {
  float: left;
}

DIV#dispatchUIInfo {
  border: 1px solid black;
  padding: 20px;
  font-size: 0.9em;
}

DIV#dispatchUIInfo TABLE {
  border-collapse: collapse;
  border: 1px solid black;
}

DIV#dispatchUIInfo TH, DIV#dispatchUIInfo TD {
  border-collapse: collapse;
  border: 1px solid black;
  padding: 3px;
}

DIV#dispatchUIInfo TD {
  text-align: center;
}

DIV#dispatchUIInfo TR TD {
  color: gray;
}

DIV#dispatchUIInfo TR.enabled TD {
  color: black;
}

.offScreen {
  position: absolute;
  left: -1000px;
}

DIV#dispatchUIInfo TD.moduleType {
  color: gray;
  text-align: left;
}

DIV#addEditUserHeader DIV, DIV#addEditCadHeader DIV {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #aaaaaa;
}

TABLE#psapMembershipsTable TH {
  text-align: left;
}

TABLE#psapMembershipsTable TH.error {
  color: red;
}

TABLE#psapMembershipsTable INPUT.error {
  color: red;
}

TR.inAccessible TD {
  color: #888;
}

#roleLabel {
  margin-top: -25px;
}

/*********** END Users ********************/
TABLE#psapAssociationsTable TH {
  text-align: left;
}

TABLE#psapAssociationsTable TH.error {
  color: red;
}

TABLE#psapAssociationsTable INPUT.error {
  color: red;
}

/************************************** END Page Specific Styles *************************************/
/*********** details ******/
.grayBox {
  margin-bottom: 15px;
  padding: 12px 20px 12px 20px;
  background-color: #f1f1f1;
  border: 1px solid #e0e0e0;
}

TABLE.caseDetail {
  table-layout: fixed;
  width: 100%;
}

DIV.smartletTabularData {
  margin: 0 5px 0 10px;
  font-size: 12px;
}
DIV.smartletTabularData DIV.row {
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #aaa;
  line-height: 16px;
}
DIV.smartletTabularData DIV.row IMG.operatorNoteIcon {
  display: none;
}
DIV.smartletTabularData DIV.operatorNote {
  position: relative;
  padding-left: 30px;
  background-color: #D3EDF5;
  background-image: -moz-linear-gradient(top, #F1F9FC, #D3EDF5); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #F1F9FC, #D3EDF5); /* IE10 */
  background-image: -o-linear-gradient(top, #F1F9FC, #D3EDF5); /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #F1F9FC, #D3EDF5); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #F1F9FC, #D3EDF5);
}
DIV.smartletTabularData DIV.operatorNote IMG.operatorNoteIcon {
  position: absolute;
  left: 5px;
  top: 10px;
  display: inline-block;
}

DIV.smartletIcon {
  display: inline-block;
  margin: 0 5px 0 0;
  border: none;
  width: 26px;
  height: 26px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

DIV.safetyProfile {
  background: url(../images/icons/event/icon_event_safetyprofile.png) no-repeat center center;
}

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

DIV.log {
  background: url(../images/icons/event/icon_event_notes.png) no-repeat center center;
} /* Notes */
DIV.facilityProfile {
  background: url(../images/icons/event/icon_event_facilityprofile.png) no-repeat center center;
}

DIV.rapidSOS {
  background: url(../images/icons/event/icon_event_rapidlocation.png) no-repeat center center;
}

DIV.connectedCar {
  background: url(../images/icons/event/icon_event_rapidsos_data_sm.png) no-repeat center center;
  background-size: 21px 21px;
}

DIV.guardianProfile {
  background: url(../images/icons/event/icon_event_guardian.png) no-repeat center center;
} /** pLace Holder, needs to be updated once Rand gives the real image **/
DIV.videoStreaming {
  background: url(../images/icons/event/icon_event_video.png) no-repeat center center;
}

DIV.activeShooter {
  background: url(../images/icons/event/icon_event_activeshooter.png) no-repeat center center;
}

DIV.fire {
  background: url(../images/icons/event/icon_event_fire.png) no-repeat center center;
}

DIV.medical {
  background: url(../images/icons/event/icon_event_medical.png) no-repeat center center;
}

DIV.police {
  background: url(../images/icons/event/icon_event_police.png) no-repeat center center;
}

DIV.other {
  background: url(../images/icons/event/icon_event_other.png) no-repeat center center;
  width: 39px;
}

DIV.landlineIncident {
  background: url(../images/icons/event/icon_event_landline.png) no-repeat center center;
}

DIV.operatorInitiated {
  background: url(../images/icons/event/icon_event_operator.png) no-repeat center center;
}

DIV.statusCheck {
  background: url(../images/icons/event/icon_event_statuschecks.png) no-repeat center center;
}

DIV.panicCall {
  background: url(../images/i_btn_buildingdata_on.png) no-repeat center center;
  background-color: #219300;
}

TABLE.dataList TH.viewDetail {
  max-width: 50px;
  min-width: 50px;
}
TABLE.dataList TD.viewDetail SPAN {
  margin-right: 5px;
}

.previewBtn {
  background: #007ece !important;
  margin-left: 20px;
}

DIV.copyUrlBtn {
  width: 82px;
  text-transform: none;
  display: inline-flex;
  position: absolute;
  margin-top: -5px;
}

IMG.copyUrlBtnIcon {
  width: 14px;
  height: 16px;
  padding: 6px 0;
  margin-right: 5px;
}

SPAN.logoInfoText {
  margin-bottom: 10px;
  width: 400px;
  font-size: 12px;
}

INPUT[type=file]#referralLogo {
  display: block;
  width: 90px;
  margin-right: 5px;
  background-color: transparent !important;
}

LABEL#referralLogoName {
  font-weight: normal;
}

DIV.formFieldReferral {
  display: grid !important;
}
DIV.formFieldReferral LABEL {
  margin-bottom: 10px;
}
DIV.formFieldReferral INPUT[type=text], DIV.formFieldReferral TEXTAREA {
  width: 400px !important;
}

DIV.formField {
  clear: both;
  display: table;
  height: auto;
  margin-bottom: 15px;
}
DIV.formField LABEL, DIV.formField SPAN.multiFieldLabel {
  vertical-align: middle;
  font-weight: bold;
  width: 160px;
  display: inline-block;
}
DIV.formField LABEL.alignTop, DIV.formField SPAN.multiFieldLabel.alignTop {
  vertical-align: top;
}
DIV.formField INPUT[type=text], DIV.formField INPUT[type=password], DIV.formField SELECT {
  width: 290px;
  border: 1px solid #aaaaaa;
  height: 25px;
  padding-left: 3px;
  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 DIV.multiFieldWrapper {
  display: inline-block;
  width: 270px;
  font-size: 12px;
}
DIV.formField DIV.multiFieldWrapper LABEL {
  width: auto;
  margin-bottom: 5px;
}
DIV.formField.error LABEL {
  color: red;
}
DIV.formField.error INPUT, DIV.formField.error SELECT, DIV.formField.error TEXTAREA {
  border-color: red;
}

LABEL.disabled {
  color: #aaa;
}

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

.required {
  color: #ee6500;
}

label.error {
  color: red;
  font-size: 11px;
}

/*********** password page(s) styles ***********/
#passwordRequirements {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  width: 160px;
  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 ***********/
#userPsaps {
  border-collapse: separate;
  padding-top: 7px;
}
#userPsaps TH {
  padding-right: 10px;
  text-align: left;
}
#userPsaps TD {
  padding-right: 10px;
  text-align: left;
}
#userPsaps .lightBorderBottom TH {
  padding-bottom: 3px;
  border-bottom: 1px solid lightgray;
  margin-bottom: 3px;
}

/* temporary over-rides */
DIV.smartlet {
  width: auto !important;
}

DIV#facilityDetails DIV.smartlet, DIV#facilityDetails DIV.smartlet DIV.smartletContent, DIV#facilityDetails DIV.smartlet DIV.smartletContent DIV.viewerModule {
  display: block !important;
}

DIV#eventLogs DIV.row {
  display: block;
}

DIV.landlinesPopup DIV.content {
  width: 100%;
  margin: 15px 0 0 0;
}

A#showMoreNotesButton {
  position: absolute;
  left: -10000px;
}

DIV.viewerModule TABLE TD {
  width: 100%;
}

/* flatpickr over-rides */
.flatpickr-months {
  height: 3em;
  display: flex;
  aligh-items: center;
}
.flatpickr-months .flatpickr-month {
  display: flex;
  align-items: center;
}
.flatpickr-months .flatpickr-month .flatpickr-current-month {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

DIV.smartlet TABLE TR.summary TD {
  width: auto;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .flatpickr-current-month {
    margin-top: -10px;
  } /* IE11 */
}
A.volumeTest {
  background: url(../images/icons/volume_test_off.png) no-repeat center left;
  margin: 8px 0 0 20px;
  padding-left: 22px;
  font-weight: bold;
  text-decoration: underline;
  color: black;
}

A.volumeTest.active {
  background: url(../images/icons/volume_test_on.png) no-repeat center left;
}

DIV#dispatchUIInfo {
  border: 1px solid black;
  padding: 20px;
  font-size: 0.9em;
}

.psapRuleInput {
  width: 100px;
}

.psapRuleDeleteCheckbox {
  margin-left: 27px;
}

.psapRuleButton {
  float: none;
  margin-top: 50px;
}

.alignBottom {
  vertical-align: bottom;
}

.padding5 {
  padding: 5px;
}

.leftAlign {
  text-align: left;
}

.horizontalFormLabel {
  width: auto !important;
  margin-right: 15px;
  padding-top: 7px;
}

.withBorder {
  border: 1px solid black;
  padding: 20px;
}

#aware #psapContainer {
  background: rgba(0, 0, 0, 0.05);
  height: 100px;
  color: dimgray;
}
#aware #psapContainer .psapSelectContainer {
  margin: 12px 20px;
  display: -webkit-inline-box;
  width: 150px;
}
#aware #psapContainer .psapSelectContainer SELECT {
  width: 250px;
  margin-top: 15px;
}
#aware .awareEventColorText {
  margin-bottom: 25px;
}

.smartAdminMapWrapper {
  cursor: pointer;
}
.smartAdminMapWrapper.cursorPencil {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewport='0 0 16 16' style='fill:black;'><path fill='currentColor' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z' class=''></path></svg>") 0 16, auto;
}
.smartAdminMapWrapper.cursorCircle {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='12px' height='12px'><circle cx='50' cy='50' r='50' /></svg>") 0 16, auto;
}
.smartAdminMapWrapper.cursorCircle .ol-grab {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='12px' height='12px'><circle cx='50' cy='50' r='50' /></svg>") 0 16, auto;
}
.smartAdminMapWrapper.cursorPolygon {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 637 637' width='12px' height='12px'><polygon class='st0' points='91,176 334,19.7 571,171 601,500.9 281.1,630 30.9,447' /></svg>") 0 16, auto;
}
.smartAdminMapWrapper.cursorPolygon .ol-grab {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 637 637' width='12px' height='12px'><polygon class='st0' points='91,176 334,19.7 571,171 601,500.9 281.1,630 30.9,447' /></svg>") 0 16, auto;
}

.mapControls {
  position: absolute;
  list-style: none;
  display: flex;
}
.mapControls.collaborate {
  top: 55px;
  right: 0px;
}
.mapControls LI {
  opacity: 0.8;
  height: 35px;
  width: 35px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mapControls LI SPAN.drawIcon {
  background: white;
  width: 35px;
  height: 35px;
}
.mapControls LI SPAN.drawIcon.disabled {
  background: #aaa;
}
.mapControls LI SPAN.drawIconPencil {
  -webkit-mask: url(../images/icons/svg/pencil.svg) no-repeat 50% 50%;
  mask: url(../images/icons/svg/pencil.svg) no-repeat 50% 50%;
  -webkit-mask-size: 24px;
  mask-size: 24px;
}
.mapControls LI SPAN.drawIconCircle {
  -webkit-mask: url(../images/icons/svg/circle.svg) no-repeat 50% 50%;
  mask: url(../images/icons/svg/circle.svg) no-repeat 50% 50%;
  -webkit-mask-size: 18px;
  mask-size: 18px;
}
.mapControls LI SPAN.drawIconPolygon {
  -webkit-mask: url(../images/icons/svg/polygon.svg) no-repeat 50% 50%;
  mask: url(../images/icons/svg/polygon.svg) no-repeat 50% 50%;
  -webkit-mask-size: 20px;
  mask-size: 20px;
}

.mapControlsA {
  list-style: none;
  display: flex;
  flex-direction: row;
}
.mapControlsA LI {
  display: flex;
  justify-content: center;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  background-color: #000;
  color: white;
}
.mapControlsA LI.drawButton {
  padding: 0 10px;
  width: auto;
}
.mapControlsA LI.spacedButton {
  margin-left: 10px;
  padding: 0 10px;
  z-index: 1;
}
.mapControlsA LI.active {
  background-color: #888;
  border: 3px solid black;
}

.testRule {
  float: right;
  background-image: -webkit-linear-gradient(top, white 10px, white 12px) !important;
  color: black !important;
  outline: auto;
  opacity: inherit !important;
}

DIV.tagsAccordion {
  position: absolute;
  top: 24px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #aaa;
  line-height: 32px;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
DIV.tagsAccordion INPUT[type=checkbox] {
  width: auto !important;
  pointer-events: none;
}
DIV.tagsAccordion.expanded {
  height: 150px;
  overflow-y: scroll;
}
DIV.tagsAccordion.expanded INPUT[type=checkbox] {
  pointer-events: auto;
}

DIV#cadRules DIV.formField {
  width: 350px;
}
DIV#cadRules DIV.formField LABEL {
  display: block;
  margin-bottom: 5px;
}
DIV#cadRules DIV.formField INPUT, DIV#cadRules DIV.formField SELECT {
  float: none;
  width: 100%;
}
DIV#cadRules DIV.formField textarea {
  float: none;
  font-family: inherit;
  height: 32px;
  line-height: inherit;
  resize: none;
  width: 100%;
}
DIV#cadRules TABLE.dataList TD:first-child DIV {
  max-width: 500px;
}

.editShapeOptions {
  width: 200px;
  position: absolute;
  top: 60px;
  right: 50px;
  z-index: 100;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) 0px 0px 0px #000000;
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) 0px 0px 0px #000000;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) 0px 0px 0px #000000;
  background-color: white;
  padding: 10px;
  color: #333;
}
.editShapeOptions .icon-cancel-circled {
  position: absolute;
  right: 5px;
  top: 5px;
}
.editShapeOptions.forEditColor {
  width: 1px;
  height: 1px;
  padding: 0;
}
.editShapeOptions.forAlert {
  top: 100px;
}
.editShapeOptions DIV.close {
  postition: absolute;
  right: 10px;
  top: 7px;
  border: 7px solid transparent;
  border-bottom: 7px solid #00a20f;
  width: 14px;
  height: 14px;
}
.editShapeOptions DIV.editNameWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 2px solid #aaa;
  margin: 10px 5px 0 0;
}
.editShapeOptions DIV.editNameWrapper INPUT {
  border: none !important;
  padding-left: 0;
}
.editShapeOptions H2 {
  font-size: 14px;
  font-weight: bold;
  color: #1d2d5c;
}
.editShapeOptions UL {
  margin-top: 10px;
  list-style: none;
  padding-inline-start: 0px;
}
.editShapeOptions UL LI {
  border: 1px solid transparent;
  padding: 5px;
  margin-bottom: 0;
  box-sizing: border-box;
}
.editShapeOptions UL LI:hover {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #7baede;
  background-color: #e6f0f4;
}
.editShapeOptions UL LI:hover.noHighLight {
  border: none;
  background-color: transparent;
}

.input-info {
  color: #000;
  font-size: 0.9em;
  margin-left: 0.3em;
}

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