@-ms-viewport{
width:auto!important;
}

.header {
	padding-top: 1em;
	border-bottom: 1px solid #e7e7e7;
}

.header .logo {
	padding-bottom: 1em;
	width: 177px;
}

.em-nav {
	float: right;
	margin-top: 1em;
	width: 55%;
}

.header .loadView {
	height: 150px;
}

.header .loadView {
	margin-top: 2em;
	font-size: 14px;
}

@media ( max-width :800px) {
	.em-nav {
		width: 100%;
	}
}

.em-1-login,.em-1-register {
	margin: 3em 1em 1.5em 1em;
}

.form-horizontal .form-group label {
	text-align: left;
}

.blink-settings-form .control-label{
	padding-right: 0px;
	padding-left: 0px;
}

.form-inline .form-group {
	display: inline-block !important;
  	margin-bottom: 0 !important;
  	vertical-align: middle !important;
}

.btn-container,.btn-container-right {
	margin-top: 1em;
}

.btn-container-right {
	text-align: right;
}

.main-container,.calibration-controls {
  margin-top: 2em;
}

.body-class .no-mg-bot {
	margin-bottom: 0px;
}

.form-container {
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	padding-top: 1.3em;
	padding-bottom: 1.0em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px
		rgba(0, 0, 0, .075);
}

.fixed-margin {
	margin-left: 1em;
}


.anchor-container a {
	padding: 0px 0px;
}

.anchor-container a:first-child {
	padding-right: 8px;
	border-right: 1px solid #e1e1e1;
}

.anchor-container a:last-child {
	border-right: none;
}

.em-footer {
	border-top: 1px solid #e7e7e7;
	padding: 18px 0px;
	text-align: center;
}

.agreement-footer {
  text-align: center;
  margin-top: 96px;
}

.em-footer p {
  margin: 0px;
}

.modal-header {
  padding-top: 12px;
  padding-bottom: 12px;
}

.modal-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}

.footer-div {
  max-width: 1000px;
  margin: auto;
  margin-top: 96px;
}

.top-header-ctrls {
	padding-top: 1.5em;
}

.top-header-ctrls .bootstrap-select {
	margin-right: 0.5em;
}

.hdr-profile {
	text-align: right;
	padding-left: 0px;
}

.hdr-profile label,.hdr-profile a {
	padding: 0.5em;
	border-right: 1px solid #e1e1e1;
	padding-right: 0.7em
}


.hdr-profile a:first-child {
	border-left: 1px solid #e1e1e1;
}


.hdr-profile a:last-child {
	border-right: 0px;
	padding-right: 0em;
	padding-left: 0.4em;
}

.button-holder {
	text-align: right;
	margin-bottom: 1em
}

.margin-tp {
	margin-top: 1em;
}

.padding-tp {
  padding-top: 15px;
}
.padding-btm {
  padding-bottom: 15px;
}

.col-center-block {
	float: none !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.error-border {
  border-color: #ff0000 !important;
}

.top-heading {
	margin-top: 0em;
	margin-bottom: 0.7em;
}

.form-inline {
	margin-bottom: 0.5em;
}

.clear-custom {
	clear: both;
}

/** Tag view page styles */
.lnk-tag-view-sn, .cal-download-link {
	display: inline-block;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5px;
	margin-bottom: 2px;
}
.tag-dialog {
	min-width: 900px !important;
}
.tag-dialog .control-label,
.tag-event-dialog .control-label {
	font-weight: bold;
}

a.adisabled {
  cursor: not-allowed;
  opacity: .65;
}

/**
	Style for input attribute that
	has error
*/
.tag-dialog .has-input-error {
	border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.tag-dialog .device-info .sub-type-block,
.tag-dialog .device-info .type-block,
.tag-dialog .location-info .building-block,
.tag-dialog .location-info .room-block {
  padding-top: 4px;
}
.tag-dialog .device-info .sub-type-other-block {
  margin-top: 28px
}

/* Fixed the height of the dialog modal */
.modal-body.tag-modal-body{
	height: 500px;
}

.radio-fields input[type=radio] {
	margin-top : 0px;
}

.checkbox-fields input[type=checkbox] {
	margin-top : 0px;
}

legend {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 12px;
}

.input-group-addon {
	padding: 3px 7px;
}

@media (max-width: 1024px) {
	.modal-open {
    	overflow: scroll;
	}
	.modal {
		position: absolute;
		right: auto;
		margin-left: -90px;
	}
}

.modal-footer {
	background-color: #f5f5f5;
	border-radius: 6px;
}

.interval-div, .interval {
margin-left: 0px;
}

.breadcrumb a{
	text-decoration:none !important;
}
.tag-left-labels{
	text-align : right;
}
.tag-view-container .tag-modal-title,
.tag-view-container .modal-title {
	border-bottom: none;
  	padding-bottom: 0em;
}
.tag-view-container h4 {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0.5em;
}
.tag-view-container .breadcrumb {
	margin-bottom : 0px;
	background-color: white;
}
/** History tab (MAC address screen),
Incident details screen (comments section) **/
.tag-view-container .tab-content>.active,
.event-accordion-container .collapse.in {
  visibility: inherit;
}
.devicehistory{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 0.8em;
}
.devicehistory .header {
	border-bottom: none;
}

.header .links {
	display:inline;
}
.header h4{
	display:inline;
	border-bottom:none;

}
.tag-view-container label{
	font-weight: lighter;
}
.tag-view-container h4 .breadcrumb{
	padding:0px;
}
.tag-view-container .col-xs-8{
	padding-left:0px;
}
.tag-view-container a {
	padding:5px;
}
.tag-view-container .disableAnchr,
.incident-view-container .disableAnchr {
	color: #bebebe;
	cursor: default;
}
.tag-deployments-menu {
	max-height: 300px;
  	overflow-y: auto;
}
.devices-grid #contenttable1_dvDevices, .tags-grid #contenttable1_dvTags {
	z-index: 1;
}
.tag-event-dialog {
	min-width: 700px !important;
}
.tag-event-dialog .control-label,
.tag-event-dialog .input-group {
	margin-right: 2.4em;
}
.tag-event-dialog .tag-event-logs-grid {
	margin-top: 1em;
}
 .tag-dialog .rdoDisable {
    cursor: not-allowed;
    color: #717171;
}

#eventTableAccordion .notifiers-list .tooltip-inner {
    max-width: 500px;
}

.report-dialog, .report-dialog .modal-content {
  min-width: 660px !important;
}

#downloadCSVToDate, #downloadCSVFromDate  {
  width: 130px !important
}

/** Status column styles (Monitors grid) */
ul.monitorStatus {
  list-style-type: none;
  text-align: center;
  padding-left: 0px;
  margin-top: 5px;
}
ul.monitorStatus li {
  display: inline-block;
  font-size: 12px;
}
ul.monitorStatus li {
  margin-left: 5px;
}
ul.monitorStatus li.icon-margin + li {
  margin-left: 2px;
}
@font-face {
  font-family: 'Emanate-Wireless';
  src:  url('fonts/Emanate-Wireless.eot?2s8sbi');
  src:  url('fonts/Emanate-Wireless.eot?2s8sbi#iefix') format('embedded-opentype'),
    url('fonts/Emanate-Wireless.ttf?2s8sbi') format('truetype'),
    url('fonts/Emanate-Wireless.woff?2s8sbi') format('woff'),
    url('fonts/Emanate-Wireless.svg?2s8sbi#Emanate-Wireless') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Emanate-Wireless' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-controls {
  font-size: 14px;
}

.icon-multiple-alert:before {
  content: "\e900";
	color: #c31200;
}
.icon-battery-critical:before {
  content: "\e901";
	color: #c31200;
}
.icon-battery-low:before {
  content: "\e90c";
	color: #e78f00;
}
.icon-battery-full:before {
  content: "\e902";
	color: #009f40;
}
.icon-ok:before {
  content: "\e903";
  color: #009f40;
}
.icon-not-commissioned:before {
  content: "\e90b";
	color: #c31200;
}
.icon-not-configured:before {
  content: "\e90b";
	color: #e78f00;
}
.icon-pending-config:before {
  content: "\e90b";
	color: #000000;
}
.icon-monitor-missing:before {
  content: "\e906";
  color: #c31200;
}
.icon-temp-cold:before {
  content: "\e908";
	color: #0067b9;
}
.icon-temp-excursion:before {
  content: "\e909";
	color: #c31200;
  font-size: 13px;
}
.icon-ac-unplugged:before {
  content: "\e90a";
	color: #c31200;
}
.icon-temp-probe-unplugged:before {
  content: "\e90e";
	color: #c31200;
}
.icon-humidity-excursion:before {
  content: "\e900";
	color: #c31200;
  font-size: 13px;
}

/** End of status column icon styles */

/** End of tag labels*/

/** Start of JQXGRID **/
.jqx-widget-header-emanate, .jqx-grid-emanate .jqx-widget-header-emanate {
	border-bottom: 1px;
}

.jqx-grid-emanate .jqx-grid-statusbar-emanate {
	background-color: #f5f5f5 !important;
	border-top:1px solid #cccccc !important;
	border-bottom:1px solid #cccccc !important;
	padding-bottom:2px;
}

.jqx-grid-emanate .jqx-grid-statusbar-emanate .jqx-grid-cell-emanate {
	background-color: #f5f5f5;
}

.dashboard-view .jqx-widget-content-emanate {
	border:0px;
	border-top:1px solid #e5e5e5;
	clear: both;
}
.dashboard-view .jqx-grid-pager-input-emanate {
	border:1px solid #cccccc;
}
/**
By default, not showing the view until the page is ready
**/
.fade-views {
  visibility: hidden;
}

