body {
    min-width: 540px;
}

.radio-disabled{
    color: gray;
}
#remember_label {
    padding: 3px;
}
.analytics-description{
    padding-top: 6px;
}
#analytics-billing-message {
    font-weight: normal;
    display: none;
}
#editCamera__analytics-quality-message {
    font-weight: normal;
    display: none;
    margin-bottom: 20px;
}
.editCamera__analytics-quality-see-link {
    text-decoration: underline;
    font-weight: normal;
}
.editCamera-analytics-message {
    font-weight: bold;
}
.table-head-item{
    font-weight: bold;
    color: lightslategrey;
}
.vector-span{
    cursor: pointer;
    color: yellowgreen;
    margin-bottom: -7px;
}
.delta-text{
    float:right;
}
.no-flash{
    position: absolute;
    z-index: 9999;
    width: 645px;
    height: 208px;
    top: 25%;
    left: 31%;
    user-select: none;
    overflow: hidden;
    border-radius: 8px;
    background-color: whitesmoke;
}
.capitalize {
    text-transform: capitalize;
}
@media screen and (max-width: 950px) {
    .no-flash{
        left: 15% !important;
    }
}
@media screen and (max-width: 600px) {
    .no-flash{
        left: 5% !important;
    }
}

/* override bootstrap alert class for custom global alert */
#global-message .alert {
    margin-bottom: 10px;
    color: #222;
    text-shadow: none;
    background-color: orange;
    border: none;
}

.add-new-account label.admin-label {
    text-align: right;
    padding-top: 3px;
}
.add-new-account a.bfh-selectbox-toggle {
    margin-left: 0;
}

.analytics-legend-button {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    align-items: center;
    justify-content: center;
    width:25px;
    height:25px;
}
.analytics-legend-button:hover {
    color: #5c7b1d;
}

.analytics-legend-button.active {
    color: #5c7b1d;
}


.icon-delta {
    background-image: url('../_images/icon_delta.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: block;
    margin-top: 3px;
    float:right;
}

.icon-intrusion.active {
    background-image: url('../_images/intrusion-active.svg');
}

.icon-crossing.active {
    background-image: url('../_images/line_crossing-active.svg');
}

.icon-intrusion {
    background-image: url('../_images/intrusion.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: block;
    margin-top: 3px;
    float:right;
}

.icon-loitering {
    background-image: url('../_images/loitering.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: block;
    margin-top: 3px;
    float:right;
}

.icon-loitering.active {
    background-image: url('../_images/loitering-active.svg');
}

.icon-tampering {
    background-image: url('../_images/tampering.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: block;
    margin-top: 3px;
    float:right;
}

.icon-tampering.active {
    background-image: url('../_images/tampering-active.svg');
}

.icon-crossing {
    background-image: url('../_images/line_crossing.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: block;
    margin-top: 3px;
    float:right;
}

.icon-delta-analytics-button.no-border{
    background-image: url('../_images/icon_delta_no_border_active.svg');
    background-repeat: no-repeat;
    display: block;
    background-size: 23px 23px !important;
    width: 23px !important;
    height: 23px !important;
    margin-left:0px;
    margin-top:-0.25px;
}


.icon-delta-analytics-button.no-border:hover{
    background-image: url('../_images/icon_delta_no_border_hover.svg');
}

span.active i.icon-delta-analytics-button.no-border {
    background-image: url('../_images/icon_delta_no_border_hover.svg');
}

.delta-container{
    position: relative;
    float: right;
    width: 58px;
}

.icon-shortcut {
    background-image: url('../_images/shortcut-icon.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 1px;
    display: none;
}

.big-shortcut-dash {
    display: block;
    background-size: 24px;
    height: 24px;
    width: 24px;
}

.shortcut-enabled {
    width: 11% !important;
    display: flex !important;
    justify-content: space-between;
}

#cameraAnalytics__chart_counting .highcharts-legend{
    display: none;
}

#cameraAnalytics__chart_crossing .highcharts-legend{
    display: none;
}

.ana-count i{
    margin-left: 5px;
}

.ana-delta i{
    margin-right: 4px;
    margin-left: 2px;
}

.ana-flash i{
    margin-right: 4px;
    margin-left: 2px;
}

.ana-count,
.ana-delta,
.ana-flash{
    display:block;
    line-height: 1.2;
    text-align:right;
    float:right;
    padding: 1px;
    font-size: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: yellowgreen;
    text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}
.ana-flash{
    clear:right;
    margin-right: 0px !important;
}

.arrow-container {
    position: absolute;
    top: 25px;
    left: 208px;
    width: 60px;
    z-index: 12000 !important
}
.icon-remove-filter {
    margin-top: 3px;
}
.searches-menu li{
    width: 100% !important;
    height: 27px !important;
}
.searches-menu a{
    cursor: pointer !important;
}
.searches-menu li:hover{
    color: #fff !important;
    text-decoration: none !important;
    background-color: #0081c2 !important;
}
.search-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98px;
}
.sidebar-submenu-active{
    background-color: #03648c;
}
.remove-search{
    position: absolute;
    left: 140px;
    top: 76px;
}
.search-widget .btn{
    color: white;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: -2.5px;
}
.add-disabled {
    color: gray !important;
    cursor: not-allowed !important;
}
.search-widget .add-icon{
    margin-right: -3px !important;
    color: white;
}
#device-widget-component .table-device-status,
.location-root .table-device-status,
.location-root .table-device-icon,
#add-devices-list .table-device-icon {
    text-align: center;
}
#device-widget-component .table-device-child-camera-status i,
.location-root .table-device-child-camera-status i {
    font-size: unset;
}

.bridge-status {
    text-align: center !important;
}
.offset-cell {
    border-top: none !important;
    position: relative;
}
.last-cell{
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.table td.offset-with-indentation {
	padding-left: 22px;
}
.offset-with-line {
      background: linear-gradient(to right,
                                  transparent 0%,
                                  transparent calc(50% - 0.81px),
                                  green calc(50% - 0.8px),
                                  green calc(50% + 0.8px),
                                  transparent calc(50% + 0.81px),
                                  transparent 100%);
}
.device-speaker-icon {
    margin-left: 1em;
}

.icon-volume {
    background-image: url('../_images/icon_volume.svg');
    display: inline-block;
    background-size: 1em 1em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    position: relative;
}

.icon-volume-gray {
    background-image: url('../_images/icon_volume_gray.svg');
    display: inline-block;
    background-size: 1em 1em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    position: relative;
}

.icon-volume-device {
    top: 2px;
}
.device-location-col {
    cursor: pointer;
    font-weight: normal;
}
.device-location-col.device-location-col-selected {
    font-weight: bold;
}
th#camera-table-location { /*keep table headings from wrapping in different languages*/
    white-space: nowrap;
}

.line-edit-active{
    color: darkgreen;
}
.alert-on {
    margin-top: -3px;
}
.list-inline-icon{
    margin-right: 10px;
    font-size: 1.6em !important;
}
.list-inline-small{
    margin-right: -5px;
    margin-top: 6px;
    font-size: 1.2em !important;
}
.list-inline-smaller{
    font-size: 0.8em !important;
    margin-right: -5px;
    margin-top: 6px;
}
.child-cam-inner{
    margin-right: -16px;
    color: white;
    margin-top: 9.5px;
    font-size: 0.6em !important;
}
.child-cam-outer{
    margin-right: -4px;
    margin-top: 6px;
    font-size: 1.2em !important;
}
.child-status{
    font-size: 1.2em !important;
}
.arrow-container i{
    cursor: pointer;
    opacity: 0.8;
    color: gray;
    text-shadow: -1px -1px 0 rgb(255, 255, 255),
                  1px -1px 0 rgb(255, 255, 255),
                 -1px 1px 0 rgb(255, 255, 255),
                  1px 1px 0 rgb(255, 255, 255)
}

#superTagsFilter{
    width: 190px !important;
    margin-bottom: -15px;
}
#superTagsFilter input{
    background-color: #444141;
    border-color: black;
    color: white;
    padding-right: 20px;
    margin-left: 15px;
    min-height: 25px !important;
    font-size: 14px;
}
.arrow-container .active{
    color: green !important;
}
.arrow-container .icon-circle-arrow-up{
    position:absolute;
    left: 12px;
    top: 0px;
}
.arrow-container .icon-circle-arrow-down{
    position:absolute;
    left: 12px;
    top: 22px;
}
.arrow-container .icon-circle-arrow-left{
    position:absolute;
    left: 0px;
    top: 11px;
}
.arrow-container .icon-circle-arrow-right{
    position:absolute;
    left: 24px;
    top: 11px;
}
#forgot_pwd {
    margin-top: 50px;
}
.bw-slider-widget{
    width:215px;
    margin-left: -2px;
}
.switch-name{
    width: 100px;
}
.no-pad{
    padding: 0px !important;
}
.bw-slider-widget .ui-slider-handle{
    width: 60px !important;
}
.red-shadow {
    text-shadow: -1px -1px 0 rgb(160, 4, 4),
                  1px -1px 0 rgb(160, 4, 4),
                  -1px 1px 0 rgb(160, 4, 4),
                   1px 1px 0 rgb(160, 4, 4)
}
.switch-loading{
    height: 25px !important;
}
.port-name{
    text-align: left !important;
    white-space: nowrap;
    padding-left: 2px;
}
.port-name-header{
    text-align: left !important;
}
.toggle-port {
    cursor: pointer;
}
#csMaintenance {
    height: 150px;
}
#managedSwitchModal label{
    text-align: right;
}
#managedSwitchModal input{
    font-size: 14px;
    height: 20px;
    width: 85%;
    margin-top: -4px;
    margin-left: 8px;
}
.buttons-all{
    margin-top: 20px;
    margin-bottom: -20px;
}
#managedSwitchModal td{
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: top;
    border: 1px solid white;
}
.shorten{
    height: 35px !important;
}
.trusted-device-list {
    list-style: none;
}
.trusted-device-entry .forget-client {
    margin-top: 8px;
    margin-left: 28px;
}
.trusted-device-entry .device-icon {
    margin-top: 13px;
    margin-left: 7px;
}
.trusted-device-entry {
    padding: 4px 5px;
    border: solid 1px lightgray;
    background-color: rgba(128, 128, 128, 0.07);
    border-radius: 5px;
    margin-left: 0px !important;
    margin-bottom: 5px;
}
.trusted-device-entry p {
    min-height: 14px!important;
    font-size: 12px!important;
    margin: 0!important;
    padding: 0!important;
    line-height: 17px;
}
.notes-input{
    height: 12px;
    margin-top: 1.5px;
}
.notes-field{
    cursor: pointer;
}
.notes-field:hover{
    border: 1px dashed darkgray;
}
.disabled-notification {
    cursor: not-allowed;
}
.push-down{
    margin-top: 5px;
}
.content.edit-mode {
    border-color: red;
    border-style: solid;
    border-width: 5px;
}
.alert-green{
    color: rgba(10, 255, 10, 0.7) !important;
}
.focus-alert {
    border: 2px solid rgba(100, 149, 237, 0.18) !important;
    background-color: rgba(100, 149, 237, 0.5) !important;
}
.focus-alert-roi{
    border: 2px solid rgba(100, 149, 237, 0.18) !important;
    background-color: rgba(100, 149, 237, 0.5) !important;
}
.focus-alert-roi td:not(.sizing-active){
    background-color: rgba(100, 149, 237, 0.5) !important;
}
.
.motion-selected-region{
    border: 2px solid rgba(100, 149, 237, 0.18) !important;
    background-color: rgba(100, 149, 237, 0.5) !important;
}
.motion-selected-region td:not(.sizing-active):not(:nth-child(1)){
    background-color: rgba(100, 149, 237, 0.5) !important;
}
.two-factor-code-container{
    margin-bottom: 15px;
    margin-top: 15px;
}
.two-factor-code-checkbox {
    display: flex;
    align-items: flex-start;
}

.two-factor-code-checkbox label {
    margin-left: 12px;
}
.two-factor-radio{
    margin-top: 0px !important;
    margin-right: 5px !important;
}
.two-factor-error{
    color: red;
    margin-top: 10px;
}
.two-factor-help-text{
    margin-top: 10px;
}
.accounts_access{
    list-style: none;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    margin: 0px !important;
    overflow-y: scroll;
}
.alert-button{
    width: 95px !important;
}
.alert-column{
    margin-top: 5px !important;
    text-align: right;
}
.time-slider-container{
    margin-top: 35px;
}
#csMotion .fht-tbody{
    height: auto !important;
}
.roi-save-btn-group{
    border: none;
}
.ignore_motion{
    margin-left: 42% !important;
}
.slider-widget {
    width: 95%;
    margin-left: 2.5%;
}
#editCamera__motion_zones .motion-threshold {
    width: auto;
    margin: auto;
    display: block;
}
.accounts_access li{
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
}
.search_field_label{
    padding: 5px;
    text-align: right;
}

.disabled{
   pointer-events: none !important;
   cursor: default;
   color:Gray;
}

.align-middle {
    vertical-align: middle;
}

#editUserModal__accounts_removed li{
    background: #ECE9E8;
}


#editUserModal__accounts_removed .is_temporary{
    display:none;
}

#editUserModal__accounts_added li{
    background: #5bb75b;
}

.section-title{
    font-weight:bold;
    text-decoration: underline;
    margin-bottom: 5px;
}

.interface-check-container{
    padding: 5px;
}

#editBridge__interfaces{
    overflow: hidden;
}

.editBridge__notes_textarea {
    height: 70px;
    resize: none;
}

.editBridge__notes_form {
    margin-left: 13px;
}

.editBridge__metrics__chart,
.editBridge__metrics__big_text {
    height: 350px;
    width:720px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.editBridge__metrics__chart_update_icon {
    position: absolute;
    cursor: pointer;
    top: 51px;
    left: 634px;
    z-index: 5000 !important;
}

.editBridge__metrics__chart_update_icon_hidden {
    display: none;
}

.editBridge__metrics__chart_update_icon_show {
    display: block;
}

.editBridge-metrics-big-text-content {
    color: #333;
}

#editCamera_retention_msg, #editCamera_resolution_msg {
    display: none;
}

hr.bridge-health {
    margin: 10px 0;
}
.bridge-health i {
    margin: 0 10px;
}
.bridge-health {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.accounts_access input{
    margin-top: 4px;
}
.bump-left {
    margin-left: 20px;
}

.list_items li {
    list-style:         none;
    height:             30px;
    background-color:   #EFEFEF;
    text-align:         center;
}

.ptz-canvas{
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
#image-motion-boxes .ptz-canvas{
    z-index: 9996 !important;
}
.ptz-drop{
    text-shadow: none !important;
}
.ptz-drop-live{
    left: -135px !important;
}

.ptz-drop-toggle{
    color: white;
}
.ptz-drop-toggle:hover{
    text-decoration: none;
    color: white;
}
.ptz-drop-toggle:visited{
    text-decoration: none;
    color: white;
}
.ptz-drop-toggle:active{
    text-decoration: none;
    color: white;
}
.container-fluid {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.site-content .container-fluid {
    padding-top: 0px;
}

.faded-image {
     width: 100px;
     height: 56.25px;
     opacity: 0.5;
     background-color: #ccc;
     background-size: contain;
 }

.scrolling-pane {
    height: 600px;
    overflow-y: scroll;
}

.green_dot {
    width: 15px;
    height: 15px;
    margin-top: -3px;
}

/* TEXT COLORS */
.green {
    color: green;
}
.red {
    color: red;
}
.text-orange {
    color: #ef7200;
}
.text-dimmed {
    color: #8F8F8F;
}
/* END TEXT COLORS */

.big-icon {
    font-size: 1.8em;
}

.medium-icon {
    width: 30px;
}

.bump-left {
    margin-left: 15px;
}

.dim-row {
    opacity: 0.6;
}

.sidebar ul {
    width: 200px;
}


/* Bootstrap sets a negative margin-left for some reason, so overriding that here */
.row {
    margin-left: 0px !important;
}

.modal {
    width: 600px !important;
    max-width: calc(100vw - 40px);
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
}

.slimScrollDiv, .info-box {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #eee;
    padding-top:2px;
}

.info-box {
    max-height: 250px;
    overflow: auto;
}

div.tagsinput{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* Override slider handle for jquery ui slider widgets, to allow for displaying a value inside of it */
.ui-slider-handle {
    width: 20px !important;
    font-size: 10px !important;
    height: 18px !important;
    text-decoration: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-top: 0px !important;
    margin-top: -1px !important;
    line-height: 18px !important;
}

/* spacing for buttons in table rows */
.widget td button {
    margin-right: 10px;
    height: 27px;
    width: 27px;
    padding: 0px;
    line-height: normal;
}

.widget td .icon-lock {
    cursor: pointer;
    margin-left: 1px;
    margin-right: 2px;
}

.status-clickable {
    cursor: pointer;
}

.close-preview {
    text-shadow: 0px 1px 1px #4d4d4d;
    float: right;
    margin-right: 5px;
    margin-top: -6px;
    color: gray;
    cursor: pointer;
}

.layout-draggable{
     cursor: pointer;
     list-style: none;
     padding: 5px;
     border-radius: 5px;
}

.layout-draggable:hover{
   color: #fff !important;
    text-shadow: 0 0 1px #000;
    background-color: #08c;
}

#userSettings_layout_order{
    max-height: 350px;
    overflow-y: scroll;
}

#userSettings_layout_order.ui-sortable-disabled li {
    color: #c3c3c3!important;
    cursor: not-allowed!important;
}
#userSettings_layout_order.ui-sortable-disabled li:hover {
    background-color: unset!important;
    text-shadow: none;
}

.site-container{
    min-width: 611px !important;
}

#layout-edit-controls {
    width: auto;
    z-index: 10001;
    position: absolute;
    top:0px;
    right:0px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color:red;
}

#layout-manager {
    width: 100%;
    margin: 0 auto;
    padding:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#layout-manager * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* clearfix  */
#layout-manager:after {
  content: ' ';
  display: block;
  clear: both;
}

.layout-pane-sizer {
    visibility: hidden;
    position: relative;
}

.layout-pane-gutter-sizer {
    visibility: hidden !important;
    width: 4px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    height: 4px !important;
}

.img-polaroid {
    padding: 2px !important;
}

/* lp-wrapper class in _ui_notifications.scss */
.lp-lock-pane {
    display: none;
    margin: 0 3px;
}
.layout-pane {
    transition: box-shadow 0.5s;
    box-shadow: none;
}
.layout-pane.lp-smart-layout-border {
    box-shadow: 0px 0px 0px 2px red;
}
.layout-pane.lp-locked-by-client .lp-lock-pane {
    color: red!important;
}

.smart-layout .lp-lock-pane {
    display: inline-block;
}

.lp-header {
  height: 20px;
  width: 100%;
  background: none;
  position: absolute;
  z-index: 10000; /* needed to display dropdown menu above PTZ controls */
}