.jqx-grid-cell .grid-label {
	white-space: inherit;
	margin: 2px;
	padding: 5px;
	display: inline-block;
	font-size:11px;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate, .jqx-grid-emanate .jqx-grid-pager-emanate  {
	font-weight:bold;
	font-size:11px;
	border-left:none;
}
.jqx-grid-emanate .jqx-grid-pager-emanate {
	font-weight:normal;
}
.jqx-grid-cell {
  border: none !important;
  font-size:11px !important;
}
.jqx-grid-cell > div:not(.jqx-checkbox-emanate) {
	margin-top:6px !important;
}
.jqx-checkbox-default > div, .jqx-checkbox-default > div > span {
  width: 12px !important;
}

.jqx-checkbox-check-checked {
  background-size: 12px 12px;
}

.jqx-scrollbar-emanate {
	z-index : 25 !important;
}
.jqx-rc-all-emanate .jqx-fill-state-normal-emanate {
	z-index : 1000 !important;
}
/*When  select row(s) in a grid */
.jqx-grid-tooltip {
	margin-left: 5px;
	display: inline !important;
	cursor: pointer;
}
.jqx-grid-tooltip-right {
	margin-right: 16px;
}
.jqx-margin {
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 5px;
	float: right;
}
.jqx-left-margin {
	margin-left: 4px;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate .jqx-tooltip-cont-right{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:right;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate .jqx-tooltip-cont-right img {
	margin-bottom:12.5px;
	display:inline-block;
	margin-right:5px;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate .one-line-header img {
	margin-bottom:2.5px;
	display:inline-block;
	margin-top: 1px;
	margin-right: 5px;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate .jqx-tooltip-cont-right .jqx-val-cont {
	text-overflow: ellipsis;
	cursor: default;
	margin-top:5px;
	display:inline-block;
}
.jqx-grid-emanate .jqx-grid-column-header-emanate .jqx-column-right-align {
	text-overflow: clip !important;
}
.jqx-tooltip-cont-highlight {
	position: relative;
	z-index: 999;
}
.jqx-tooltip-cont-hide {
	margin-right: 16px;
}
.jqx-column-right-align {
	text-overflow: ellipsis;
	margin-top:5px;
	white-space:nowrap;
	overflow:hidden;
	text-align: right
}
.jqx-column-center-align {
  text-overflow: ellipsis;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.jqx-column-right-align span,
.jqx-column-center-align span {
	text-overflow: ellipsis;
	cursor: default;
}
.jqx-cells-right-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: right;
  margin-right: 5px;
  margin-left: 4px;
}
.jqx-cells-center-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: center;
  margin-right: 2px;
  margin-left: 4px;
}
.jqx-grid-emanate .jqx-grid-statusbar-emanate  .jqx-right-align-emanate {
  padding-right: 5px;
}
.jqx-grid-emanate .jqx-grid-statusbar-emanate  .jqx-left-align-emanate {
  padding-left: 5px;
}
.jqx-grid-emanate .jqx-highlight-row .jqx-grid-cell {
  background-color:#428bca;
  color:#fff;
}
.jqx-grid-emanate .jqx-highlight-row .jqx-grid-cell-hover-emanate {
  background-image:none !important;
  background-color: #428bca !important;
  color: #fff !important;
}
/** End of JQXGRID **/
.body-class {
	min-width: 1024px;
}
.container {
	width: 100% !important;
}

.body-class .toolbar-btn {
	margin-right:5px;
	padding: 0px 4px;
}
/** Add new user **/
#1_userDialog .headers{
	background-color :  #e0e0e0;
	min-height:34px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}
.padding-left {
	padding-left:0px;
}
.ddlLeft {
	padding-right:0px;
}
.btn-close {
	height:25px;
}
.rightClose {
	padding-left:0px;
}
#1_userDialog label{
	font-weight: lighter;
}
#1_userDialog td{
	padding:4px 4px 4px 0px;
	border: none;
}
.addDeploy {
	padding: 4px 4px 4px 0px;
	font-weight: bold;
	font-size: 11px;
}
.addDeployLink {
	font-size: 11px;
}
.addDeployLink:hover {
	cursor: pointer;
}
.user-exists-indicator .close {
  color: white;
  opacity: 1;
}
.user-exists-indicator .closeBlock {
  margin-bottom: 2px;
  height: 20px;
}
.user-exists-indicator .tooltip-inner {
  width: 350px;
}
.user-exists-indicator .tooltip-arrow {
  top: 50;
}

/** ForgotPass styles **/
.em-1-forgotPass, .em-1-resetPass {
	margin: 1.5em 1em 1em 1em;

}
.forgotPass-block label, .reset-pass-block label {
	padding-right:0px;
	font-family: Arial,sans-serif;


}
.forgotPass-block h4, .reset-pass-block h4{
	padding: 0px 12px 0px 12px;
	font-size: 18px;
	line-height: 20px;
	font-family: Arial, Helvetica, Sans-Serif;
}

/** Dashboard styles **/

.dashboard-container {
	margin-top: 0em;
	background-color:#f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}

.sidebar-container .panel-heading a{
	font-size: 15px;
	font-weight: bold;
}
.top-header-ctrls .btn {
	font-size: 13px;
	padding: 4px 10px 4px;
	line-height: 18px;
	border-radius: 2px;
}
.sidebar-container .panel-heading{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-image: none !important;
}
.sidebar-container .panel-heading {
	padding: 6px 9px 6px;
	background-color:#f5f5f5;
}

.side-panel {
	width:11%;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    /*.org-drpdwn {
        width : 150px !important;
    }
    .deployment-drpdwn {
        width : 160px !important;
    }*/
    .header .logo {
      width: 136px;
    }

}
.top-header-ctrls .dropdown-menu {
  font-size : 12px !important;
}
.top-header-ctrls .dropdown-menu .inner{
  max-height: 330px !important;
  overflow-y: auto !important;
}
.main-panel {
	width:89%;
	background-color:#fff;
	border-left:1px solid #e5e5e5;
	padding-right:0px;
	padding-left:0px;
}
@media only screen
and (min-device-width : 1300px) {
    .side-panel{
      width: 14%;
    }
    .main-panel {
      width:86%;
    }
}

.dashboard-view{
	margin-left:15px;
	margin-right:15px;
	margin-top: 1em;
	min-height: 450px;
}
.footer-container {
	padding-right:0px;
	padding-left:0px;
  margin-top: 50px;
}
.list-group-item{
	border:none;
	background-color:#f5f5f5;
	font: 0.9525em Arial,sans-serif;
}
a.current-page>span{
	background: #bbb;
	color: #fff;
}
.sidebar-container  .panel-heading:hover{
	background-color:#ededed;
}
.sidebar-container .panel-title a {
	text-decoration:none;
}

/** End of Dashboard **/

.modaltable{
	width:80%;
}

/** Bootstrap over ride styles **/
.form-control{
  line-height: 1em;
  height: 25px;
  padding: 3px 5px;
  font-size: 11px;
}
#selectDeviceId{
  line-height: 1em;
  height: 25px !important;
  padding: 3px 5px;
  font-size: 11px;
}
.form-group{
	margin-bottom: 12px;
}
label{
	font-weight: bold;
	font-size: 11px;
}

.sidebar-container .panel-group .panel+.panel {
 	margin-top: 0px;
}

.sidebar-container .panel {
	border:none;
}

.dropdown-menu, .dropdown-menu .popover-title {
	font-size: 13px;
}
.dropdown-menu .divider {
	margin: 2px 0;
}

.dropdown-menu>li>a {
	padding: 3px 12px;
}
/** End **/
/** Search field **/
.search{
	padding: 5px 8px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	height:30px;
}
.search::-ms-clear {
	display: none;
}
/** End **/
.username{
	font-weight: bold;
	font-size: 13px;
}
body{
	font-family: Arial,sans-serif !important;
	font-size:13px;
	min-width: 900px;
	height: 100%;
}
h3{
	font-size: 20px;
	font-weight: bold;
}

/** sidebar styles **/

.sidebar-container .panel-heading:hover{
	cursor: pointer;
}

.side-panel {
	padding-right: 0px;
	padding-left: 0px;
	min-height: 400px;
}

.side-panel .panel:first-child .panel-heading {
	border-top:0px;
}

#sidebar-div .list-group a:hover>span {
	background: #e5e5e5;
	color: #444;
}
#sidebar-div .list-group a>span {
	display: block;
	padding: 5px 7px 5px;
}

.sidebar-container .panel-heading.collapsed {
	border-left:none;
	/*padding-left: 15px;*/
}
.sidebar-container .panel-heading.panel-heading-div {
	padding-left: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.sidebar-container .panel-heading.current-panel {
	padding-left: 8px;
}
.sidebar-container .panel-heading.current-panel {
	border-left: 5px solid #3090C7;
}
#sidebar-div .list-group-item{
	padding:0px 0px 2px 6px;
}

#sidebar-div .badge-incident {
  padding: 2px 5px;
  font-size: 11px;
  line-height: 12px;
  float: right;
  margin-bottom: 10px;
}

/*On hover of the incident badge change the background color.
Since it has a background image set that to none otherwise the background color
is not visibile.*/
#sidebar-div .badge-incident:hover {
  background-color: #31708f;
  background-image: none;
  color: #d9edf7
}

/** end of sidebar styles **/

.forgetpwd-container, .login-container, .register-container {
	max-width:1000px;
	margin:auto;
}

.login-link {
	padding-top: 3em;
	float: right;
}