.lp-time {
  color: white;
  font-weight: bold;
  display: inline-block;
  float: left;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  width: 71%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.lp-header > div:first-child > span {
    padding-left: 3px;
}

.lp-header > div:last-child > span {
    padding-right: 3px;
}

.lp-name {
  visibility: hidden;
  color: white;
  font-weight: bold;
  display:inline-block;
  float:left;
  width: 1%;
  text-align:center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.lp-control {
  color: white;
  display: inline-block;
  float:right;
  width: 28%;
  white-space: nowrap;
  text-align:right;
}

.lp-body {
    width: 100%;
    border: 0;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.layout-canvas-force-stretch{
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.layout-canvas-force-stretch canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}

.layout-canvas.loading {
    background-image: url('/_images/spinning.gif');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    max-width: 100%;
}

.lp-motion-boxes {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.motion_boxes_hidden .lp-motion-box {
    display: none;
}

.lp-relative-wrapper {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.annotation-overlay {
    position: relative;
    padding-top: 20px;
}

.lp-overlay-bars > div {
    border-width: 1px;
    height: 10px;
    border-style: solid;
}

.lp-overlay-bars > div.active {
    display: none;
}

.lp-overlay-box {
    position: absolute;
    top: 50px;
    max-height: calc(100% - 55px);
    width: 30%;
    z-index: 1001;
    display: flex;
    flex-direction: column;
}

.cs-camera_name .lp-overlay-box {
    top: 30px;
}

.lp-overlay-box.hidden {
    display: none!important;
    visibility: hidden!important;
}

.lp-overlay-box.lp-overlay-box-position-right {
    right: 35px;
}

.lp-overlay-box.lp-overlay-box-position-left {
    left: 5px;
}

.overlay-box-text {
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    overflow: auto;
    word-break: break-all;
}
.overlay-box-text-hidden .lp-overlay-box {
    width: 20%;
}
.overlay-box-text-hidden .overlay-box-text {
    font-size: 0;
    color: transparent;
    height: 80%;
    overflow: hidden;
}

.lp-custom-object-tracking-box-label {
    cursor: pointer;
}

#history-asset {
    background: #000000;
}

#history-asset .annotation-overlay {
    padding-top: 0;
    position: relative;
    height: 100%;
    width: 100%;
}

.cs-camera_name .annotation-overlay {
    padding-top: 0px;
}

.lp-analytic-boxes {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.lp-analytic-boxes-active {
    z-index: 1001;
}


.smart-layout-thumbnail {
    position: absolute;
    right: 7px;
    bottom: 7px;
    z-index: 1;
}

.smart-layout-thumbnail img {
    width: auto;
    height: 70px;
    border-radius: 4px;
    border: 1px white solid;
    cursor: pointer;
}

.ns-overlay{
    overflow: hidden;
}

.csAnalytics_line_name{
    font-size:14px !important;
}
.line-order {
    text-align: center !important;
    font-size: 14px !important;
    color: black !important;
}
.csAnalytics_line_vector{
    font-size:22px !important;
    text-align: center !important;
}
.alert-vector-toggle{
    font-size:22px !important;
    cursor: pointer;
}
.gray{
    color: gray;
}
#csAnalytics_line_crossing_settings td{
    border: none;
}

.slider-widget--simple {
    margin-top: 4px;
}

#csMotion .slider-widget--simple {
    margin-top: 9px;
}

.csAnalytics_slider .ui-slider-handle {
    height: 17px !important;
    width: 5px !important;
    padding-left: 5px;
}
.csAnalytics_slider_h .ui-slider-handle {
    height: 17px !important;
    width: 5px !important;
    padding-left: 5px;
}
.csAnalytics_slider {
    margin-top: 9px;
    width: 90%;
    margin-left: 5%;
}
.csAnalytics_slider_h {
    margin-top: 5px;
    width: 90%;
    margin-left: 5%;
}
.analytics-table td{
    vertical-align: middle;
}
.lp-motion-box {
    position: absolute;
    box-sizing: border-box;
    border-style: solid;
    border-color: rgb(128, 184, 247);
    color: rgb(128, 184, 247);
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    line-height:10px;
    padding:0px;
}

/* .5625 */
.cs-camera_aspect_ratio-5625 .lp-body {
    padding-bottom: calc(((100%) * 0.5625));
    padding-bottom: -webkit-calc(((100%) * 0.5625));
}

/* .75 */
.cs-camera_aspect_ratio-7500 .lp-body {
    padding-bottom: calc(((100%) * 0.75));
    padding-bottom: -webkit-calc(((100%) * 0.75));
}

.layout-pane.is-dragging,
.layout-pane.is-positioning-post-drag {
  z-index: 2;
}

.layout-pane.pillarbox .lp-body {
    background-position: center;
    background-size: contain;
    background-color: #000;
}

.layout-pane.pillarbox .layout-canvas {
    width: unset;
}

.lp-help {
    position: absolute;
    top: 25%;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: white;
    display: none;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.edit-mode .lp-help {
    display: block;
}

.lp-status {
  position: absolute;
  top: 45%;
  text-align: center;
  width: 100%;
  font-size: 28px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.lp-status.online {
    visibility: hidden;
}

.lp-status.offline,
.lp-status.internet {
    color: red;
}
.lp-status.private,
.lp-status.responder_inactive{
    color: yellow;
}

.lp-status.off {
    color: orange;
}

.cs-camera_name .lp-time {
    width: 28%;
}

.cs-camera_name .lp-name {
  visibility: visible;
  width: 44%;
}

.cs-camera_name .lp-header {
  float:none;
  background-color: black;
  position: relative;
}

.footer_logo_large,
.footer_logo_small {
    position: fixed;
    bottom: 5px;
    background: none;
    width: 175px;
    left: 10px;
    margin-bottom: 0;
    padding-top: 45px;
    font-size: 10px;
    text-align: left;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 14px;
}

.smartbanner-close {
    line-height: 24px !important;
}

.smartbanner-button-text {
    position: relative;
    top: 2px;
}

.smartbanner-icon {
    background-color: white !important;
}

.smartbanner {
    position: fixed !important;
    max-width: 100vw;
}

.footer_logo_small #login_support {
    display: block;
    position: absolute;
    top: 0;
    font-size: 12px;
    margin: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.footer_logo_small #chat_support {
    display: block;
    position: absolute;
    top: 0px;
    right: 25px;
    font-size: 12px;
    cursor: pointer;
    visibility: hidden;
}

.footer_logo_small dt {
    width: 45px !important;
    text-align: left !important;
    font-weight: normal !important;
}

.footer_logo_small dd {
    margin-left: 50px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 125px !important;
    display: block !important;
}

.footer_logo_small dd a:hover {
    color: #08c !important;
}

.footer_logo_small {
    color: #cccccc;
}

.footer_logo_large {
    color: black;
}

.footer_logo_small.branded {
    background: transparent url(../_images/een_logo_small.png) no-repeat;
    background-size: 125px;
    background-position: left top;
}

.footer_logo_large.branded {
    background: transparent url(../_images/een_logo_large.png) no-repeat;
    background-size: 125px;
    background-position: left top;
}

#copy_year {
    display: inline;
}

#copy_brand {
    display: inline;
}

.translatable_inline {
    display: inline;
}

/*****************************************************************************/


@media screen and (device-aspect-ratio: 40/71) {
    #content {
        min-width: 300px;
    }

    .container {
        min-width: 300px;
    }

    #status-window {
        display: none;
    }

    .size_1 {
        width: 100%;
    }

    .size_2 {
        width: 100%;
    }

    .size_3 {
        width: 100%;
    }

    #sidebar {
        position: relative;
        width: 100%;
        margin-left: 25%;
    }

    body {
        min-width: 300px;
    }
}



@media (max-width: 800px) {
    #content {
        min-width: 300px;
    }

    .container {
        min-width: 300px;
    }

    #status-window {
        display: none;
    }

    .size_1{
        width: 100%;
    }

    .size_2 {
        width: 100%;
    }

    .size_3 {
        width: 100%;
    }
}


@media (min-width: 801px) and (max-width: 1199px) {
    .size_1 {
        width: calc((100% - 4px) / 2);
        width: -webkit-calc((100% - 4px) / 2);
    }

    .size_2,
    .size_3 {
        width: 100%;
    }

    .max_1 .size_1 {
        width: 100%;
    }

    .max_1 .size_2 {
        width: 100%;
    }

    .max_1 .size_3 {
        width: 100%;
    }

    .cs-camera_name.size_2 .lp-header,
    .cs-camera_name.size_3 .lp-header {
        height: 40px;
    }

    .cs-camera_name.size_2 .lp-header > div,
    .cs-camera_name.size_3 .lp-header > div{
        margin-top: 10px;
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_2 .lp-body,
    .img-polaroid.cs-camera_aspect_ratio-5625.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 6px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 6px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_2 .lp-body,
    .img-polaroid.cs-camera_aspect_ratio-7500.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .size_1 {
        width: calc((100% - 9px) / 3);
        width: -webkit-calc((100% - 9px) / 3);
    }

    .size_2 {
        width: calc(2 * ((100% - 8px) / 3) + 4px);
        width: -webkit-calc(2 * ((100% - 8px) / 3) + 4px);
    }

    .cs-camera_name.size_2 .lp-header {
        height: 40px;
    }

    .cs-camera_name.size_2 .lp-header > div {
        margin-top: 10px;
    }

    .size_3 {
        width: 100%;
    }

    .cs-camera_name.size_3 .lp-header {
        height: 60px;
    }

    .cs-camera_name.size_3 .lp-header > div {
        margin-top: 20px;
    }

    .max_1 .size_1 {
        width: 100%;
    }

    .max_1 .size_2 {
        width: 100%;
    }

    .max_1 .size_3 {
        width: 100%;
    }

    .max_2 .size_1 {
        width: calc((100% - 4px) / 2);
        width: -webkit-calc((100% - 4px) / 2);
    }

    .max_2 .size_2 {
        width: 100%;
    }

    .max_2 .size_3 {
        width: 100%;
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 6px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 6px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 9px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 9px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }
}


@media (min-width: 1400px) and (max-width: 1599px) {
    .size_1 {
        width: calc((100% - 12px) / 4);
        width: -webkit-calc((100% - 12px) / 4);
    }

    .size_2 {
        width: calc(2 * ((100% - 12px) / 4) + 4px);
        width: -webkit-calc(2 * ((100% - 12px) / 4) + 4px);
    }

    .cs-camera_name.size_2 .lp-header {
        height: 40px;
    }

    .cs-camera_name.size_2 .lp-header > div {
        margin-top: 10px;
    }

    .size_3 {
        width: calc(3 * ((100% - 12px) / 4) + 8px);
        width: -webkit-calc(3 * ((100% - 12px) / 4) + 8px);
    }

    .cs-camera_name.size_3 .lp-header {
        height: 60px;
    }

    .cs-camera_name.size_3 .lp-header > div {
        margin-top: 20px;
    }

    .max_1 .size_1 {
        width: 100%;
    }

    .max_1 .size_2 {
        width: 100%;
    }

    .max_1 .size_3 {
        width: 100%;
    }

    .max_2 .size_1 {
        width: calc((100% - 4px) / 2);
        width: -webkit-calc((100% - 4px) / 2);
    }

    .max_2 .size_2 {
        width: 100%;
    }

    .max_2 .size_3 {
        width: 100%;
    }

    .max_3 .size_1 {
        width: calc((100% - 9px) / 3);
        width: -webkit-calc((100% - 9px) / 3);
    }

    .max_3 .size_2 {
        width: calc(2 * ((100% - 8px) / 3) + 4px);
        width: -webkit-calc(2 * ((100% - 8px) / 3) + 4px);
    }

    .max_3 .size_3 {
        width: 100%;
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 6px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 6px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 9px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 9px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }
}



@media (min-width: 1600px) {
    .size_1 {
        width: calc((100% - 17px) / 5);
        width: -webkit-calc((100% - 17px) / 5);
    }

    .size_2 {
        width: calc(2 * ((100% - 16px) / 5) + 4px);
        width: -webkit-calc(2 * ((100% - 16px) / 5) + 4px);
    }

    .cs-camera_name.size_2 .lp-header {
        height: 40px;
    }

    .cs-camera_name.size_2 .lp-header > div {
        margin-top: 10px;
    }

    .size_3 {
        width: calc(3 * ((100% - 16px) / 5) + 8px);
        width: -webkit-calc(3 * ((100% - 16px) / 5) + 8px);
    }

    .cs-camera_name.size_3 .lp-header {
        height: 60px;
    }

    .cs-camera_name.size_3 .lp-header > div {
        margin-top: 20px;
    }

    .max_1 .size_1 {
        width: 100%;
    }

    .max_1 .size_2 {
        width: 100%;
    }

    .max_1 .size_3 {
        width: 100%;
    }

    .max_2 .size_1 {
        width: calc((100% - 4px) / 2);
        width: -webkit-calc((100% - 4px) / 2);
    }

    .max_2 .size_2 {
        width: 100%;
    }

    .max_2 .size_3 {
        width: 100%;
    }

    .max_3 .size_1 {
        width: calc((100% - 9px) / 3);
        width: -webkit-calc((100% - 9px) / 3);
    }

    .max_3 .size_2 {
        width: calc(2 * ((100% - 8px) / 3) + 4px);
        width: -webkit-calc(2 * ((100% - 8px) / 3) + 4px);
    }

    .max_3 .size_3 {
        width: 100%;
    }

    .max_4 .size_1 {
        width: calc((100% - 12px) / 4);
        width: -webkit-calc((100% - 12px) / 4);
    }

    .max_4 .size_2 {
        width: calc(2 * ((100% - 12px) / 4) + 4px);
        width: -webkit-calc(2 * ((100% - 12px) / 4) + 4px);
    }

    .max_4 .size_3 {
        width: calc(3 * ((100% - 12px) / 4) + 8px);
        width: -webkit-calc(3 * ((100% - 12px) / 4) + 8px);
    }

    .max_6 .size_1 {
        width: calc((100% - 20px) / 6);
        width: -webkit-calc((100% - 20px) / 6);
    }

    .max_6 .size_2 {
        width: calc(2 * ((100% - 20px) / 6) + 4px);
        width: -webkit-calc(2 * ((100% - 20px) / 6) + 4px);
    }

    .max_6 .size_3 {
        width: calc(3 * ((100% - 20px) / 6) + 8px);
        width: -webkit-calc(3 * ((100% - 20px) / 6) + 8px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 6px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 6px);
    }

    .img-polaroid.cs-camera_aspect_ratio-5625.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.5625) + 9px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.5625) + 9px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_1 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_2 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }

    .img-polaroid.cs-camera_aspect_ratio-7500.size_3 .lp-body {
        padding-bottom: calc(((100% - 6px) * 0.75) + 3px);
        padding-bottom: -webkit-calc(((100% - 6px) * 0.75) + 3px);
    }
}

/* Override bootstrap definition for this, to prevent excessive vertical scrolling (per Dean) */
.control-group {
    margin-bottom: 10px !important;
}

/* Override width of Camera Settings modal, to accomodate the width needed to show previews on Motion/Privacy tabs */
#editCameraModal {
    width: 864px !important;
}

/* Vertically center rows in Region tables on Motion/Privacy tabs of Camera Settings modal, per Dean */
#csMotion table td,
#csPrivacy table td {
    vertical-align: middle;
}

/* Used on Motion/Privacy tabs of Camera Settings to contain the preview images for ROIs */
.roi-container {
    margin-left:auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 640px;
}

/* Used when showing preview images on Motion/Privacy tabs of Camera Settings to remove the history/dropdown controls */
.size_roi .lp-dropdown,
.size_roi a.lp-history {
    display:none;
}

/* Override width of Admin user Settings modal, to accomodate the width needed to show 3 columns of permission checkboxes */
#editUserModal {
    width: 650px !important;
}

/* Override width of Account Settings modal, to accomodate the width needed to show country/state drop-downs on billing tab */
#accountSettingsModal {
    width: 764px !important;
}

/* Make sure sliders appear correctly on our forms */
.control-group .ui-slider {
    margin-top:8px;
}

#editCamera__sureview_checkbox {
    margin: 4px;
}

/* Custom formatting of the custom time sliders on camera settings modal */
#editCamera__transmission_schedule_custom {
    width: 325px;
    margin-top:5px;
}

#editCamera__operating_hours_custom {
    margin-top: -3px;
}

#editCamera__audio_record_when_custom {
    width: 250px;
    margin-top:8px;
}

#editCamera__audio_alert_when_custom {
    width: 250px;
    margin-top:8px;
}

#editCamera__motion_alert_when_custom {
    width: 275px;
    margin-top:16px;
}

.ui-rangeSlider-label {
    padding: 0px 6px 5px !important;
    font-size: 11px !important;
}

#editUserModal__access_time_custom,
#userSettings__notify_time_custom {
    margin-top: 10px;
}

.multiselect {
    text-align: left;
    font-size: 12px !important;
}
.multiselect b.caret {
    margin-top: 0px !important;
    position: absolute !important;
    top: 12px !important;
    right: 10px !important;
}

.modal .btn-group {
    width: 100%;
}
#local_disp_tab{
    display:none;
}
#editSpeaker__device_info div,
#editCameraShare__device_info div,
#editParentCamera__device_info div,
#editCamera__device_info div,
#editBridge__device_info div {
    min-height: 25px !important;
}
#ip-address-icon {
    margin-left: .3rem;
    font-size: .3rem;
}
.add-icon{
    cursor: pointer;
    color: orange;
}
.add-icon::before{
    font-size: 21px !important;
}
.add-icon-gray{
    cursor: pointer;
}
.add-icon-gray::before{
    font-size: 21px !important;
}
.roi-container .een-control-wrapper {
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
}


.bridge-rtsp-row .rtsp-data {
    display: none;
    word-break: break-all;
}

.rtsp-loader {
    width: 20px;
}

.rtsp-url-copy-el {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

.bridge-rtsp-row.bridge-rtsp--loaded .rtsp-loader {
    display: none;
}

.bridge-rtsp-row.bridge-rtsp--loaded .rtsp-data {
    display: inline-block;
}

.bridge-rtsp-download-csv {
    padding: 5px 0;
    display: inline-block;
}

#csIO-panes {
    margin-top: 30px;
}

#csResolution .control-label,
#editBridge__metrics .control-label,
#csCameraShareLocation .control-label,
#csParentCameraLocation .control-label {
    width: 95px !important;
}
#csResolution .controls,
#editBridge__metrics .controls,
#csCameraShareLocation .controls,
#csParentCameraLocation .controls {
    margin-left: 105px;
}
#csResolution .help-text {
    font-size: 0.8em;
    color: gray;
}
#editCameraModal select,
#userSettingsModal select {
    font-size: 12px !important;
}

#editCameraModal .reset-analog {
    margin-left: 32px;
    margin-right: 1em;
}

#editCameraModal .reset-analog:disabled {
    cursor: not-allowed;
}

#editCameraModal #bad-analog-action-message {
    margin-left: 1em;
}

.een-custom,
.een-custom-checkbox {
    font-size: 11px;
    float: right;
    margin-top: 23px;
    line-height:0px;
    cursor: pointer;
}

.een-custom-checkbox {
    margin-top: 13px;
}

.checkbox-restore-icon {
    float: none;
    position: relative;
    top: 5px;
}

#editCamera__motion_image,
#editCamera__privacy_image {
    position: absolute;
    z-index: 10001;
    left:0px;
    top:0px;
}

#editCamera__motion_boxes,
#editCamera__privacy_boxes {
    position: absolute;
    z-index: 998;
    left:0px;
    top:0px;
}

.size_roi {
    max-width: 640px !important;
    max-height: 375px !important;
    min-height: 180px !important;
    min-width: 180px !important;
}

.size_roi .lp-body {
    background-size: 100% !important;
    background-position: top left !important;
    padding-bottom: 0px !important;
    height: 100% !important;
    min-height: 360px !important;
    min-width: 360px !important;
}

.preview-bubble-container .size_roi .lp-body{
    min-height: 180px !important;
    min-width: 180px !important;
}

#editCamera__motion_zones i.icon-arrow-up,
#editCamera__motion_zones i.icon-arrow-down,
#editCamera__privacy_zones i.icon-arrow-up,
#editCamera__privacy_zones i.icon-arrow-down {
    cursor: pointer;
}

.fht-table thead, .fht-table th {
    padding: 1px;
    white-space: nowrap;
}

#editSpeakerModal {
    width: 760px !important;
}

#editSpeakerModal .modal-body {
    padding-top:0px;
}

#editBridgeModal {
    width: 750px !important;
}

.editBridge__text_message,
.editBridge__error_text_message {
    margin-left: 200px;
    display: none;
}

.tab-pane .nav-tabs > li {
    font-size: 11px;
}

.tab-pane .nav-tabs > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.dropdown-toggle.disabled .icon-caret-down,
.dropdown-toggle[disabled] .icon-caret-down {
    display: none;
}

#editBridge__bandwidth_background__schedule__custom {
    width: 450px;
    margin-top:25px;
}

#editBridge__bridge .control-label {
    width: 180px !important;
}

#editBridge__bridge .controls {
    margin-left: 200px;
}

#acSharing td button:not(.dropdown-toggle),
#editCameraModal td button:not(.dropdown-toggle) {
    width: 1.7rem;
    height: 1.7rem;
    padding: 0;
    margin-right: 5px;
}
.disabled-field{
    cursor: no-drop !important;
}

#editCameraModal td select:disabled{
    cursor: pointer;
}
#csMotion label {
    padding-top: 5px;
    text-align:right;
}

#csMotion ul label {
    text-align: left;
}

#csMotion .label-row {
    text-align: left;
}

.dir-container {
    padding-top: 3px !important;
}

.alert-active, .smart-alert-active {
    min-height: 23px !important;
}

.io-alert-minutes {
    margin-top: 5px;
}

#csAnalytics_lpr .span12 {
    margin-bottom: 5px;
}

#csAnalytics_lpr .row {
    margin-bottom: 2px;
}

#csAnalytics-compatible-wrapper,
.csAnalytics_cam_compatible_msg_wrapper {
    clear: both;
    text-align: center
}

.csAnalytics_cam_compatible_msg_wrapper {
    display: none
}

#csAnalytics-compatible-wrapper > span,
.csAnalytics_cam_compatible_msg_wrapper.active {
    display: block;
}

#csAnalytics-compatible-btn-wrapper {
    margin-top: 10px;
}

#editCameraModal .css-motion-alert-mode .dropdown-menu,
#editCameraModal .css-smart-alert-types .dropdown-menu,
#editCameraModal .css-motion-alert-who .dropdown-menu,
#editCameraModal .css-audio-copy-to .dropdown-menu,
#editCameraModal .custom-multiselect .dropdown-menu{
    padding: 0;
}

#editCameraModal .css-motion-alert-mode .dropdown-menu li,
#editCameraModal .css-smart-alert-types .dropdown-menu li,
#editCameraModal .css-motion-alert-who .dropdown-menu li,
#editCameraModal .css-audio-copy-to .dropdown-menu li,
#editCameraModal .custom-multiselect .dropdown-menu li {
    height: auto !important;
    text-align: left;
}