.login-header {
	padding-top: 1em;
	max-width:1000px;
	margin:auto;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 4em;
}
.logged-in input[type="checkbox"]{
	margin-top:1px;
}
.login-container .remember-me-block {
  padding-right: 6px;
}
/* Remove border to arrow in select (IE 11) */
select::-ms-expand {
	border:none;
	background:#fff;
}
select::-ms-expand ::hover {
	background:#ccc;
}
/** + button click for grid **/
.dropdown-menu {
	list-style: none;
	top : 110%;
	text-align: left;
	margin: 0;
	font-weight: normal;
}
.dropdown-menu label{
	font-weight: normal;
	margin-bottom: 0px;
	color: black;
}

.dropdown-menu input[type="checkbox"]{
	margin-right:4px;
}
.btn-add-grid-col .dropdown {
	margin-left:3px;
}
/** End **/

/** My profile styling **/
.recent-log-span {
	font-size: 11px;
}
.myprofile-grid {
	margin-bottom:2em;
}
.change-email-form{
	margin-top: 1em;
}
.inline {
	display: inline-block;
}
/*** Styling of alert-danger **/
.modal-body .alert-danger {
	font-size :12px;
	padding:8px 10px;
}
/** END **/

/** Overview**/
#dashPieChart
{
	width: 500px;
	height:220px;
	margin-left: 15px;
	margin-top: -30px;
}
/** Dropdown Menu **/
.dropdown-menu.multi-column .dropdown-menu {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard-canvas canvas {
    height: 175px !important;
}

.dropdown-menu.multi-column  .col-xs-6,
.dropdown-menu.multi-column  .col-xs-12,
.dropdown-menu.multi-column  .col-xs-4 {
	padding-left:0px;
}

.dropdown-menu.multi-column .type-title {
	font-weight:bold;
	margin-top: 7px;
	margin-bottom: 1px;
	display:inline-block;
}
.dropdown-menu.multi-column .container h4,
.dropdown-menu.multi-column .container h6{
	margin-top:8px;
	margin-bottom:0px;
}

.dropdown-menu.multi-column .row-fluid {
	border-top:1px solid #CECECE;
	margin-top:8px;
}
.clear-fix {
	clear:both;
}
.dropdown-menu.multi-column .dropdown-menu {
	min-width:140px;
}
#firmwareGridColContainer{
	margin-bottom: 0.4em;
}
.firmware-dialog, .user-dialog,
.deployment-dialog, .copy-monitor-dialog, .edit-incident-dialog {
  min-width: 600px !important;

}
.overview-ctrls h3, .utilization-ctrls h3, .energy-ctrls h3{
	display: inline;
	margin-right: 0.5em;
}
.overview-ctrls .btn, .utilization-ctrls .btn, .energy-ctrls .btn, .log-ctrls .btn, .energy-header .btn,
.util-header .btn {
	font-size: 13px;
	margin-left: 0.5em;
	padding: 4px 10px 4px;
	line-height: 18px;
	border-radius: 2px;
}
.energy-ctrls h5 {
	margin-right: 0.5em;
}
.utilization-ctrls h5 {
	display: inline-block;
}
.utilization-ctrls .btn-group {
	top: -1px;
	margin-left: 5px !important;
}
.utilization-ctrls .ldngUtilChart,
.utilization-ctrls .ldngUnusedChart,
.utilization-ctrls .ldngMinFreeChart,
.utilization-ctrls .ldngUsageChart {
	margin: 18px;
}
.usageBlock .selectpicker{
	z-index: 1;
}
.overview-header {
	height: 36px;
}
.overview-header .ldngUtilChart {
	margin-left: 18px;
}
.overview-header h5 {
	margin-bottom: 0px;
	margin-top: 0px;
}
.energy-header h5, .util-header h5 {
   display: inline-block;
   margin-right: 5px;
   vertical-align: top;
}
.util-header h5.util-heading {
	margin-right: 0px;
}
.energy-header .btn-group, .util-header .btn-group {
   top: -6px;
}

.form-inline .is-code-box {
	font-size: 14px;
  word-spacing: 5px;
  line-height: 20px;
  font-family: monospace;
	box-sizing: border-box;
	width: 100%;
}

.heading2-dropdown label.lbl-dropDown, .blob-date-input-temp label.control-label.lbl-dropDown,
.blob-org-id-input label.control-label.lbl-org-id, .blob-org-name-input label.control-label.lbl-org-name,
.blob-alert-phone-input label.control-label.lbl-alert-phone, .blob-alert-email-input label.control-label.lbl-alert-email
 {
  font-weight: 500;
  font-size: 13px;
}
/**
PIM
**/
.dashboard-view .form-inline .form-group-mg-bottom {
	margin-bottom: 0.5em;
}

.alert {
padding: 9px;
}

/**
For charts legend
**/
.legend {
	margin-top:1em;
}
.legend .title {
    display: inline-block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
    margin-left:1em;
    font-size:12px;
}

.legend .color-chart {
    float: left;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}

/**
Report a problem
**/

.report-dialog .ie-file-info{
	padding-left: 2.6em;
	margin-left: 2px;
}

/**
Blobs
**/

.blob-buttons {
	margin-top: 1em;
	margin-bottom: 1em;
}
.logDatePicker, .mfg-date-picker {
	background-color: #fff !important;
}
.blob-ctrls .btn {
	font-size: 13px;
	margin-left: 0.5em;
	padding: 4px 10px 4px;
	line-height: 16px;
	border-radius: 2px;
}
.blob-ctrls .control-label {
	margin-right: 1em;
}
.blob-date-input .control-label,  .blob-org-id-input .control-label,
.blob-org-name-input .control-label, .blob-alert-phone-input .control-label, .blob-alert-email-input .control-label{
	margin-right: 1em;
	margin-left: 1em;
}
.blob-date-input .form-control {
	width: 180px !important;
}

.blob-org-name-input .form-control {
	width: 209px !important;
}

.blob-org-id-input .form-control {
	width: 150px !important;
}

.blob-alert-phone-input .form-control {
	width: 150px !important;
}

.blob-alert-email-input .form-control {
	width: 209px !important;
}

.chartError{
	width: 50%;
    margin: 10px auto;
    display: inline-block;
}

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

/** Deployments **/
.dpmntRadio {
	margin-top: 1px !important;
}
.cursorReadOnly {
	cursor: not-allowed;
}

/** Spinner **/
.loadOverlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity:0.5;
  z-index:9999;
}

#ldngTagView, .ldngUtilChart,
.ldngUnusedChart, .ldngMinFreeChart, .ldngUsageChart {
  display:inline;
  position: absolute;
  margin: 8px 0 0 10px;
}
.breadcrumb>li+li:nth-last-child(1):before {
	content: " ";
}

.mulitple-red{
	color : red;
}
.report-file, .firmware-file, .calibration-file, .mfg-test-file {
    height: 0% !important;
}

/** Calibration **/
.asset-block, .tests-block {
	margin-top: 2em;
}

/** About **/
.about-dialog {
  min-width: 437px !important;
}
.margin-tp-btm-2 {
	margin-top:2em;
	margin-bottom:1em;
}

.pie-chart-tooltip {
	width: 100%;
	padding: 1px 7px 6px 3px;

}

/** To avoid the firefox auto fill form fields like email and password **/

.moz-autocomplete {
	display: none;

}

.eula-text-container{
  padding:0px 20px 20px 20px;
  overflow-y: scroll;
  max-height: 200px;
  margin-bottom: 20px;
}

.eula-form-control span:first-child{
  display: inline-block;
  vertical-align: middle;
}

.eula-form textarea{
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 5px;
  padding-right: 10px;
  text-align: justify;
  line-height: 1.2em;
  font-size: 1em;
}

.input-text-number, .input-text-float, .input-text-mac{
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-top: -3px;
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 1em;
  border: 1px solid #D1D1D1;
}

.temp-probe-section .input-text-mac{
  width: 104px;
  top: 2px !important;
  height: 25px;
  margin-right: 0px  !important;

}

.input-text-float{
  width: 43px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}

.select-inline{
  width: auto;
  display: inline-block;
  height: 20px;
}

.label-select-fields{
  font-weight: 400;
  display: inline-block;
  margin-top: 9px;
}

#blnk-settings .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}


.form-group .tag-config-textarea{
  width: 227px;
  max-width: 227px;
  max-height: 200px;
  height: 70px;
}

.tag-modal-body #updateAlerts {
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}

#blnk-settings .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

label.select-checkbox-inline.checkbox-fields {
    font-weight: 400;
    display: inline-block;

}

label.select-checkbox-inline.checkbox-fields [type="radio"]{
    font-weight: 400;
    display: inline-block;
    margin-top:1px;
}


label.select-checkbox-inline.checkbox-fields input:first-child {
    position: relative;
    margin-right:5px;
    top: 6px;
    vertical-align: top;

}

.label-span-holder {
    display: inline-block;
    width: 420px;
    line-height: 2em;
    cursor: pointer;
}

/*.top-level-label, .drop-down-container{
  display: inline-block;
  vertical-align: middle;
}
*/

.top-level-label {
  font-weight: 400;
  font-size: 1em;
  margin-right:5px;
}

.drop-down-col{
  display: inline-block;
  vertical-align: top;
  margin: auto;
  text-align: left;
}

.row .drop-down-col:last-child{
  margin-left: 5%;
}

.drop-down-main{
  padding-left: 9%;
}

@media screen and (max-width: 1125px) {
    .drop-down-col label{
      display: block;
      margin-top: -7%;
    }
    .row .drop-down-col:first-child{
      margin-left: 15%;
    }
    .hdr-profile strong{
      display: block;
      margin-top: -7%;
    }
    .hdr-profile label{
      border-right: 0px;
      padding-right: 0px;
    }
    .special-filter-container{
      width:400px;
    }

}