#editCameraModal .css-motion-alert-mode .dropdown-menu a,
#editCameraModal .css-smart-alert-types .dropdown-menu a,
#editCameraModal .css-motion-alert-who .dropdown-menu a,
#editCameraModal .css-audio-copy-to .dropdown-menu a,
#editCameraModal .custom-multiselect .dropdown-menu a {
    height: auto !important;
    outline: none!important;
    border-bottom: 1px solid #eaeaea;
}

#editCameraModal .css-motion-alert-mode .dropdown-menu label,
#editCameraModal .css-smart-alert-types .dropdown-menu label,
#editCameraModal .css-motion-alert-who .dropdown-menu label,
#editCameraModal .css-audio-copy-to .dropdown-menu label,
#editCameraModal .custom-multiselect .dropdown-menu label {
    padding: 3px 7px !important;
    white-space: normal;
    word-break: break-all;
    font-size: 12px;
    line-height: 11px;
}

#editCameraModal .css-motion-alert-mode .dropdown-menu label input,
#editCameraModal .css-smart-alert-types .dropdown-menu label input,
#editCameraModal .css-motion-alert-who .dropdown-menu label input,
#editCameraModal .css-audio-copy-to .dropdown-menu label input,
#editCameraModal .custom-multiselect .dropdown-menu label input {
    margin-right: 3px;
    width: 11px;
}
#csAIFiltering > div > div:nth-child(4) > div.span4.custom-multiselect > div > button

#editCameraModal .css-motion-alert-mode .dropdown-toggle,
#editCameraModal .css-smart-alert-types .dropdown-toggle,
#editCameraModal .css-motion-alert-who .dropdown-toggle,
#editCameraModal .custom-multiselect .dropdown-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
    background: white;
    box-shadow: none;
    border: 1px solid #ccc;
}

#editCameraModal .smart-alert-types {
    display: flex;
    justify-content: space-between;
}

#editCameraModal .smart-alert-types label {
    padding-top: 5px;
    display: flex;
    align-content: center;
}
#editCameraModal .smart-alert-types label input {
    margin: 0 12px 0 0;
}

#acSharing .table-condensed td,
#editCameraModal .table-condensed td,
#editCameraModal .table-condensed th {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
}

#acSharing h5,
#csMotion h5,
#csPrivacy h5 {
    margin-top:0px;
    margin-bottom: 2px;
}

#acSharing select,
#acSharing textarea {
    font-size: 12px;
}

#editBridge__metrics .ui-slider-handle,
#editCamera__metrics .ui-slider-handle{
    width: 40px !important;
}

.remove-camera-from-layout {
    position:   absolute;
    left:       1px;
    top:        1px;
    z-index:    1;
    display:    block;
    visibility: hidden;
    cursor: pointer;
    border: 4px solid white;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    width: 30px;
    height: 30px;
    background-color: #000;
    font-size: 21px;
    text-align:center;
}

.edit-mode .remove-camera-from-layout {
    visibility: visible;
}

.edit-mode .lp-history,
.edit-mode .lp-dropdown {
    display: none;
}

#chooseCameras__list {
    cursor: pointer;
}

.choose-camera {
    cursor: pointer;
}
.choose-camera:hover {
    background-color: #DEDEDE;
}

#page_loading_indicator,
#page_message_indicator {
    background-image: url('../_images/spinning.gif');
    position: fixed;
    top: 50%;
    left: 50%;
    width: 220px;
    word-wrap: break-word;
    transform: translate(-50%, -50%);
    z-index: 12002 !important;
    display: none;
    border: 1px solid gray;
    background-color: #08c;
    color: #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center 5px;
    text-align:center;
    padding: 40px 10px 10px;
    font-size: 14px;
}

.loading-indicator-static {
    background-image: none !important;
    padding-top: 10px !important;
}

.modal_loading_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    z-index: 12001 !important;
    display:none;
}

.fixed_loading_bg {
    position: fixed !important;
}

#page_loading_indicator.loading_history_browser_video_loader {
    top: calc(50% - 100px) !important;
    background-color: transparent!important;
    border-width: 0!important;
    border-color: transparent!important;
    background-size: 50px 50px!important;
    padding: 40px 10px 30px!important;
}

#page_loading_indicator.loading_live_view_video_loader {
    background-color: transparent!important;
    border-width: 0!important;
    border-color: transparent!important;
    background-size: 50px 50px!important;
    padding: 40px 10px 30px!important;
}

.modal_loading {
    background-image: url('../_images/spinning.gif');
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    word-wrap: break-word;
    transform: translate(-50%, -50%);
    z-index: 12002 !important;
    border: 1px solid gray;
    background-color: #08c;
    color: #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center 5px;
    text-align:center;
    padding: 40px 10px 10px;
    font-size: 14px;
}

#editMasterAccountSettingsModal {
    width: 700px !important;
}

.master-brand-logo-small-upload > div {
    background:#3d3d3d;
    padding:10px;
}

.master-brand-logo-small-upload > div > div {
    width:160px;
    height:52px;
    border:1px dashed white;
    overflow:hidden;
    color:white;
}

.master-brand-logo-large-upload > div {
    background:white;
    padding:10px;
}

.master-brand-logo-large-upload > div > div {
    width:460px;
    height:184px;
    border:1px dashed black;
    overlap:hidden;
}

.master-brand-logo-small-upload img {
    max-height: 52px !important;
    max-width: 160px !important;
}

.master-brand-logo-large-upload img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
}

#cameraAnalyticsModal {
    width: 750px !important;
}

#FeedbackModal.overCsAnalytics { width: 764px !important }

#cameraAnalyticsModal .nav,
#editBridgeModal .tab-pane .nav,
#editCameraModal .tab-pane .nav {
    margin-bottom: 5px;
}

#editCameraModal .modal-body,
#cameraAnalyticsModal .modal-body {
    padding-top:0px;
}
.analytic-check {
    padding-top: 4px;
}

#cameraAnalyticsModal .tab-pane,
#editCameraModal .tab-pane,
#editCamera__metrics,
#editBridge__metrics {
    position: relative;
}

#cameraAnalytics__chart_motion {
    height: 400px;
    width: 720px;
}

#cameraAnalytics__chart_counting {
    height: 400px;
    width: 720px;
}

#cameraAnalytics__chart_crossing {
    height: 400px;
    width: 720px;
}

.count-in {
    cursor: pointer;
    position: absolute;
    left: 52px;
    top: 6px;
    font-size: 25px;
    z-index: 1;
    color: yellowgreen;
}

.count-out {
    cursor: pointer;
    position: absolute;
    left: 89px;
    top: 6px;
    font-size: 25px;
    z-index: 1;
    color: yellowgreen;
}

.count-in-minus-out {
    cursor: pointer;
    position: absolute;
    left: 126px;
    top: 6px;
    z-index: 1;
    color: yellowgreen;
}

#cameraAnalyticsModal .help-icon {
    cursor: pointer;
    position: absolute;
    top: 15px;
    z-index: 1;
    display: none;
}

#cameraAnalyticsModal .help-icon-activity {
    right: 58px;
}

#cameraAnalyticsModal .help-icon-all {
    right: 38px;
}

.chart-refresh {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 15px;
    z-index: 1;
    display: none;
}

#editBridgeModal .chart-refresh-big {
    cursor: pointer;
    z-index: 1;
    color: #333;
}

.legend-toggle {
    cursor: pointer;
    position: absolute;
    left: 225px;
    top: 52px;
    z-index: 1;
    display:none;
}

#editBridgeModal .chart-refresh,
#editCameraModal .chart-refresh {
    right: 40px;
    top: 50px;
}

#audit__content label {
    text-align: right;
    padding-top: 3px;
}

#audit__content .dropdown-menu label {
    text-align: left;
}

#audit__content .btn-group {
    width: 100%;
}

#audit__content table {
    border-top: 1px solid #ccc;
}

#audit__pages button {
    display: none;
}

.audit-multi-select {
    width: 150px !important;
}

#audit__content .bfh-datepicker input,
#audit__content .bootstrap-timepicker input {
    width: 110px !important;
}

#audit__pages button.last-button {
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px
}

#audit__error {
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px;
}

#editCameraModal form {
    margin-bottom: 0px;
}

.modal-header {
    margin-bottom: 5px;
    border-radius: 6px 6px 0 0; /* very important - fixes modal headers, which will have pointy corners without this */
}

.modal-header h3 {
    max-width: 90%;
}

.modal-loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12001 !important;
    display: none;
}

.modal-loading-background {
    background-color: #000;
    position: absolute;
    opacity: .4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-loading-indicator {
    background-image: url('../_images/spinning.gif');
    position: relative;
    top: 50%;
    left: 50%;
    width: 220px;
    word-wrap: break-word;
    margin-top: -24px;
    margin-left: -110px;
    padding: 0px;
    border: 1px solid gray;
    background-color: #08c;
    color: #fff;
    border-radius: 15px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center 5px;
    text-align:center;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:30px;
    font-size: 12px;
}

.modal-body .tab-content {
    margin: 0 -8px;
}
.modal-body .tab-pane {
    padding: 8px;
}
.modal-body .tab-pane#usTime {
    min-height: 240px;
}

#editCameraModal .modal-body > .nav {
    margin-bottom: 10px;
}

#editCameraModal .modal-footer {
    padding-top: 3px;
}

#editCameraModal .error-message {
    padding: 15px 0;
}

#content:-moz-full-screen {
    background-color: white !important;
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
    overflow: scroll !important;
}

#content:-webkit-full-screen {
    background-color: white !important;
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
    overflow: scroll !important;
}

#content:fullscreen {
    background-color: white !important;
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
    overflow: scroll !important;
}

#csAnalytics-panes .row-fluid,
#csMotion .row-fluid,
#csMotion .row-fluid [class*="span"],
#csDeviceAnalytics-panes .row-fluid{
    margin-bottom: 0px !important;
    min-height: 20px !important;
}

#csMotion .row-fluid [class*="span"] {
    margin-bottom: 2px !important;
}

/* table column widths */
#editCamera__motion_regions .roi-table-order-th {
    width: 8%;
}
#editCamera__motion_regions .roi-table-name-th {
    width: 20%;
}
#editCamera__motion_regions .roi-table-sensitivity-th {
    width: 34%;
}
#editCamera__motion_regions .roi-table-objectsize-th {
    width: auto;
}
#editCamera__motion_regions .roi-table-to-analytics-th {
    width: auto;
}
#editCamera__motion_regions .roi-table-actions-th {
    width: auto;
}

#editCamera__motion_regions .roi-table-order-td {
    width: 8%;
}
#editCamera__motion_regions .roi-table-name-td {
    width: 20%;
}
#editCamera__motion_regions .roi-table-sensitivity-td {
    width: 34%;
}
#editCamera__motion_regions .roi-table-objectsize-td {
    width: auto;
}
#editCamera__motion_regions .roi-table-to-analytics-td {
    text-align: center;
    width: auto;
}
#editCamera__motion_regions .roi-table-actions-td {
    text-align: center;
    width: auto;
}

.roi-sensitivity {
    width: 87%;
}

#csMotion .dropdown-menu::-webkit-scrollbar {
    -webkit-appearance: none;
}

#csMotion .dropdown-menu::-webkit-scrollbar:vertical {
    width: 11px;
}

#csMotion .dropdown-menu::-webkit-scrollbar:horizontal {
    height: 11px;
}

#csMotion .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

#csMotion .dropdown-menu::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

#csRetention .controls {
    margin-left: 200px;
    display: flex;
    flex-direction: row;
}
#csRetention label.control-label {
    width: 200px;
    padding-right: 10px;
}
#csRetention .controls .een-custom {
    margin-left: 5px;
}
/* NOTE: the default value for this setting is unselectable, so hide the red x until that changes */
#editCamera__bridge_target_days__custom {
    display: none !important;
}

input[type="text"].analytic-region-name {
    padding: 13px 0.5em;
    width: 100%;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 14px;
    color: #222;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
    box-shadow: none;
    background-color: rgba(0,0,0,0);
}

.motion-selected-region input[type="text"].analytic-region-name {
    border: 1px solid #ddd;
    background-color: #FFF;
}

.motion-selected-region input[type="text"].analytic-region-name:focus {
    border: 1px solid rgba(16, 79, 191, 0.8);
}

.modal_tab_disabled {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    z-index: 9998;
    display:none;
}

#editCamera__roi_management,
#editCamera__privacy_management {
    position: relative;
}

.modal_tab_disabled_msg {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30px;
    width: 500px;
    margin: 0px;
    margin-top: -30px;
    margin-left: -250px;
    z-index: 9999;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: red;
    text-align:center;
    font-size: 20px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    opacity: 1 !important;
}

i.een-icon-tunnel {
    background: url(../_images/icon_tunnel.png) top left no-repeat !important;
    height: 17px !important;
    width: 16px !important;
    display: inline-block !important;
    margin-left: -2px !important;
    margin-top: 4px !important;
}

#editCamera__motion_sensitivity {
    width: 205px;
}

.een-slider-container .een-custom {
    margin-top:0px;
}

.vpn_inline_pairs {
    display: inline;
    padding-left: 10px;
}

.vpn.notes-wrapper {
    display: none;
    margin-top: 10px;
}
.vpn.notes-container {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px;
}

.search-camera {
    width: 100px;
    height: 56.25px;
    background-color: #ccc;
    background-size: contain;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: none;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    display: inline-block;
}

#editRecordingModal {
    width: 750px !important;
}

#notifications .notification-count {
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
    color: white;
    background-color: red;
    padding-left: 2px;
    padding-right: 2px;
    line-height: 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
}

#notifications .dropdown-menu {
    min-width: 345px !important;
    max-height: 325px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

#notifications .dropdown-menu li a:hover span {
    color: #fff !important;
}

#notifications li.notification-template {
    display:none;
}

#notifications li.notification-unread {
    background-color: #fff;
}

#notifications li a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 54px;
}

#notifications li {
    font-size: 13px;
}

#notifications li .notification-icon {
    font-size: 17px;
    float: left;
    width: 68px;
    text-align: right;
    line-height: 18px !important;
}

#notifications li img {
    width: 96px;
    height: 54px;
    background-image: url('../_images/camera_preview.gif');
    background-size: contain;
    margin: 0px;
    padding: 0px;
    border: none;
    margin-right: 6px;
    float: left;
    display: inline-block;
}

#notifications li .notification-title {
    float: left;
    width: 155px;
    line-height: 18px !important;
    margin: 0px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

#notifications li .notification-description {
    line-height: 18px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 155px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
}

#notifications li .notification-description i {
    display: none;
    cursor: pointer;
    font-size: 12px !important;
    line-height: 18px !important;
    margin-left: 3px !important;
}

#notifications li .notification-time {
    float: left;
    width: 68px;
    line-height: 18px !important;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
}

.shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    display: inline-block;
    position: relative;
    animation-direction: alternate;

    -webkit-animation-duration: 2.5s;
    -webkit-animation-fill-mode: forwards;
    /* -webkit-animation-fill-mode: backwards;  */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    /* -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.03, 0.43); */
    -webkit-animation-timing-function: linear;
}

.shineDiv {
    display: inline-flex;
    flex-direction: column;
    margin-left: 25px;
    margin-top: 15px;
    vertical-align: top;
}

box {
    height: 26px;
    width: 40%;
    margin: 10px;
}

boxTwo {
    height: 26px;
    width: 12%;
    margin: 5px;
}

longLines {
    height: 26px;
    margin: 10px;
    width: 75%;
}

shortLines {
    height: 26px;
    margin: 10px;
    width: 35%;
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    80% {
        background-position: 600px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.widget-title{
    height: 28px !important;
}
#notifications li .notification-more {
    width: 223px;
    line-height: 18px !important;
    margin: 0px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
    float: left;
}

.modal .controls em {
    line-height: 30px;
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
}
#een-history-download .bootstrap-timepicker-widget.dropdown-menu.open{
    left: inherit !important;
    position: absolute !important;
    top: 30px !important;
}
.bootstrap-timepicker-widget.dropdown-menu:after{
    display: none !important;
}
.bootstrap-timepicker-widget.dropdown-menu.open{
    max-width: 205px !important;

    position: fixed !important;
    z-index: 10000 !important;
}
.tab-pane-note {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 11px;
    margin-top: -5px;
    display: none;
}

#CameraMap__map {
    min-height: 400px;
    position: absolute;
    overflow: hidden;
    height: calc(100% - 16px);
    width: calc(100% - 16px);
}

#map-help {
    position: absolute;
    right: 30px;
    top: 200px;
    z-index: 99999;
}

:-webkit-full-screen #CameraMap__map {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

:-moz-full-screen #CameraMap__map {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

:-ms-fullscreen #CameraMap__map {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

:fullscreen #CameraMap__map {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#CameraMap__map_actions {
    display: none;
    margin-left: 0px !important;
    z-index: 25; /* needed to display above rest of UI */
}

#CameraMap__map img{
    max-width: inherit;
}

#CameraMap__map_search {
    margin-top: 10px;
    width: 250px;
}

#CameraMap__map_show_all {
    width: 60px;
    margin-left: 5px;
}

#CameraMap__map_save {
    width: 70px;
}

#CameraMap__map_cancel {
    width: 70px;
}

#CameraMap__floor {
    width: 95px;
    padding-left: 0px;
    margin-top: 10px;
}

#CameraMap__map_add_camera {
    width: 125px;
}

#CameraMap__add_floor {
    width: 105px;
}

.map-action-items {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.camera-map-info-title {
    font-size: 18px;
    font-weight: bold;
}

.camera-map-info-preview {
    width: 275px;
    height: auto;
    float: left;
}

.camera-map-info-desc {
    float:left;
}

.camera-map-info-window {
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
    width:275px;
    height: 185px;
}

#een-layout-actions {
    display: none;
}

#dashboard-info {
    height: 30px;
}

#editCameraShareModal,
#editParentCameraModal {
    width: 700px !important;
}

i.notification-icon.notification-icon-motion {
    background: url(../_images/notification-icon-motion.png) top left no-repeat !important;
    height: 17px !important;
    width: 17px !important;
    float: right !important;
    background-size: contain !important;
    display: inline-block !important;
}

tr.notification-clickable-row:hover {
    cursor: pointer;
    background-color: lightgray;
}

tr.notification-clickable-row:hover > td {
    background-color: lightgray !important;
}

.account-notification-loading {
    background-image: url('../_images/spinning.gif');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: block;
    top: 5px;
    left: 5px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

.camera-available-description-more {
    display:block;
    color: green;
}

.attach-available-camera {
    position: relative;
}

.attach-available-camera .dropdown-menu {
    margin: 0px;
    left: auto;
    right: 17px;
    top: 24px;
}

.replace-camera {
    position: relative;
}

.replace-camera .dropdown-menu {
    margin: 0px;
    left: auto;
    right: 11px;
    top: 24px
}

.audit-event-info-tooltip {
    text-align: left;
    font-size: 12px;
    max-height: 200px !important;
    overflow: auto !important;
    border: 1px solid #3d3d3d;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #333;
}

.audit-event-info-tooltip-cell .tooltip-inner {
    max-width: 400px !important;
    width: 400px !important;
    padding: 0px !important;
    /*padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    */
}

.audit-event-info-tooltip-cell .tooltip.in {
    opacity: 1 !important;
}

/* This is needed so the state/country drop-downs aren't cut off by the tab frame in the modal */
#editSubAccountSettingsModal-body {
    overflow: visible !important;
}

.downloads-page label {
    text-align: right;
    padding-top: 3px;
}

.downloads-page .notification-progress-container {
    display: flex;
    align-items: center;
}

.downloads-page .progress.progress-striped {
    height: 15px;
    width: 80%;
    margin-bottom: 0;
}

.downloads-page .notification-delete-download {
    cursor: pointer;
    font-size: 17px;
    margin-left: 20px;
}

.downloads-page .notification-delete-download i:hover {
    color: initial;
}

#notifications__pages button {
    display: none;
}

#notifications__pages button.last-button {
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px
}

#notifications__error {
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px;
}

#csAudio {
    padding-bottom: 120px;
}

#editCamera__roi_management input[type="text"] :not(.roi-name){
    height: 30px !important;
}

#subAccountSettingsAdmin .control-label {
    width: 180px !important;
    white-space: nowrap;
    padding-top: 2px;
}

#subAccountSettingsAdmin .controls {
    margin-left: 230px !important;
}

#editUserModal .tab-content {
    overflow: visible !important;
}

.attach-available-camera-view {
    position: relative;
}

.notification-action {
    width: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.drag-icon {
    float: right;
    line-height: 25px;
}

.disabled-drag-item {
    color:gray;
    pointer-events: none;
}

.cameras-draggable{
    height: 200px;
    overflow-x: hidden;
    list-style:none;
    overflow-y:scroll;
}

.cameras-draggable li{
    cursor: pointer;
    list-style: none;
    padding: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-color: #aaa;
    border-style: solid;
    overflow: hidden;
}

.cameras-draggable li:hover{
    color: #fff !important;
    text-shadow: 0 0 1px #000;
    background-color: #08c;
}

.access-menu-label {
    display: inline-block;
}

input.access-checkbox {
    margin: 0px 0px 1px 2px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width:40px;
  height:20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .1s;
    transition: .1s;
}

input:checked + .switch-slider {
  background-color: green;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

.preview-bubble-container {
    margin-top: 20px;
}

.preview-bubble-container .lp-header {
    width: 95%;
    text-align: left;
}

.preview-bubble,
.preview-bubble-top-arrow {
    position: absolute;
    width: 324px;
    padding: 0 8px 8px 8px;
    background: #efefef;
    border-radius: 5px;
    z-index: 2500;
}

.preview-bubble:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 25px #efefef;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.preview-bubble-top-arrow:after {
    content:'';
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-bottom: solid 25px #efefef;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

#translate-addcamera p {
    margin-left: 15px;
}

#een-layout-actions .btn-info {
    z-index: 15;
}