.margin-top-25 {
  margin-top:25px;
}
.special-filter-container{
  width: 750px;
  position: absolute;
  padding: 10px 15px 10px 10px;
  margin: 2px 0 0 0 ;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.filter-label{
  font-weight: 400;
  display: inline-block;
  width: 65px;
  vertical-align: top;
  margin-top: 8px;
}

.special-filter-container .filter-option, .special-filter-container .text{
  font-size: 0.8em;
}

.special-filter-container .btn{
  padding: 3px 3px 0px 5px;
}
.special-filter-container .col-xs-6{
  padding-right: 3px;
  margin-bottom: 10px;
}

.special-filter-container h5{
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.special-filter-container .close{
  position: relative;
  top: -55px;
}

.special-filter-container .col-xs-12{
  height: 60px;
}

#contenttable1_dvTags  .jqx-grid-cell,
#contenttabledvIncidents_38 .jqx-grid-cell,
#contenttabledvTempReports_68 .jqx-grid-cell {
  cursor:  pointer;
  background: #fff;
}

#contenttable1_dvTags > div,
#contenttabledvIncidents_38 > div,
#contenttabledvTempReports_68 > div {
  background: #fff;
}

#contenttable1_dvTags > div:hover,
#contenttabledvIncidents_38 > div:hover,
#contenttabledvTempReports_68 > div:hover {
  background: #fff;
}

#contenttable1_dvTags .jqx-grid-cell-hover-emanate,
#contenttabledvIncidents_38 .jqx-grid-cell-hover-emanate,
#contenttabledvTempReports_68 .jqx-grid-cell-hover-emanate {
  background:  #fff !important;
}

.view-tag-heading label{
  font-size: 18px;
  padding-top: 15px;
}

.view-tag-heading .selectpicker{
  position: relative;
  top:-2px;
}

.view-tag-heading .blob-date-input .form-control {
    width: 86px !important;
}

.tag-view-container {
  line-height: 0.9em;
}

 .form-container-custom{
   width: 50%;
   float: left;
   margin-top:3px;
 }

/**
Added to remove the select all, and to disable the other dropdowns when max have been selected
**/
.jqx-no-select-all .jqx-widget-header .jqx-checkbox-default-emanate {
  display: none;
}

.jqx-max-rows-reached .jqx-grid-content-emanate .jqx-grid-cell:not(.jqx-grid-cell-selected-emanate) .jqx-checkbox-default-emanate div{
  background-color:#ccc !important;
  cursor:not-allowed;
}

.form-container-custom .blob-ctrls .control-label {
  margin-right: 0;
}

.line-separator{
    margin-top:2em;
    border-bottom: 1px solid #e5e5e5;
}
.no-override-select .close{
  line-height: 0.6em;
}

.blob-date-input-temp .form-control {
   width: 90px !important;
   margin-left: 10px;
 }

/* Filter control button styles */
.special-filter-container .btnFilterApply,
.special-filter-container .btnClearFilter {
  position:relative;
  top: -48px;
  padding: 1px 10px 0px 10px !important;
  height: 28px;
}
.special-filter-container .btnClearFilter {
  margin-right:10px;
}

.select2-container--default .select2-selection--multiple {
  max-height: 100px;
  overflow-y: auto;
  font-size: 12px;
}
.select2-container .select2-dropdown .select2-dropdown--below {
  font-size: 12px;
}

.top-nv{
  margin-top: -10px;
}

.debug-data-select2 .select2-container, .mfg-data-select2 .select2-container,
.mac-data-select2 .select2-container {
  width: 178px !important;
}
.debug-data-select2 label.control-label.lbl-dropDown, .blob-date-input label.control-label.lbl-dropDown,
 .mfg-data-select2 label.control-label.lbl-dropDown, .mac-data-select2 label.control-label.lbl-dropDown
  {
    font-size:13px;
    font-weight: 500;
}

.inline-spinner{
  display: inline-block;
}

.inline-spinner div{
  display: inline-block;
  position: relative;
  top:-2px;
  left:5px;
}

#IndvChartLegend{
  margin-top:0px;
}

.special-filter-container .select2-search__field{
  width: 258px !important;
}

.mac-debug-data, .mac-mfg-data, .monitor-mac-data {
  width: 180px !important;
}

.select2-selection__rendered .select2-selection__choice{
  display: inline-block !important;
}

[aria-selected="true"] .checkmark {
    width: 29px;
    float: right;
    height: 12px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

[aria-selected="true"] .checkmark_circle {
    position: absolute;
    width:22px;
    height:22px;
    background-color: green;
    border-radius:11px;
    left:0;
    top:0;
}

[aria-selected="true"] .checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#000;
    left:11px;
    top:6px;
}

[aria-selected="true"] .checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#000;
    left:8px;
    top:12px;
}

.select2-results__message, .loading-results{
  display: none;
}

.device-filter-section .special-filter-container{
  left:123px;
}

.remove__all__select{
  cursor: pointer;
  color: #999;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.remove__all__select:hover{
  color: #000;
}
/*Filter choice option*/
.line1 {
    width: 25px;
    border-bottom: 1px solid #474747;
    transform: translateY(-20px) translateX(5px) rotate(30deg);
    position: relative;
    top: 30px;
    left: -5px;
    z-index: 1000;
}

.filter-choice-option{
  padding: 4px 5px 4px 5px;
}
.filter-choice-option .glyphicon{
    font-size: 16px;
    color: #474747;
    position: relative;
    top: 2px;
}
/*
/*Filter outline*/
.custom-filter-btn{
  outline: -webkit-focus-ring-color auto 5px;
}

.hide-element {
  display: none !important;
}

.ladda-button {
    overflow: hidden;
}

.powerpath-header div{
  position: absolute !important;
}

.powerpath-header div .spinner{
  left: 117px !important;
  top: -7px !important;
}

.energy-header div .spinner{
  left: 360px !important;
  top: 8px !important;
}

.chart-crosshair{
  cursor: crosshair;
}

/*Fan out for report*/
.sub-item-link{
  display: block;
  cursor: pointer;
  border:none;
  margin:0 0 0 5px;
  padding: 5px 0px 5px 8px !important;
  border-radius: 1px;
  color: #555;
}

.sub-item-link:hover{
  background-color: #e8e8e8;
  color: #000;
}

.open-submenu {
  display: block !important;
}

.submenu-selected {
  background-color: #bbb;
  color: #fff;
}

.sub-menu-panel {
  border-radius: 0px !important;
  width: 120px;
  display: none;
  position: absolute;
  left: 100%;
  top:-2px;
  z-index: 300;
  border: 1px solid #e8e8e8;
}

.sub-menu-panel .list-group-item {
    padding: 2px 0px 2px 0px !important;
}


/* CSS for the top right div , email and my profile and sign out link */

.user-mail{
  width: 200px;
  text-overflow: ellipsis;
  overflow:hidden;
  vertical-align: top;
  white-space:nowrap;
  display: inline-block;
  padding-top: 8px;
}


.login-controls{
  display: inline-block;
  vertical-align: top;
  width:140px;
  padding-top: 8px;
}

@media (max-width: 1258px) {
  .user-mail {
    width: 120px;
  }

}


@media (min-width: 1259px) and (max-width: 1350px) {
  .user-mail {
    width: 200px;
  }
  .login-controls {
    width: 130px;
  }
}

@media (min-width: 1351px) and (max-width: 1450px) {
  .user-mail {
    width: 220px;
  }
   .login-controls {
    width: 130px;
  }
}

@media (min-width: 1451px)  and (max-width: 1550px) {
  .user-mail {
    width: 250px;
  }
  .login-controls {
    width: 130px;
  }
}


@media (min-width: 1551px)  and (max-width: 1650px) {
  .user-mail {
    width: 275px;
  }
  .login-controls {
    width: 130px;
  }
}

@media (min-width: 1651px)  and (max-width: 1750px) {
  .user-mail {
    width: 300px;
  }
  .login-controls {
    width: 135px;
  }
}

@media (min-width: 1751px)  and (max-width: 1850px) {
  .user-mail {
    width: 325px;
  }
  .login-controls {
    width: 140px;
  }
}

@media (min-width: 1851px) {
  .user-mail {
    width: 350px;
  }

  .login-controls {
    width: 145px;
  }
}


.hdr-profile {
  padding: 0px !important;
  padding-right:15px !important;
}

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

.temperature-related .header{
  border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 0.8em;
}
.tag-multiple-text {
    position: absolute;
    bottom: -20px;
    color: red;
}

#eventLogLink, #tagEditLink, #incidentsLink, #returnTagsLink, #tagCLIlink {
  font-size: 13px !important;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

#incidentViewTitle #returnTagsLink {
  margin-left: 10px;
}

.event-log-form .control-label{
  margin: 1.4em;
  margin-left:0;
}

.multiple-text-span{
  display: inline-block;
  position: relative;
}

#singleTagTitle {
  padding-left: 16px;
}

#singleTagTitle div,
.incident-view-container #incidentViewTitle div,.incident-view-container incidentViewTitleRow2 div {
  display: inline-block;
}
.incident-view-container #incidentViewTitleRow2 div {
  margin-top:4px;
}

#singleTagTitle .section-1 {
  width: 520px;
  height: 30px;
}

#incidentViewTitle .section-1 {
  width: 506px;
}

#singleTagTitle .section-2 span:first-child a {
  margin-left:-5px;
}

#singleTagTitle .section-2,
#incidentViewTitle .section-2 {
  vertical-align: top;
}

.tag-modal-body .right-direction{
  direction: rtl;
}

.tag-modal-body .error-message-span{
  color: #ff0000;
  font-size: 0.9em;
  padding-left:21px;
  display: inline-block;
}

#temparature-update .label-span-holder, #temparature-update .label-span-holder-2{
  word-spacing: 0.2em;
}

#temparature-update .label-span-holder-2 {
    display: inline-block;
    line-height: 2em;
    cursor: pointer;
}

#temparature-update .error-msg-holder{
  height: 18px
}

#temparature-update .door-open-block{
  padding-left:40px;
}

#temparature-update .fix-height{
  height: 37px !important;
}

.nist-cert-font {
  font-size: 11px !important;
}

.lnk-update-NIST:hover {
  cursor: pointer;
}

/**Reset password dialog on login screen*/

#dlgPasswordStatus_74 .modal-dialog {
  width: 485px;
}

/*This styles are added for tags search remove icon*/

::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

.temp-probe-section .mac-address-container,
.temp-probe-section .probe-monitor-container,
.monitor-ac-section .current-gain-container,
.monitor-ac-section .current-gauss-ratio-container {
  padding-left: 35px;
}

.temp-probe-section .ble-error-span{
  display: block;
}

.digital-filter-section .time-constants-container {
  padding-left: 30px;
}

.time-constants-container .custom-time-constant-container {
  padding-left: 30px;
}

.custom-time-constant-container .input-text-time-constant {
  width: 100px;
  top: 2px !important;
  height: 25px;
  display: inline-block;
}

.custom-time-constant-container .custom-time-constant-span {
  display: inline-block;
  margin-top: 5px;
}

.custom-time-constant-container .filter-custom-value-error-span {
  display: block;
  margin-top: 5px;
}

.current-gain-container .monitor-ac-gain-span,
.current-gauss-ratio-container .monitor-ac-gauss-ratio-span {
  display: block;
  margin-top: 5px;
}

 .time-constants-container .label-span-holder {
  width: 400px;
}

.temp-probe-section .probe-monitor-container .label-span-holder {
  width: 364px;
}

.form-group.digital-filter-section.has-error .form-control {
  border-color: #D1D1D1;
}

.monitor-ac-section .input-text-number {
  width: 59px;
  top: 2px !important;
  height: 25px;
  display: inline-block;
}

#temparature-update .monitor-ac-section .label-ac-monitor-settings {
  display: inline-block;
  width: 175px;
}

#alertConfigModal .section-heading{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}

#alertConfigModal .alert-condition-header{
  background-color: #e8e8e8;
  font-weight: bold;
  margin-bottom: 15px;
}

#alertConfigModal  .alert-conditions .row{
  margin-top: 10px;
}

#alertConfigModal .form-group.pull-right.notifier-buttons-section {
  margin-bottom: 0px;
}

#alertConfigModal .inline-select{
  display: inline;
}

.tag-dialog .tab-content-hoz {
  border: 1px solid #ddd;
  border-width: 0 1px 1px; /* Removes the top border */
  padding: 10px;
}

.tag-dialog .nav-tabs-hoz > li > a {
    margin-right: 0;
}

.tag-dialog .nav-tabs-hoz > li > a {
    margin-right: 0;
}

.tag-dialog > .modal-content{
  height: 607px;;
}

.tag-dialog .config-field-container{
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
}


.tag-dialog .tag-config-section li:first-child{
  margin-top:25px;
}
.tag-dialog .tabs-left{
  height: 300px;
}

.tag-dialog .alerts-grid-container{
  width: 98%;
  margin: auto;
  padding: 4px 0px 0px 0px;
}

.tag-dialog .tagNotesTxt {
  height: 38px !important;
  line-height: 120%;
}

.tag-dialog .responsiblePartyTxt, .tag-dialog .tagNotesTxt {
  width: 88% !important;
}

.userEventTxt {
  height: 50px !important;
  width: 88% !important;
  line-height: 120%;
}

/*Code for jira like edit directive START*/

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

.templateRoot h4 {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 4px;
  border: 1px solid #ffffff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  line-height: 1.1;
}

.alert-has-error .hover-text-field h4 {
  border: 1px solid red;
  border-radius: 2px;
}

.templateRoot .edit-pencil {
  border: 1px solid #dcdcdc;
  border-left: 0;
  height: 29px;
  padding: 6px 5px;
  display: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.templateRoot .edit-pencil img{
  vertical-align: top;
  width: 88%;
}

.templateRoot .hover-edit-trigger:hover .edit-pencil {
  display: inline-block;
  background-color: #efefef;
}

.templateRoot .hover-edit-trigger:hover h4 {
  border: 1px solid #dcdcdc;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.templateRoot .hover-edit-trigger .edit-pencil:hover {
  cursor: pointer;
}

.templateRoot .has-border {
  border: 1px solid #dcdcdc;
}

.templateRoot .edit-button-group {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-top: none;
  padding: 2px;
  position: absolute;
  right: 0;
  z-index: 99;
}

.templateRoot .icon-holder .glyphicon{
  font-size: 18px;
  z-index: 10;
}

.templateRoot .icon-holder{
  cursor: pointer;
  z-index: 10000;
  height: 30px;
  margin-right: 3px;
}

.templateRoot input {
  border: 0px;
  padding: 0px 4px;
  display: inline-block;
  font-size: 18px;
}

/*Code for jira like edit directive END*/

.radio-button-holder .inline-radio span{
  display: inline-block;
}

.radio-button-holder .inline-radio .text{
  position: relative;
  top: -2px;
  cursor: pointer;
}

.radio-button-holder .inline-radio img {
  height: 22px;
  margin-left: 2px;
}

.radio-button-holder .inline-radio .radio-text:hover{
  cursor: pointer;
}

#alertConfigModal .alert-has-error{
  border-color:#ff0000;
}

.wrn-dialog .action-content{
  margin-top: 30px;
}

.wrn-dialog .action-content .row:first-child{
  margin-bottom: 5px;
}

#alertConfigModal .alert-name-container .alert-name-err-block{
  padding-top:4px;
}

/** Incidents screen **/
.incident-ctrls .btn {
  font-size: 12px;
	margin-left: 0.5em;
	padding: 5px 10px;
	line-height: 18px;
	border-radius: 2px;
}
.incident-range-header {
  margin-bottom: 1em;
}
.incident-range-header .btn-group {
  bottom: -2px;
  font-size: 12px;
}
.incident-ctrls .dropdown-menu {
  font-size: 12px;
}
.incident-range-header h5 {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  font-size: 13px;
}

.has-feedback .search.form-control {
  padding-right: 32px;
}

#incidentsGridController .num-rows-selected {
  padding: 6px 0px;
  font-weight: bold;
  font-size: 13px;
}

#btnDownloadIncidentsAll_43 {
  margin-left: 0em;
}

/** This style is to avoid the height of
default select **/
.incident-ctrls .custom-multiple-select {
  width: 0px;
  border: 0px;
}
.form-inline .incident-ctrls.form-group {
  display: inline !important;
}
.incident-ctrls .bootstrap-select {
  max-width: 16%;
}
@media screen and (max-width: 1700px) {
  .incident-ctrls .bootstrap-select {
    max-width: 15%;
  }
  .incident-ctrls .emt-select-element .dropdown-toggle {
    max-width: 225px;
  }
}
@media screen and (max-width: 1650px) {
  #incidentsGridController .search {
    width: 145px;
  }
  .incident-ctrls .bootstrap-select {
    max-width: 13%;
  }
}
.emt-select-element .dropdown-toggle {
  max-width: 200px;
  overflow: visible;
  padding-right: 16px !important;
}
.emt-select-element .dropdown-toggle span.filter-option {
  text-overflow: ellipsis;
  margin-right: -5px;
}
/*.emt-select-element .dropdown-menu .close {
  display: none;
}*/
.emt-select-element .dropdown-menu .popover-title {
  min-width: 160px;
}
.emt-select-element .dropdown-menu .popover-title {
  padding-left: 12px;
}
.emt-select-search .dropdown-menu {
  min-width: 250px !important;
}
.emt-select-element .status {
  background: none !important;
  font-style: normal !important;
  color: #000 !important;
  padding: 10px 10px !important;
}
/** Incidents grid related styles **/
.incidents-grid .incident-id-link {
	margin-top: 6px;
  padding-right: 6px;
	overflow: hidden;
  text-align: right;
  float: right;
}
.incidents-grid .monitor-link {
  margin: 4px 2px 0px 4px;
}
.incidents-grid .incident-status {
  margin: 4px 2px 0px 4px;
}
#dvIncidents_38 .jqx-grid-cell .incidents-status {
  margin-top: 5px !important;
  margin-bottom: 1px;
}
/** Acknowledge dialog styles **/
#acknowledgeIncidentDlg_16 .modal-dialog,
#closeIncidentDlg_43 .modal-dialog, #closeIncidentWarning_Dlg_44 .modal-dialog, #acknowledgeIncidentWarning_Dlg_17 .modal-dialog{
  width: 36%;
}
#acknowledgeIncidentDlg_16 .btn-space,
#closeIncidentDlg_43 .btn-space {
  margin-left: 1em;
}
form.form-group.frm-ack-incident-dial,
form.form-group.frm-close-incident-dial {
    margin-bottom: 0px;
}
#acknowledgeStatusDlg_69 .form-group {
  margin-bottom: 0px;
}
/** Close unresolved dialog styles **/
#closeStatusDlg_12 .modal-dialog,
#acknowledgeStatusDlg_69 .modal-dialog {
  width: 30%;
}
/** Close missing corrective action dialog **/
#closeNoActionIncidentDlg_14 .modal-body .row {
  margin: 10px;
}
#closeNoActionIncidentDlg_14 .modal-body .view-text {
  margin-top: 5px;
}
#closeNoActionIncidentDlg_14 .container .col-md-12,
#closeNoActionIncidentDlg_14 .container .col-md-2 {
  padding-left: 0px;
}
/** Comment box styles **/
.comment-box-container .comment-box {
  resize: none;
}
/** view incident styles **/
#frm-incident .chk-box-incident  label {
  font-weight: normal;
  font-size: 12px;
}
#frm-incident .chk-box-incident input.chk-box {
  margin: 10px 5px 0px 0px;
  vertical-align: text-bottom;
}
#frm-incident .chk-box-incident input[type="checkbox"][disabled] {
  pointer-events: none;
}
#frm-incident .comment-box {
  margin-left: 19px;
}
#frm-incident .apply-btn-container-row {
  margin-right: -20px;
}
#frm-incident .apply-btn-container {
  padding-right: 0px;
}
#frm-incident .apply-btn-container span {
  float: right;
}
#returnIncidentsLink {
  margin-left:45px
}
#incidentViewTitleRow2 span.alert-title, #incidentViewTitle span.alert-title{
    font-weight: bold;
}
.event-table .commentViewBox .commentSubViewBox {
    position: relative;
    background: #9f9fa1;
    border: 1px solid #e5e5e5;
}
.event-table .commentViewBox .commentSubViewBox p {
  margin: 0 0 6px;
}
.event-table .commentViewBox.rest .commentSubViewBox:after,
.event-table .commentViewBox.rest .commentSubViewBox:before {
	bottom: 100%;
	left: 2.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.event-table .commentViewBox.rest .commentSubViewBox:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	margin-left: -10px;
}
.event-table .commentViewBox.rest .commentSubViewBox:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #e5e5e5;
	border-width: 11px;
	margin-left: -11px;
}
.row.commentViewBox.padding-tp {
    padding-top: 4px;
}
.incident-view-container .monitor-settings-link {
  margin-left: 1em;
}
/** Incident event table styles **/
.incident-view-container .event-table {
  font-size: 12px;
}
.incident-view-container .event-table .event-table-head {
  background-color: #f5f5f5;
  padding: 6px 0px;
}
.event-table-head .event-desc {
  padding-left: 11px;
}
.event-table-body .alarm-sev,
.event-table-body .warn-sev,
.event-table-body .critical-sev,
.event-table-body .resolved-sev {
  border-right: 12px solid;
}
.event-table-body .alarm-sev {
  border-color:#e78f00;
}
.event-table-body .warn-sev {
  border-color:#e7c100;
}
.event-table-body .critical-sev {
  border-color:#c31200;
}
.event-table-body .resolved-sev {
  border-color: #009f40;
}
.event-table .event-table-head div {
  font-weight: bold;
}
.event-table .event-table-body .event-table-row {
  padding: 8px 0px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}