.notifications-error {
    display: none;
}

.notification-download-link a span{
    margin-right: 2em;
}

.editable-notification i {
    margin-left: .7rem;
    font-size: .8rem;
    color: #949494;
}

.location-add-button{
    padding: 0 10px;
}

.disabled-notification i {
    display: none;
}

.notification-notes.notification-notes-empty {
    display: none;
}

.notification-button-hide {
    display: none;
}

#dashboard-container {
    display: inline-block;
    width: 100%;
}

#translate-accounts {
    display: none;
}

#translate-accountNotifications {
    height: 215px;
}

#account-notification-rows tr:first-child td {
    border-top: none;
}

#translate-accountNotifications header.widget-title,
#sub-account-dash-container header.widget-title,
#location-statistics-dash-container header.widget-title {
    margin-bottom: 0;
}

#sub-account-dash-container .widget-content,
#location-statistics-dash-container .widget-content {
    padding: 0;
}

#account-notification {
    height: 166px;
    overflow-y: auto;
}

#account-notification .text-dimmed {
    margin-top: 5em;
}

.sub-account-summary-container,
.location-statistics-summary-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    line-height: 1.3;
}

.sub-account-chart-item,
.location-statistics-chart-item {
    width: 150px;
    margin: 0 1em 1em;
    text-align: center;
}

.location-statistics-chart-item {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sub-account-chart,
.location-statistics-chart {
    width: 120px;
    margin: auto;
}

.sub-account-chart-label,
.location-statistics-chart-label {
    font-size: 12px;
}

#no-results-message {
    display: none;
}

/* analytics master object detection settings */
.analytics-object-title {
    text-align: right;
}

.analytics-object-title h5 {
    display: inline-block;
    margin: 10px;
}

.analytics-object-title span {
    margin-right: 10px;
    color: #949494;
}

.analytics-object-settings-detail {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8rem;
}

.analytics-object-settings {
    border-bottom: 1px dotted #ccc;
    margin: 0 18px 1em 0;
}

.analytics-object-settings-detail span {
    margin-left: 1em;
}

.analytics-object-settings-detail button {
    width: 1.7rem;
    height: 1.7rem;
    padding: 0px;
}

.analytics-sensitivity-slider.slider-widget {
    margin: 0 1.2em 0 5px
}

.analytics-object-sensitivity {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    width: 50%;
}

.analytics-object-sensitivity i {
    cursor: pointer;
    width: 1em;
}

.analytics-object-size {
    display: flex;
    text-align: right; /* helps with multi-language display */
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 90%; /* helps with multi-language display */
    margin-left: 2em;
}

.analytics-object-size span {
    white-space: nowrap; /* helps with multi-language display */
}

.analytics-object-size input {
    font: inherit;
    font-size: 1.2em;
    padding: 2px 0;
    width: 5em;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
}

.analytics-object-size input.active {
    color: inherit;
    background-color: #FFF;
}

.analytics-object-size button:focus {
    outline: none;
}

.analytics-object-size button.active.object-size-outer {
    background-color: rgba(19, 102, 121, 0.5);
}

.analytics-object-size button.active.object-size-inner {
    background-color: rgba(36, 45, 50, 0.6);
}
/* END analytics master object detection settings */

input.loitering-dwell-time-min,
input.loitering-dwell-time-sec {
    width: 30px;
    padding: 0 0 0 5px;
}

.gallery-analytics-overlay {
    position: absolute;
    top: 20px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    color: red;
    text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px;
}

/* AddMultiviewCameraView & EditParentCameraView */
.addMultiviewCamera__channel_checkbox,
.editParentCamera__channel_checkbox {
    margin: 0 5px 0 20px !important;
    display: inline-block;
}

.addMultiviewCamera__channel_label,
.editParentCamera_channel_label {
    margin-bottom: 5px;
    display: inline-block;
}

.addMultiviewCamera__channel_column,
.editParentCamera__channel_column {
    width: 49%;
    display: inline-table;
}

#addMultiviewCamera__channel_sep_line,
#editParentCamera__channel_sep_line {
    margin: 10px 0;
    display: none;
}

#addMultiviewCamera__all_channels,
#editParentCamera__all_channels {
    margin: 0 5px 0 20px !important;
    display: none;
}

#addMultiviewCamera__views_label,
#addMultiviewCamera__all_channels_label,
#addMultiviewCamera__crendentials_prompt,
#editParentCamera__all_channels_label {
    display: none;
}

#addMultiviewCamera__cancel {
    font-size: 12px;
    padding: 2px 10px;
    display: block;
    margin: 5px auto;
}

.shimmer {
    /*styling stuff*/
    background-color: rgba(255,255,255,0.1);
    -webkit-background-size: 125px 104px;
    -webkit-background-clip: content-box;
    -webkit-animation-name: shimmer;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: -125px 0;
    background-color: #adadad;

}
.shimmer-0 {
  /* the shimmer magic */
  background: -webkit-gradient(linear,left top,right top,from(#cccccc),to(#cccccc),color-stop(.5,#f2f2f2));
}
.shimmer-1 {
  background: -webkit-gradient(linear,left top,right top,from(#eee),to(#eee),color-stop(.5,#cccccc));
}

@keyframes shimmer {
  0% { background-position: top left; }
  80% { background-position: 240px 0; }
  100% { background-position: 240px 0; }
}

/* AddRtspCameraView */
#dual-stream-checkbox {
    margin-top: 0;
    margin-bottom: 5px;
}

#dual-stream-txt {
    display: inline-block;
}

/* AccountView */
.widget footer {
    margin-bottom: 0;
    border-top: 1px solid #ccc;
}

#accounts-footer > .pagBar {
    display: none;
}

.widget-pagination .btn-group {
    margin: 3px 20px 2px 20px;
}

.widget-pagination .btn:focus {
    outline: none;
}

.widget-pagination .pag-num-text {
    margin-top: 3px;
    font-size: 14px;
}

.widget-pagination .btn-group > .btn:first-child {
    border-radius: 10px 0 0 10px;
}

.widget-pagination .btn-group > .btn:last-child {
    border-radius: 0 10px 10px 0;
}

.advanced_transmit_hidden {
    display: none;
}

/*Bootstrap collapse plugin caret styling*/
.widget-collapse.collapsed {
  transform: rotate(90deg);
}

.widget-collapse.pull-right {
  transition: .3s transform ease-in-out;
  margin-top: 5px;
}

/* Mobile Camera Archive (MCA) */
.icon-bodycam {
    background-repeat: no-repeat;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    display: inline-block;
}

.icon-bodycam-black {
    background-image: url('../_images/bodycam-black.svg');
}

.icon-bodycam-green {
    background-image: url('../_images/bodycam-green.svg');
}

.icon-bodycam-orange {
    background-image: url('../_images/bodycam-orange.svg');
}

.icon-bodycam-red {
    background-image: url('../_images/bodycam-red.svg');
}
/* END MCA */

#add-ip-speaker-checkbox {
    margin-top: 0;
    margin-bottom: 3px;
    margin-left: 1rem;
}

#add-ip-speaker-txt {
    display: inline-block;
    margin-bottom: 0px;
}

#addSpeakerToBridge-text {
    margin-top: 10px;
}

#addCameraModal #crendentials_prompt {
    display: none;
}

#install-container thead i.icon-sort {
    cursor: pointer;
    margin-left: 0.2rem;
}

#install-container thead i.icon-sort:hover {
    color: unset;
}

.dashboard-widget-table .header-row-icon {
    margin-right: 1em;
}
.dashboard-widget-table .col-status {
    width: 10%;
}
.dashboard-widget-table td.col-status {
    text-align: center;
}
.dashboard-widget-table .col-name {
    width: 25%;
}
.dashboard-widget-table .col-location {
    width: 20%;
}
.dashboard-widget-table .col-actions {
    width: 20%;
    min-width: 200px;
}

#new-camera-status {
    margin-right: 1rem;
    padding-top: 3px;
}
#new-camera-status i {
    font-size: 1.5rem;
}
.tagsinput .tag > span, .tagsinput input {
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
}
.tagsinput[disabled="disabled"] {
    cursor: not-allowed;
    background-color: #eee;
}

.small-modal {
    /* For small dialogs like confirmation, alert, yes/no... */
    position: fixed;
}

/* center bootstrap form controls in modal */
.modal-form-centered {
    padding: 0 1em;
}
.modal-form-centered .controls {
    margin-left: 50%;
}
.modal-form-centered label.control-label {
    width: 50%;
    padding-right: 10px;
}
.form-input-auto-width {
    width: auto;
}

.zoom-control-layout-view.zoom-control-overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 21px;
}

/*
 * Input / Output form on Camera Settings
 */

.io-setting-add-right-padding {
    padding-right: 10px;
}

.io-setting-add-bottom-padding {
    padding-bottom: 80px;
}

.io-setting-add-left-padding {
    padding-left: 10px;
}

.io-setting-sub-right-margin {
    margin-right: -8px;
}