.event-table .event-table-body .event-table-row:hover {
  background-color: #EDF4FA;
  cursor: pointer;
}
.event-table .event-table-body .event-table-row div {
  line-height: 1.2em;
}
.event-table-row .event-comment-icon {
  position: absolute;
  right: 11%;
  font-size: 1.3em;
}
.event-table .commentViewBox .col-xs-10 {
  background-color: #f5f5f5;
  padding-top: 10px;
  border-radius: 4px;
}
.event-table .commentBox {
  padding-left: 4px;
}
.event-table .commentBox textarea {
  overflow: hidden;
}
.row.commentViewBox {
  padding-left: 7px;
}

#alertConfigModal .modal-content {
  min-height: 610px;
  max-height: 90vh;
}

#alertConfigModal .modal-header,
#alertConfigModal #accordion .panel-heading,
#alertConfigModal #collapseOne .panel-body,
#alertConfigModal #collapseTwo .panel-body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#alertConfigModal #collapseThree .panel-body {
  padding-top: 8px;
}

#alertConfigModal #collapseThree .col-xs-12 .margin-tp {
  margin-top: 8px;
}

#alertConfigModal #collapseTwo  .ac-power-alert p {
  margin-bottom: 8px;
}

#alertConfigModal #collapseOne .radio-button-holder .inline-radio .text {
  top: 0px;
}

#alertConfigModal .modal-body {
  min-height: 500px;
  max-height: 77vh;
  overflow-y: auto;
}

#alertConfigModal .modal-footer {
  height: 61px;
}

.alert-config-form .collapseTrigger {
  font-weight: bold;
}

.alert-config-form .panel-default > .panel-heading {
  background-image: none;
}
.alert-config-form .panel-group {
  margin-bottom: 0px;
}
.alert-config-form .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: url('../img/emanate_down_arrow.png');    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
}
.alert-config-form .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: url('../img/emanate_down_arrow.png');    /* adjust as needed, taken from bootstrap.css */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#alertConfigModal > div.modal-dialog.modal-lg > form.alert-config-form {
  width: 996px;
}

.bleToolTip {
  text-align: left;
}

.jqx-checkbox-check-indeterminate {
  height: 2px !important;
  margin-top: 6px !important;
}

#alertConfigModal .alert-name-block > div {
  display: inline-block;
}

#alertConfigModal .alert-name-block .label-holder {
  vertical-align: baseline;
}

#alertConfigModal .alert-name-block .label-holder h4 {
  margin-top: 6px;
  margin-bottom: 6px;
}

#alertConfigModal .customGridHeader {
  text-align: center;
  margin-top: 5px;
}

#alertConfigModal .placeholder {
  color: #959799;
}

#alertConfigModal .disabled-jqx-chk  .jqx-checkbox div:hover {
  cursor: not-allowed;
}

#alertConfigModal .disabled-jqx-chk  .jqx-checkbox span {
  color: #000;
  opacity: .55;
}

#alertConfigModal .edit-button-group .glyphicon {
  color: #808080;
  padding: 2px;
  border: 1px solid #ffffff
}

#alertConfigModal .edit-button-group .glyphicon:hover {
  color: #808080;
  background-color: #dcdcdc;
  padding: 2px;
  border: 1px solid #dcdcdc
}

#collapseThree .panel-body {
  padding-bottom: 0;
}

#alertConfigModal .threshold-container {
  overflow: hidden;
  position: relative;
  width: 114%;
  left: -7%;
}

#alertConfigModal .threshold-container .threshold-sections {
  float: left;
  width: 20%;
}


#alertConfigModal .threshold-container .threshold-sections-temp-excursion {
  float: left;
  width: 40%;
}

#alertConfigModal .threshold-container .threshold-sections:last-child {
  float: right;
  width: 40%;
}

#alertConfigModal .threshold-container .threshold-sections:first-child {
  float: left;
  width: 40%;
}

/* Changing the color of placeholder for "(mult)" to match with text color */
#alertConfigModal .threshold-container .threshold-sections input::placeholder,
#alertConfigModal .threshold-container .threshold-sections-temp-excursion input::placeholder{
  color: #555555;
}

#alertConfigModal .threshold-container .threshold-sections input:-ms-input-placeholder,
#alertConfigModal .threshold-container .threshold-sections-temp-excursion input:-ms-input-placeholder{
  color: #555555;
}

#alertConfigModal .threshold-container .threshold-sections input::-webkit-input-placeholder,
#alertConfigModal .threshold-container .threshold-sections-temp-excursion input::-webkit-input-placeholder {
  color: #555555;
}

#alertConfigModal .threshold-container .section-center {
  text-align: center;
  margin-top: 3px;
  padding-left: 1px;
}

#alertConfigModal .inline-dropdown {
  display: inline-block;
  width: auto;
}

/* Set display as inline block in order to align the checkbox in center */
#alertConfigModal .checkbox-holder {
  display: inline-block;
  padding-top: 3px;
}

/* Make the jqx checkbox look like checkbox in grid */
#alertConfigModal .checkbox-holder .jqx-fill-state-normal {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

/* On hover show not allowed cursor when checkbox is disabled */
#alertConfigModal .checkbox-holder .jqx-checkbox-disabled:hover {
  cursor: not-allowed;
}

/*Alert status color code*/
.status-badge {
  padding: 2px 3px;
  border-radius: 2px;
  font-weight: bold;
  display: inline-block;
  width: 90px;
  text-align: center;
}

/*warning badge*/
.warning-badge {
  background-color: #e7c100;
  color: #000000;
}

/*Critical alarm badge*/
.critical-badge {
  background-color: #c31200;
  color: #ffffff;
}

/*alarm badge*/
.alarm-badge {
  background-color: #e78f00;
  color: #ffffff;
}

/*Resolved badge*/
.resolved-badge {
  background-color: #009f40;
  color: #ffffff;
}

/*Fix for grid cell overflow badge is not visible*/
#alertConfig .jqx-grid-cell-left-align.no-overflow {
  overflow: visible;
  margin-top: 3px !important;
  margin-bottom: 2px;
}

/* Styles for the comment header */
.event-table-body .comment-header {
  padding-left: 5px;
  display: inline;
  padding-top: 3px;
}

.event-table-body .comment-header a:hover {
  cursor: pointer;
}

/* Padding for the tooltip element*/
.incident-view-container .tool-tip-box {
  padding: 8px 0;
}

/* Styles for the disabled controls on incidents */
.incident-view-container .is-disabled:hover {
    cursor: not-allowed;
}

/*Styles for the incident event spinner*/
.incident-view-container #ldngIncidentEventView {
  position: relative;
  padding-left: 20px;
}

#tooltip {
  width: 140px;
}

.jqx-grid-cell .jqx-input {
  font-size: 11px;
  padding: 2px 3px;
}

#alertConfigModal .err-block {
  color: #ff0000;
}

.jqx-listitem-element {
  font-size: 11px !important;
}

#notificationGridHolder .jqx-dropdownlist-content {
  font-size: 11px;
  padding-top: 3px;
}

#alertConfigModal .threshold-dropdown-holder {
  padding: 0px 9px;
}