.io-old-bridge-outer {
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.io-setting-icon-dropdown {
    min-width: 100%;
}

.io-setting-collapse-icon-container {
    width: 22px;
    text-align: center;
    background-color: #E5E4E2;
    border-radius: 50%;
}

.io-setting-collapse-icon {
    font-size: 22px;
}

/*
 * Input / Output icons (dropdown) on Camera Settings
 */

.io-setting-control-dropdown-caret {
    float: right;
    margin-right: 5px;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.io-setting-control-dropdown:hover,
.io-setting-control-dropdown:active,
.io-setting-control-dropdown:focus,
.io-setting-control-dropdown {
    padding: 0;
    border: 1px solid rgb(204, 204, 204);
    font-size: 13px;
    font-family: "Roboto Condensed", Arial, sans-serif;
    background-position: center !important;
    background-size: 28px 28px;
    background-color: transparent !important;
}

.io-setting-control {
    width: auto;
    height: 28px;
    background-size: 28px 28px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.io-setting-control:active,
.io-setting-control:hover {
    background-color: #0081c2;
    cursor: pointer;
}

.io-setting-icon-siren {
    background-image: url('../_images/input_output/Siren.svg') !important;
    background-repeat: no-repeat;
}

.io-setting-icon-dot {
    background-image: url('../_images/input_output/Signal.svg') !important;
    background-repeat: no-repeat;
}

.io-setting-icon-door {
    background-image: url('../_images/input_output/Door.svg') !important;
    background-repeat: no-repeat;
}

.io-setting-icon-light {
    background-image: url('../_images/input_output/Bulb.svg') !important;
    background-repeat: no-repeat;
}

.io-setting-icon-bell {
    background-image: url('../_images/input_output/Notification.svg') !important;
    background-repeat: no-repeat;
}

/**
 * Live Input / Output Controls
 */
#live-io-command {
    position: absolute;
    z-index: 9997;
    color: #fff;
    cursor: pointer;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 1.8em;
    top: 15px;
    right: 55px;
}

#live-io-command > i.io-control-input-toggle {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    opacity: .6;
    margin-bottom: 10px;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

#live-io-command > i.io-control-output-toggle {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    opacity: .6;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

#live-io-command > i.io-control-input-toggle:hover {
    opacity: 1;
}

#live-io-command > i.io-control-output-toggle:hover {
    opacity: 1;
}

/**
 * Layout Input / Output Controls (also for Preview for Camera Settings)
 */
#layout-manager .io-control-layout-view.io-control-overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 21px;
    z-index: 1000;
}

.io-control-overlay.io-control-layout-view > i.io-control-input-toggle {
    color: #FFF;
    text-shadow: #000 -1px -1px 0px, #000 1px -1px 0px, #000 -1px 1px 0px, #000 1px 1px 0px;
    opacity: 0.7;
    display: block;
    margin: 3px 7px;
    cursor: pointer;
    width: 19px;
    height: 21px;
    background-size: 19px 21px;
}

.io-control-overlay.io-control-layout-view > i.io-control-output-toggle {
    color: #FFF;
    text-shadow: #000 -1px -1px 0px, #000 1px -1px 0px, #000 -1px 1px 0px, #000 1px 1px 0px;
    opacity: 0.7;
    display: block;
    margin: 3px 7px;
    cursor: pointer;
    width: 19px;
    height: 21px;
    background-size: 19px 21px;
}

.io-control-overlay.io-control-layout-view > i.io-control-input-toggle:hover {
    opacity: 1;
}

.io-control-overlay.io-control-layout-view > i.io-control-output-toggle:hover {
    opacity: 1;
}

#live-zoom-command {
    font-size: 1.8em;
    z-index: 0;
    text-align: center;
}
#live-zoom-command .zoom-slider {
    margin: 0;
}
#live-zoom-command .zoom-control {
    margin: 4px 0;
}

.een-control-box {
    position: absolute;
    top: 7px;
    right: 18px;
    z-index: 9997;
}

.een-control-box>div{
    margin-top: 8px;
    z-index: 9997;
    color: #fff;
    cursor: pointer;
    opacity: .6;
    transition: opacity 0.25s;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.een-control-box>div:hover{
    opacity: 1;
}

.zoom-control,
.zoom-control-toggle {
    color: #FFF;
    text-shadow: #000 -1px -1px 0px, #000 1px -1px 0px, #000 -1px 1px 0px, #000 1px 1px 0px;
    opacity: 0.6;
    display: block;
}
.zoom-control {
    margin: 4px;
}
.zoom-control-toggle {
    width: 1em;
    margin: 3px 0;
    cursor: pointer;
}
.zoom-control-toggle:hover {
    opacity: 1;
}
.zoom-control-toggle.zoom-active {
    color: lightgreen;
}

/* custom jQuery UI styles */
.zoom-slider.ui-slider {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.4);
    width: 6px;
    margin-right: 13px;
    height: 80px;
    display: inline-block;
    z-index: 0;
}
.zoom-slider .ui-slider-handle:focus {
    outline: none;
}
.zoom-slider .ui-slider-handle {
    background: none;
    background-color: #008dc7;
    border-radius: 10px;
    width: 15px !important;
    left: -5px !important;
    height: 15px !important;
    cursor: grab;
}
.zoom-slider.ui-slider-disabled.ui-state-disabled,
.zoom-slider.ui-slider-disabled .ui-slider-handle {
    cursor: wait !important;
}


#auditlog-target .table-hover tr {
    cursor: pointer;
}
#auditlog-target .audit-json {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 0.8rem;
}

#auditlog-target .table-hover tr {
    cursor: pointer;
}
#auditlog-target .auditlog-expanded-detail:hover {
    cursor: unset;
}
#auditlog-target .auditlog-expanded-detail td:hover {
    background-color: transparent;
}
#auditlog-target .audit-layout-panes {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#auditlog-target .audit-layout-pane {
    margin: .5em;
    padding: .5em;
    width: 160px;
}
/* override bootstrap table style for inner settings diff table since it inherits from outer table class */
#auditlog-target .audit-settings-table tbody tr,
#auditlog-target .audit-settings-table tbody tr:hover,
#auditlog-target .audit-settings-table tbody td {
    background-color: transparent;
    white-space: pre-wrap;
}
#auditlog-target .audit-settings-table .col-diff {
    width: 40%;
}
#auditlog-target .audit-detail-item {
    margin-bottom: 10px;
}
#auditlog-target .een-auditlog-timestamp {
    width: 10em;
}
#auditlog-target .een-auditlog-user {
    width: 25%;
}
#auditlog-target .een-auditlog-event {
    width: 15em;
}
#auditlog-target .een-auditlog-alert {
    width: 5em;
}
.tampering_slider {
    padding: 4px 8px;
}
.analyticsTab {
    display: none;
}
.no-left-margin {
    margin-left: 0;
}
.small-right-padding {
    padding-right:8px;
}

.footer-button {
    font-weight: bold;
    font-size: 14px !important;
    text-align: center;
    cursor: pointer;
    display: block;
    top: 4px;
    position: absolute;
}

.footer-inner-button {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px !important;
    font-weight: bold;
    font-size: 14px !important;
    text-align: center;
    cursor: pointer;
    display: block;
}

.menu-items {
    display: flex;
}

#auditlog-target .help-icon {
    float: right;
    cursor: pointer;
}

#dfs-target .help-icon {
    float: right;
    cursor: pointer;
    position: relative;
    top: -20px;
}

#iframe-demo-container iframe {
    width: 100%;
    height: calc(100vh - 155px);
    min-height: 540px;
    border: 0;
}
#iframe-demo-container .widget-content {
    padding: 0;
}
#iframe-demo-container .widget-title {
    margin-bottom: 0;
}

.input-password {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

/* Identity Provider */
hr.idp {
    margin: 10px 0;
}
input.idp.radio {
    margin: 0;
}
label.idp.radio {
    display: inline-block;
    padding-left: 10px;
}
label.idp.locked {
    cursor: not-allowed;
}
textarea.idp {
    resize: none;
}
.idp.checkbox {
    margin-bottom: 5px;
}
.idp.checkbox_label {
    display: inline-block;
    margin-left: 10px;
}
.idp.help_text,
.idp.locked {
    color: gray;
}
.idp.row {
    margin-bottom: 10px;
}
.idp.text_warning {
    color: orange;
}
.basic-setting {
    display: none;
}

.advanced-setting {
    display: block;
}

@-webkit-keyframes pulsate {
    from {-webkit-transform:translateX(0px);}
    to {-webkit-transform:translateX(200%);}
}

@keyframes pulsate {
    0% {transform:translateX(0%);}
  100% {transform:translateX(200%);}
}

.modal-backdrop.live::after {
    content: ' ';
    display: block;
    position: fixed;
    left: -100%;
    width: 100%;
    height: 6px;
    background-image: linear-gradient(to left, white, #1fa2ef 90%, white);
    -webkit-animation: pulsate 2s linear infinite;
    animation: pulsate 2s cubic-bezier(0.2, 0.79, 0.73, 0.24) infinite;
    animation-direction: alternate;
}

.float-right {
    float: right !important;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.fa-car {
    font-family: 'Font Awesome Solid' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block;
    width: 1.25em;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}

.fa-car:before {
    content: "\f1b9";
  }

.fa-terminal:before {
    content: "\f120";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-apple:before {
    content: "\f179";
}
.fa-linux:before {
    content: "\f17c";
}

#terms_of_service {
    width: 100%;
    height: 350px;
    resize: none;
    cursor: default;
    background-color: #fff;
    display: none;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

.btn .talk-icon-connected {
    background-color: black;
    border-radius: 4px;
    color: aliceblue;
    padding: 6px;
    display: block;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.speaker-message-body {
    z-index: 9999;
    position: fixed;
    top: 79px;
    right: 0;
    margin-right: 15px;
    background-color: #212A34;
    padding: 20px;
    border-radius: 4px;
    color: white;
    width: 360px;
}

.speaker-message-title-row {
    font-weight: bolder;
    display: flex;
}

.speaker-message-title-row .icon {
    margin-right: 12px;
    height: 24px;
}

.speaker-message-title-row .title {
    line-height: 24px;
}

.speaker-message-title-row .close-icon {
    margin-left: auto;
    cursor: pointer;
    line-height: 24px;
}

.speaker-message-content {
    color: #CFD3D9;
    margin-top: 10px;
    margin-bottom: -6px;
}

.audio-mode-msg {
    margin-left: 180px;
}

.talkdown-connecting-icon {
    background-image: url('../_images/talkdown_connecting.svg');
    background-repeat: no-repeat;
    width: 2em;
}

.talkdown-connected-icon {
    background-image: url('../_images/talkdown_connected.svg');
    background-repeat: no-repeat;
    width: 2em;
}

.talkdown-disconnected-icon {
    background-image: url('../_images/talkdown_disconnected.svg');
    background-repeat: no-repeat;
    width: 2em;
}

.talkdown-busy-icon {
    background-image: url('../_images/talkdown_busy.svg');
    background-repeat: no-repeat;
    width: 2em;
}

.talkdown-close-icon {
    background-image: url('../_images/talkdown_close.svg');
    background-repeat: no-repeat;
    width: 1em;
}

.talkdown-icon-size {
    font-size: 1.6em;
}

.signup-centered {
    margin-left: 180px;
}

.signup-error-message {
    color: red;
    padding-top: 10px;
}

#csAnalytics-panes .row-fluid .height-0,
#csMotion .row-fluid .height-0,
#csMotion .row-fluid [class*="span"].height-0,
#csDeviceAnalytics-panes .row-fluid .height-0 {
    min-height: 0 !important;
    height: 0 !important;
}

@media (max-width: 767px) {
    #editCameraModal-body .form-horizontal .control-label {
        text-align: left;
    }
}