#alertConfigModal .threshold-dropdown-holder  select{
  padding-left: 1px;
}

.status-cell-container.jqx-grid-cell > div {
  margin-top: 4px !important;
}

/*Styles for spinner on monitor edit dialog*/
#monitorDialogSpinner {
    position: relative;
    padding-left: 30px;
}

/*Styles for the spinner in overview screen "Powerpath monitors" heading*/
.powerpath-header .ldngPowerPathTagsChart {
  position: relative;
  padding-left: 30px;
}

/*Styles for the spinner in overview screen "Energy plot" heading*/
.energy-header .ldngDailyEnergyChart {
  position: relative;
  padding-left: 30px;
  top: -5px;
}

.tag-view-container .link-items {
  padding-left: 0px;
}

.tag-view-container .downloadCSVContainer {
  margin-top: 10px;
}

/*Increase the right-margin for .jqx-grid-cell-right-align*/
.jqx-grid-cell-right-align {
  margin-right: 5px !important;
}

/*Cursor pointer for download link*/
.link-items {
  cursor: pointer;
}

/*Keep font color as green for the enabled icons*/
.monitor-enabled .success:before {
  color: #000000;
}

/* Debug commands dialog styles */
#debugCommandDialog textarea {
  min-width: 60%;
  resize: none;
  width: 100%;
  margin-top: 10px;
  height: 60px;
  padding: 5px;
  font-family: monospace;
}

#tagsGridController .num-rows-selected {
  padding: 6px 10px;
  font-weight: bold;
  font-size: 13px;
}

/* Styles for temp and humidity reports */
#viewTempReport .date-container,
#viewTempReport .settings-container,
#viewTempReport .report-chart-container,
#viewHumidityReport .date-container,
#viewHumidityReport .settings-container,
#viewHumidityReport .report-chart-container {
  padding: 10px 20px 0px 20px;
}

#viewTempReport label,
#viewTempReport .temp-settings-link,
#viewHumidityReport label,
#viewHumidityReport .humidity-settings-link {
  font-size: 13px;
}

#viewTempReport .temp-settings-link,
#viewHumidityReport .humidity-settings-link {
  padding: 0px;
  position: absolute;
  right: 37px;
  top: 35px;
  z-index: 500;
}

#viewTempReport .temp-settings-link:hover,
#viewHumidityReport .humidity-settings-link:hover {
  cursor: pointer;
}

#viewTempReport .date-container .form-group:first-child label,
#viewHumidityReport .date-container .form-group:first-child label {
  padding-right: 5px;
}

#viewTempReport .date-container .form-group:last-child label,
#viewHumidityReport .date-container .form-group:last-child label {
  padding: 0px 5px;
}

#viewTempReport .settings-container,
#viewHumidityReport .settings-container {
  padding-top: 0px;
  line-height: 30px;
}

#viewTempReport .chart-placeholder,
#viewHumidityReport .chart-placeholder {
  border: 1px solid #ececec;
  height: 100px;
}

#viewTempReport .number,
#viewHumidityReport .number {
  background: #0655ad;
  color: white;
  border-radius: 50%;
  position: relative;
  top: -6px;
  right: 50%;
}

#viewTempReport .digits-1,
#viewHumidityReport .digits-1 {
  padding: 6px 8px;
}

#viewTempReport .digits-2,
#viewHumidityReport .digits-2 {
  padding: 8px;
}

#viewTempReport .digits-3,
#viewHumidityReport .digits-3 {
  padding: 11px 8px;
}

#viewTempReport .stick,
#viewHumidityReport .stick {
  position: absolute;
  top: -50px;
  left: -5px;
}

#viewTempReport .temp-report-chart,
#viewHumidityReport .humidity-report-chart {
  width: 100%;
  height: 250px;
  margin: 20px auto 0px auto;
}

#viewTempReport .line,
#viewHumidityReport .line {
  height: 40px;
  width: 0px;
  border: 1px solid #0655ad;
  background: #0655ad;
}

#viewTempReport .annotation,
#viewHumidityReport .annotation {
  position: absolute;
  color:#666666;
  font-size:smaller;
}

.settings-container .temp-report-error {
  margin-right: 20px;
}

/* Styles for temp reports settings dialog box*/
.temp-settings-dialog,
.humidity-settings-dialog {
	min-width: 667px !important;
}

.form-group.row.margin-bt-temp {
  margin-bottom: 0px;
}

.emt-severity-levels {
  display: inline-block;
  width: 75px;
}

#tempSettings_88 .err-block,
#humiditySettings_88 .err-block {
  color: #ff0000;
  display: inline-block;
  padding-left: 15px;
  width: 550px;
}

.margin-tp-err-block {
  margin-top: 0.3em;
}

.margin-tp-label-block {
  margin-top: 2px;
}

.padding-rt {
  padding-right: 0px;
}

.margin-tp-rdo {
  margin-top: 0.5em;
}

.temp-dialog-has-error .form-control {
  border-color: #ff0000
}

.severity-ddl-position {
  position: absolute;
  padding-left: 4px;
  display: inline-block;
}

#downloadOSDData .form-inline {
  margin-bottom: 0px;
}

#dvTempReports_68,
#dvHumidityReports_68 {
   margin-top: 60px;
}

.reports-grid .incident-id-link,
.reports-grid .ref-number {
  padding-right: 6px;
  overflow: hidden;
  text-align: right;
  float: right;
}

.reports-grid .min-max {
  padding-right: 6px;
  margin-top:6px;
  overflow: hidden;
  text-align: right;
  float: right;
}

.reports-grid .corrective-action {
  padding-right: 4px;
  padding-left: 4px;
  white-space: normal;
}

.grid-margin-top {
  margin-top:-1px;
}

.reports-grid .ref-number {
  margin-top: 6px;
}

.report-chart-container .chart-title {
  padding-left: 6%;
}

.report-chart-main-container {
  position: relative;
}

#tempSettings_88 span.label-span-holder,
#humiditySettings_88 span.label-span-holder {
  width: 372px;
}

#humiditySettings_88 .report-setting-value {
  margin-left: -2px;
}

.reports-grid a.incident-id-link {
  padding-bottom: 0px;
}

/* Styles for Manufacturing screen */

#txtMfgToDate, #txtMfgFromDate {
  width: 140px !important
}

.mfg-test-grid .mfg-status {
  display: inline-block;
  padding-left: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.manufacturing-controls {
  margin-top: 2em;
  margin-bottom: 1em;
}

#dvTempReports_68 .status-badge {
  width: 90%;
}

/* Styles for copy monitor data dialog */
.copy-monitor-data-dialog input[type="checkbox"],
.copy-monitor-data-dialog input[type="radio"] {
  margin-top: 0px;
}
.copy-monitor-data-dialog input[type="radio"] {
  margin-right: 0px;
}
.copy-monitor-data-dialog .label-span-holder {
  margin-top: 2px;
}
.copy-monitor-data-dialog .custom-label {
  margin-top:2px;
  line-height:2em;
  display:inline-block;
}
.copy-monitor-data-dialog .custom-placeholder {
  padding-left: 0px;
  width: 20px;
  margin-top: 3px;
}
.copy-monitor-data-dialog .copy-time-series-label {
  padding-left: 3px;
}

/* Style for notifiers list in incident events */
.event-table .event-table-body .event-table-row .description-container div {
  line-height: 1.5em;
}

.event-table .event-table-body .event-table-row .description-container .notifiers-list > span {
  display: inline-block;
}


/* Styles for daily temp report view - START */
.daily-temp-report-container .report-title {
  font-size: 35px;
  float: left;
}

.daily-temp-report-container .header {
  text-align: right;
  border-top: 2px solid rgba(116, 116, 110, 0.75);
  border-bottom: 2px solid rgba(116, 116, 110, 0.75);
  padding:15px;
}

.daily-temp-report-container .header img {
  width: 177px;
  padding-bottom: 0;
}

.daily-temp-report-container #tempReportsDetails th, #tempReportsDetails td {
  font-size: 14px;
}

.daily-temp-report-container #tempReportsData th, #tempReportsData td {
  padding: 5px;
  text-align: right;
  border: 1px solid #000000;
}

.daily-temp-report-container th, td {
  vertical-align: top;
}

.daily-temp-report-container #tempReportsData th.text-left, #tempReportsData td.text-left {
  text-align: left;
}

.daily-temp-report-container #tempReportsData th.text-left, #tempReportsData td.text-left {
  text-align: left;
}

.daily-temp-report-container #tempReportsData .corrective-actions-list span {
  display: inline-block;
  margin-bottom: 10px;
}

.daily-temp-report-container #tempReportsData .corrective-actions-list span:last-child {
  margin-bottom: 0px;
}

.daily-temp-report-container table {
  width: 100%;
  margin: auto;
  table-layout: fixed;
  font-size: 20px;
  font-family: Arial,sans-serif;
  padding-top: 10px;
}

.daily-temp-report-container #tempReportsDetails tr td {
  width: 50%;
}

.daily-temp-report-container #tempReportsData tbody tr:nth-child(even) {
  background-color: #D3D3D3;;
}

.daily-temp-report-container #tempReportsData thead {
  background-color: #C0C0C0;
}

.daily-temp-report-container #tempReportsData {
  border-collapse: collapse;
  padding-left: 20px;
  margin-top: 30px;
}

.daily-temp-report-container .plot img {
  width: 100%;
}

.daily-temp-report-container #tempReportsData  th {
  font-size: 14px;
}

.daily-temp-report-container #tempReportsData  td {
  font-size: 12px;
}

.daily-temp-report-container .report-period {
  margin-top: 30px;
  font-size: 14px;
  font-family: Arial,sans-serif;
  padding-top: 10px;
  padding-left: 3px;
}

.daily-temp-report-container .error {
  color: #ff0000;
  font-size: 12px;
}

.daily-temp-report-container thead {
  display: table-header-group;
}

.daily-temp-report-container tfoot {
  display: table-row-group;
}

.daily-temp-report-container tr {
  page-break-inside: avoid;
}

.daily-temp-report-container.body-class {
  font-family: Arial,sans-serif;
  color: #000000;
}

.daily-temp-report-container.body-class a{
  color: #0000EE;
  text-decoration: underline;
}

.daily-temp-report-container .temp-report-chart,
.daily-temp-report-container .humidity-report-chart {
  width: 100%;
  height: 250px;
  margin: 20px auto 0px auto;
}


.daily-temp-report-container .chart-placeholder {
  border: 1px solid #ececec;
  height: 100px;
}

.daily-temp-report-container .number {
  background: #0655ad;
  color: white;
  border-radius: 50%;
  position: relative;
  top: -4px;
  right: 50%;
}

.daily-temp-report-container .digits-1 {
  padding: 6px 8px;
}

.daily-temp-report-container .digits-2 {
  padding: 8px;
}

.daily-temp-report-container .digits-3 {
  padding: 11px 8px;
}

.daily-temp-report-container .stick {
  position: absolute;
  top: -56px;
  left: -5px;
}

.daily-temp-report-container .line {
  height: 40px;
  width: 0px;
  border: 1px solid #0655ad;
  background: #0655ad;
}

.daily-temp-report-container .annotation {
  position: absolute;
  color:#666666;
  font-size:smaller;
}

.daily-temp-report-container .error-container, .daily-temp-report-container .success-container{
  margin-top: 20px;
}
/* Styles for daily temp report view - END */

/* Style for temp reports tab in monitor config dialog */
#temparatureReportsUpdate .temp-report-emailids {
  height: 100px;
}

#temparatureReportsUpdate .label-span-holder {
  margin-top: 2px;
}

#temparatureReportsUpdate .tag-editor {
  font-size: 11px;
}

#temparatureReportsUpdate .disable-daily-temp-report-email {
 pointer-events: none;
 opacity: .65;
}

#temparatureReportsUpdate #dailyTempReportEmailInfo {
  margin-left: 179px;
  font-size: 11px;
  cursor: auto;
}

#temparatureReportsUpdate #parentDailyTempReportEmail.has-input-error {
  border-color: none;
  box-shadow: none;
}

#temparatureReportsUpdate #parentDailyTempReportEmail.has-input-error ul.tag-editor {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.tag-view-container .alert-box {
  padding: 9px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* jqxcheckbox look-alike - Unchecked state */
.jqx-custom-checkbox {
  width: 14px;
  height: 14px;
  float: left;
  margin: 5px 13px;
  border-radius: 4px;
  border: 1px solid #cccccc;
}

/* jqxcheckbox look-alike - Hover effect */
.jqx-custom-checkbox:hover {
  border: 1px solid #b5b5b5;
}

/* jqxcheckbox look-alike - Checked state */
.jqx-custom-checkbox.checked {
  background-image: url(../plugins/jqxwidgets/styles/images/check_black.png);
}

#tempSettings_88 .temp-section:last-child {
  margin-top: 10px;
}

#tempSettings_88 .temp-section.override-margin {
  margin-top: 0px;
}

#tempSettings_88 .temp-section > div {
  float: left;
}

#tempSettings_88 .temp-section > div.temp-label {
  width: 20%;
  padding-top: 7px;
}

#tempSettings_88 .temp-section > div.report-setting-value {
  width: 30%;
  margin-right: 10px;
}

#tempSettings_88 .temp-section > div.report-setting-value > * {
  float: left;
}

#tempSettings_88 .temp-section > div.report-setting-value > input {
  width: 75%;
  border-radius: 4px 0px 0px 4px;
  float: left;
}

#tempSettings_88 .temp-section > div.report-setting-value > span {
  display: block;
  width: 25%;
  height: 25px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 600;
  padding: 5px 2px;
  background: #cccccc;
  border: 1px solid #ccc;
  border-radius: 0px 4px 4px 0px;
  float: right;
}

.history-temp-plot .temp-report-header-label {
  float: right;
}

.history-temp-plot h5 {
  display: block;
}


.alert-conditions .emanate-row {
  margin-top: 10px;
}

.alert-conditions .emanate-row .emanate-block-content {
  width: 47.5%;
  float: left;
  margin-bottom: 10px;
}

.alert-conditions .emanate-row .emanate-block-severity {
  width: 17.5%;
  float: left;
  padding: 0px 20px;
}

.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.alert-conditions .temp-threshold-block .temp-unit {
  display: block;
  width: 25%;
  height: 16px;
  line-height: 6px;
  font-size: 9px;
  font-weight: 600;
  padding: 5px 2px;
  background: #cccccc;
  border: 1px solid #ccc;
  border-radius: 0px 4px 4px 0px;
  float: right;
}

.alert-conditions .temp-threshold-block input {
  width: 75%;
  border-radius: 4px 0px 0px 4px;
  float: left;
  height: 16px;
}

.alert-conditions .temp-threshold-block .divider > div {
  height: 37px;
  line-height: 37px;
  font-size: 15px;
  text-align: center;
  width: 100%;
  float: left;
}

.alert-conditions .temp-threshold-block .second-block, .alert-conditions .temp-threshold-block .first-block {
  width: 40%;
  float: left;
}

.alert-conditions .temp-threshold-block .second-block > div:first-child, .alert-conditions .temp-threshold-block .first-block > div:first-child {
  margin-bottom: 5px;
}

.alert-conditions .temp-threshold-block .divider {
  width: 20%;
  float: left;
}

#alertConfigModal .label-span-holder {
  width: 211px;
}

#alertConfigModal span.label-span-holder.send-reminder-span {
  width: 106px !important;
}

#alertConfigModal .severity-ddl-position {
  bottom: 4px;
  padding-left: 0px;
}

#alertConfigModal label.select-checkbox-inline.checkbox-fields.after-txt {
 margin-left: 71px;
 margin-right: 2px;
}

#alertConfigModal label.select-checkbox-inline.checkbox-fields.days-txt {
  margin-left: 43px;
}

#alertConfigModal label.select-checkbox-inline.checkbox-fields.reminder-days-txt {
  margin-left: 49px;
  margin-right: 3px;
}

.temp-report-dialog .modal-body .row{
  margin-bottom: 10px;
}

.temp-report-dialog .modal-body .row:last-child{
  margin-bottom: 0px;
}

/* Styles for office hours view - Start */
.emanate-office-hours-row .emanate-office-hours-block {
  width: 13.6%;
  display: inline-block;
  line-height: 2em;
  text-align: center
}

.emanate-office-hours-row .emanate-office-hours-block.office-hour-chkbox {
  cursor: pointer;
}

.emanate-office-hours-row .emanate-office-hours-block.office-hour-day-label {
  font-weight: 700;
  font-size: 11px;
}

.office-hours-section .office-hours-control-label {
  padding-top: 3px;
}

.emanate-office-hours-row .emanate-office-hours-block.office-hours-start-ddl select{
  max-width: 65px;
}

.office-hours-section .emanate-office-hours-row .clear-padding {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Styles for office hours view - End */


/* Styles for group compliance report - Start */

#groupComplianceReportModal .inline-flex {
  display: inline-flex !important;
}

#groupComplianceReportModal .blob-date-input .content-box {
  margin-top: 5px;
}

#groupComplianceReportModal .blob-date-input .group-report-to-label {
  padding-right: 0px !important;
  padding-left: 20px !important;
}

#groupComplianceReportModal .on-demand-report-label {
  padding-left: 0px;
}

#groupComplianceReportModal #groupReportFromDate{
  width: 141px !important;
}

#groupComplianceReportModal .mr-lt {
  margin-left: 20px;
}

#groupComplianceReportModal .col-xs-9.col-xs-offset-3.emanate-office-hours-row.clear-padding {
  margin-left: 246.5px;
}


#parentGroupComplianceEmail ul.tag-editor {
  font-size: 11px;
  height: 100px;
  width: 530px;
}

#groupComplianceReportModal span.select2-selection.select2-selection--multiple {
  margin-top: 8px;
  margin-left:3%;
  font-size: 11px !important;
}

#groupComplianceReportModal span.select2.select2-container.select2-container--default {
  width: 546px !important;
}

#groupComplianceReportModal .add-on-margin {
  margin-top: 15px;
}

#groupComplianceReportModal .mt-5 {
  margin-top: 5px;
}

div#menuWrappergridmenucomplianceReportGrid1+span span.select2-dropdown.select2-dropdown--above,
div#menuWrappergridmenucomplianceReportGrid1+span span.select2-dropdown.select2-dropdown--below {
  margin-left: 15px !important;
  width: 530px !important;
}

#groupComplianceReportModal div.blob-date-input .content-box {
  box-sizing: content-box;
  padding-right: 3px;
}

#groupComplianceReportModal .col-xs-9.col-xs-offset-3.emanate-office-hours-row.clear-padding {
  margin-left: 170px !important;
}

#groupComplianceReportModal #onDemandReportBtn {
  margin-left: 13px;
  margin-bottom: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#groupComplianceReportModal .modal-body {
  min-height: 500px;
  max-height: 77vh;
  overflow-y: auto;
}

#groupComplianceReportModal .modal-content {
  min-height: 610px;
  max-height: 90vh;
}

#parentGroupComplianceEmail .disable-group-report-email {
  pointer-events: none;
  opacity: .65;
}

#groupComplianceReportModal .disable-group-report-assetIds-ddl {
  pointer-events: none;
  opacity: .65;
}

/* Styles for group compliance report - End */