/*
	Global styles, common components and Bootstrap overrides
*/

* {
  -webkit-font-smoothing: antialiased;
}

html {
  position: relative;
  min-height: 100%;
  font-size: 16px;
}

/*header {
	height: 120px;
	display: none;
}*/

.container {
  margin-top: 20px !important;
}

.header-logo {
  width: 152px;
  float: left;
  margin-right: 10px;
  border-right: 2px solid #cecfcf;
}

.icon-plantweb {
  width: 308px;
}

.app-info {
  /*width: 200px;
    margin-top: 23px;*/
  float: left;
}

.app-title {
  color: white;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
}

.app-version {
  color: #989898;
}

.header-title {
  height: auto;
  padding: 0 25px 6px 25px;
  margin-left: 0px;
  margin-right: 0px;
}

header nav {
  height: 50px;
  padding: 0 25px;
  padding-left: 0px;
  background: #222222 !important;
  font-size: 18px;
}

.user-menu {
  float: right;
}

header .icon {
  float: right;
  margin: 10% 3% 0% 5%;
  padding: 0px 5px;
  color: rgb(0, 75, 141);
  font-size: 2em;
  cursor: pointer;
}

header .icon:hover {
  background: rgb(149, 151, 151);
}

.locations-filters {
  float: left;
  margin: -1px 30px;
  width: 300px;
}

.locations-filters input {
  width: 48%;
  display: inline-block;
}

.locations-filters ul.dropdown-menu {
  max-width: 160px;
}

.locations-filters select {
  margin: 0 5px;
  background-color: #004a8d;
  color: #ffffff;
}

.filter_error {
  font-size: 11px;
  padding: 5px;
  color: #e2e2e2;
  font-weight: bold;
  text-align: center;
}

.panel-container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.panel-heading {
  padding: 15px;
  font-size: 18px;
}

#steam-trap-state-panel {
  background: #5b5959;
  color: #dddbdb;
}

#energy-loss-panel {
  background: #ffd022;
  color: #8a6d3b;
}

#carbon-emissions-panel {
  background: #a0cf67;
  color: #3c763d;
}

.panel-container .donutCard {
  /* width: 300px; */
}

/* .bottomLabel .text {
	font-size: 8px !important;
} */

.search-container button.dropdown-toggle,
.group-dropdown button.dropdown-toggle {
  margin-top: 0px;
}

.panel-container#summaryBlock {
  text-align: left !important;
}

.search-container {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}

.search-container > div {
  float: right;
}
.table-awaiting > div {
  float: inherit;
}

.search-container .col-md-2:last-child {
  padding-right: 0px;
}

.search-container .form-group:last-child {
  margin-right: 5px;
}

.table-complete {
  margin-right: 36px !important;
}

.search-container .ops-btn-group button,
.details-button-container button {
  background: #fbfbfb !important;
  border: solid 1px #a7a4a4 !important;
  color: #333333;
}

.search-container .ops-btn-group button:hover,
.details-button-container button:hover,
.search-container .ops-btn-group button:active,
.details-button-containerbutton:active,
.search-container .ops-btn-group button:focus,
.details-button-container button:focus,
.search-container
  .ops-btn-group
  button.active
  .details-button-container
  button.active
  .search-container
  .ops-btn-group
  button.active:active
  .details-button-container
  button.active:active
  .search-container
  .ops-btn-group
  button.active:focus
  .details-button-container
  button.active:focus {
  background: #e4e4e4 !important;
  color: #333333 !important;
}

.search-container button {
  margin-right: 5px;
}

.search-container input {
  margin-right: 5px;
}

.search-container .pull-left button.btn-default {
  color: white;
  background: #286090 !important;
}

.page-controls {
  width: 100%;
  height: 35px;
  margin-top: -5px;
}

.page-controls-complete {
  width: 95%;
  height: 35px;
  margin-top: -5px;
  margin-left: 25px;
}

.pagination {
  margin: 0px;
}

/*.page-b-controls {
	width: 30%;
}*/

.page-b-controls select {
  width: 75px;
  margin: 0 5px;
  display: inline;
}

/*.page-b-controls span {
	line-height: 28px;
}

.page-b-controls span, .page-b-controls select {
	float: left;
}*/

.btn-primary.dropdown-toggle,
.btn-group.open .dropdown-toggle,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background: #222222;
  border: solid 1px #222222;
}


.has-clear {
  position: relative;
}

.has-clear .form-control {
  padding-right: 20px;
}

.time-filter {
  margin-top: 6px;
}

.notes-container {
  display: block;
  padding: 25px;
  text-align: left;
}

.notes-list {
  overflow-y: scroll;
  height: 425px;
  padding-right: 15px;
}

.notes-item {
  padding: 10px 0px;
  border-bottom: solid 1px #dedede;
}

.notes-item:last-of-type {
  border: none !important;
}

.notes-container h4 {
  text-align: center;
}

/*
	Global Buttons
*/

.main-button,
.main-button:hover,
.main-button:active,
.main-button:focus {
  background-color: #222222;
  color: white;
  border-color: #222222;
}

.main-button:active,
.grey-button:active {
  box-shadow: 0 3px #666;
  transform: translateY(3px);
}

.grey-button,
.grey-button:active,
.grey-button:focus,
.grey-button-without-effect,
.grey-button-without-effect:active,
.grey-button-without-effect:focus {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}

.grey-button:hover,
.grey-button-without-effect:hover {
  color: #fff;
  background-color: #2e2e2e;
}

/*
	Global Label Colors
*/

.OOS {
  color: gray;
}

.good {
  color: green;
}

.flooded {
  color: blue;
}

.blow-thru {
  color: red;
}

.settings-list dd,
.settings-list dt {
  text-align: left;
}

.settings-list dt {
  padding-left: 5%;
}

.settings-list dt a {
  cursor: pointer;
  color: #999999;
  text-align: left;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}

.settings-list div {
  border-bottom: 1px dashed #a6a6a64a;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 15px;
}

.settings-list dd a {
  cursor: pointer;
  color: #999999;
  text-decoration: none;
  line-height: 1;
}

.gateway-panel-group .panel-heading {
  border-bottom: inherit;
  background-image: none;
  padding: 10px;
}

/* .gateway-panel-group .checkbox {
  padding-left: 20px;
} */

.ethernet-form .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.header-btn {
  margin-top: 0px !important;
  line-height: 36px;
  font-size: 18px;
}

.notes-actions i {
  margin-top: 13px;
  margin-right: 20px;
  cursor: pointer;
}

.panel-container .well {
  text-align: left;
  padding-bottom: 15px;
  padding-top: 15px;
  background-image: none;
  box-shadow: none;
}

.details-button-container.right-ops {
  margin-right: -15px;
}

#configurationBlock > div:last-child {
  padding-top: 10px;
}

.chart-label {
  line-height: 68px;
  font-size: 20px;
}

.modal-form .btn.btn-default {
  margin: 35px 0px !important;
  margin-top: -30px !important;
}

/* Styles Alerts */
.alert-danger,
.alert-success,
.alert-info,
.alert-info,
.alert-warning {
  background-image: none !important;
}

.show-more-link {
  cursor: pointer;
  margin-top: 30px;
  color: #337ab7;
  text-align: center;
}

.show-more-link a {
  text-decoration: none;
}

.loading {
  text-align: center;
  padding: 20px 0;
}

.input-change {
  /* 
  border: 2px solid #044781; 
  box-shadow: 0 0 5px #044781;
  */
}

.note-date {
  color: gray;
}

.list-gateways {
  margin-top: 10px;
}

.gw-secure-connection-status-icon {
  font-size: 1.1em;
  margin-left: 2px
}

.chart-container {
  cursor: pointer;
}

.app-modal-window .modal-dialog {
  width: 500px;
}

.flag-important {
  color: red;
}

.fa-bell {
  color: gray;
  font-size: 14px;
}

.bell-danger {
  color: red;
}

#asset-tag {
  vertical-align: -webkit-baseline-middle;
}

.asset-history-chart {
  width: 100% !important;
  height: 350px !important;
  background-color: white;
}

.spans-option {
  vertical-align: sub;
}

.export-div {
  padding-left: 10px;
  padding-top: 5px;
}

.export-div a {
  cursor: pointer;
}

.result-panel .panel-heading {
  border-bottom: inherit;
  background-image: none;
  padding: 10px;
}

.result-panel .list-group {
  margin-left: 10px;
  border-left: 1px solid #ddd;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  height: 205px;
  margin-bottom: 15px;
  overflow-y: scroll;
}

.failed {
  color: #a94442;
}
.success {
  color: #3c763d;
}

.dropdown-menu > li > a {
  color: black !important;
}

.dropdown-menu {
  max-height: auto;
  overflow-y: hidden;
}

.dropdown-nav {
  max-height: auto !important;
  overflow-y: hidden !important;
}

.fa {
  line-height: inherit;
}

.alert-container {
  position: absolute;
  right: 1%;
  top: 22%;
  height: 35px;
  z-index: 1;
}

.alert-link {
  cursor: pointer;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

a.alert-link:hover {
  text-decoration: none;
  color: #000;
}

.img-alert {
  width: 60%;
}

.btn-lg {
  height: 35px;
}

.cursor-wait {
  cursor: wait;
}

.cursor-wait > * {
  pointer-events: none;
}

.sort {
  color: #337ab7;
}

.img-app {
  width: 75%;
}

.img_app_inactive {
  opacity: 0.5;
  filter: grayscale(1);
}

/* Hide elements with ngCloak */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.alert-menu {
  margin-top: 12px;
  cursor: pointer;
}

.alert-badge {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0px;
}

.default {
  opacity: 0;
}

.fade-show {
  -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
  transition: opacity 1s;
  opacity: 1;
}

/* Fade in apps in home  */
.fade-in-home {
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
}

.home-icon-wrapper {
  margin-bottom: 2%;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.remove-padding {
  padding: 0px;
}

.btn-alerts {
  margin-right: 20%;
}

.pm-danger {
  color: red;
}

.pm-warning {
  color: orange;
}

.pm-informational {
  color: #31b0d5;
}

.pm-good {
  color: inherit;
}

.pgw-warning2 {
  color: #469de0;
}

.pgw-warning {
  color: #ffb702;
}

.pgw-range {
  color: #ff0000;
}

.logo-steam-trap {
  width: 100%;
  margin-top: 20px;
}

.image-header {
  width: 24%;
  margin-top: 4px;
}

.notes-not-view h4 {
  display: none;
}

.installapps {
  padding-bottom: 2%;
  border-bottom: solid 1px #ddd;
}

.installapps:nth-last-child(1) {
  padding-bottom: 2%;
  border-bottom: none;
}

.img-install-apps {
  padding-top: 2%;
}

.nameApps {
  /*width: 150px;
	 float: left;
	 word-wrap: break-word;
	 margin-left: -5%;*/
  padding-top: 2%;
}

.button-unistall {
  margin-top: 8%;
}

.div-block {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.7);
  top: 0;
  left: 0;
}

.div-block-server {
  position: absolute;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.7);
  top: 0;
  left: 0;
}

div.div-block > .alert {
  margin-left: 40%;
  width: 20%;
  margin-top: 30%;
}

div.div-block-server > .alert {
  margin-left: 40%;
  width: 20%;
  margin-top: 20%;
}

.cont-title {
  background: #e8e8e8 !important;
  color: #333;
  border-color: #ddd;
  padding: 15px;
  font-size: 16px;
}

.title-collapsable {
  text-decoration-style: none;
  color: inherit;
}

.title-collapsable > span {
  font-weight: 500;
}

.title-collapsable:hover {
  color: inherit;
}

.notes {
  border: 1px solid #ddd;
  padding-bottom: 70px;
}

.tooltip {
  width: 350px;
}

.btn-baseline {
  padding: 6px 10px !important;
  font-size: 12px;
  color: white;
}

.btn-baseline:hover {
  color: white;
}

.btn-gray {
  background-color: gray;
}

.btn-orange {
  background-color: #f79428;
}

.btn-dark-gray {
  background-color: rgb(56, 56, 56);
}

.btn-green {
  background-color: #62bb46;
}
.btn-green[disabled] {
  opacity: inherit;
}
.btn-red {
  background-color: #d31245;
}
.btn-red[disabled] {
  opacity: inherit;
}
.btn-yellow {
  background-color: #fecf23;
  color: rgb(56, 56, 56);
}
.btn-yellow[disabled] {
  opacity: inherit;
}

.btn-blue {
  background-color: #00a4d2;
  width: auto !important;
}

.btn-complete {
  width: 65px !important;
}

.bar-logout {
  background-color: #333433;
  color: white;
  padding: 5px;
  margin: 0px;
}

.bar-logout > div > a {
  color: gray;
  font-weight: 900;
  text-decoration: none;
}

.bar-logout > div > a > span {
  vertical-align: sub;
}

.user-tag > span {
  vertical-align: text-top;
  color: gray;
  font-weight: 900;
}

.header-app {
  font-size: 16pt;
  color: #c2c1c0;
  font-weight: 400;
  margin-top: 22px;
  padding-left: 12px;
}

.header-name {
  text-transform: uppercase;
}

input#inspection_data {
  width: 230px;
}

ul.ng-isolate-scope > li > a > strong {
  display: inline !important;
  margin-left: 0px !important;
  line-height: 20px !important;
  float: none !important;
}

ul.ng-isolate-scope > li {
  width: 350px;
}

.has-nothing .form-control {
  border-color: #ccc !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.table-objectives > .col-md-12:nth-child(2n + 1) {
  margin-top: 27px;
}

.table-objectives > .col-md-12:nth-child(1) {
  margin-top: 0px;
}

.table-inputs > .row > div > input {
  padding: 4px !important;
}

#asset_criticality_below {
  padding: 4px !important;
}

.time-nav {
  background-color: #959797 !important;
  border: 0px;
  font-size: 18px;
  border-radius: 0px;
  padding-bottom: 10px !important;
  min-height: 0px !important;
}

.time-nav ul li {
  display: initial;
  padding-right: 18px;
  cursor: pointer;
}
.table > thead > tr > th {
  vertical-align: inherit !important;
}

.eight-hours {
  background-image: url("/../assets/images/L8H.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.twenty-four_hours {
  background-image: url("/../assets/images/Day.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.seven-days {
  background-image: url("/../assets/images/Week.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.four-weeks {
  background-image: url("/../assets/images/Month.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.fifty-two-weeks {
  background-image: url("/../assets/images/Year.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  fill: red;
}

.invalid-baseline {
  position: relative;
}

.x-1 {
  width: 50px;
  height: 2px;
  border-bottom: 1px solid rgb(56, 56, 56);
  -webkit-transform: translateY(-20px) translateX(5px) rotate(27deg);
  position: absolute;
  top: 9px;
  left: -3px;
}
.x-2 {
  width: 50px;
  height: 2px;
  border-bottom: 1px solid rgb(56, 56, 56);
  -webkit-transform: translateY(20px) translateX(5px) rotate(-26deg);
  position: absolute;
  top: -31px;
  left: -4px;
}

.question-button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  margin-right: 25px;
}

.question-button span {
  font-size: 18px;
  vertical-align: middle;
  padding-top: 7px;
  padding-left: 5%;
}

.question-button label {
  font-weight: inherit !important;
  cursor: pointer;
}

.popover-content {
  color: #000 !important;
}

.prd-status-popover + .popover {
  max-width: 400px;
  font-size: 11px;
}

.btn-info-baseline + .popover {
  max-width: 450px;
  left: -85.836px !important;
}

.btn-info-baseline + .popover.bottom > .arrow {
  left: 24% !important;
}

.header-baseline {
  border-bottom: solid 1px lightgray;
  padding-bottom: 1%;
}
.table-buttons {
  width: 81%;
  margin: auto;
}
.table-buttons-complete {
  width: 90%;
  margin: auto;
}
.buttons-header {
  width: 80px;
}
td.buttons-header {
  width: 70px;
  padding: 8px 3px !important;
}
.btn-info-baseline {
  width: 3%;
  font-size: 20pt;
  position: absolute;
  left: 5px;
  cursor: pointer;
  color: gray;
}
.paginator-awaiting {
  margin-right: 52px;
}
.opacity {
  opacity: 0.4;
}
.li-right {
  margin-right: 15px;
}

.remember-description {
  font-size: 1em;
  margin: 0 1em 1em;
}
.remember-description ul {
  font-style: italic;
}
.remember-description a {
  cursor: pointer;
}

/*
	Language Selection - Start
*/

.language-selection {
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
}

.language-selection select {
  border: 0px;
  color: #7b7d80;
  background: #333433;
  border: 0.5px solid #8181815c;
  font-size: 1.2em;
  font-weight: bold;
}

.language-selection select:hover,
.language-selection select:focus {
  border: 0.8px solid #8181815c;
}

/*
	Language Selection - End
*/

form.login-form select,
form.login-form select option {
  color: #989898;
  text-transform: uppercase;
}

.pwi-backup-table{

}

.pwi-backup-table th{
  cursor: pointer;
}

.pwi-backup-status{
  border-radius: 20px;
  width: fit-content;
  padding: 2px 15px;
  margin: auto;
  font-size: 1em;
  color: white;
}

.pwi-backup-queued{
  background: #5d9cec;
}

.pwi-backup-inProgress {
  background: green;
  font-size: 1.2em;
  color: white;
  font-weight: bolder;
}

.pwi-backup-inProgress span {
  margin-bottom: 2px;
}

.pwi-backup-completed {
  background: green;
  font-size: 1em;
  color: white;
  font-weight: bolder;
}

.pwi-backup-failed {
  background: red;
  font-size: 1.2em;
  color: white;
  font-weight: bolder;
}

.pwi-backup-cancel {
  font-size: 1.6em;
  margin-left: 5px;
  margin-top: -5px;
  color: #ff902b;
}

.pwi-backup-close {
  font-size: 1.6em;
  margin-left: 5px;
  margin-top: -5px;
  color: #b1afaf;
}

.pwi-backup-download{

}

.pwi-backup-download button{
  background-color: DodgerBlue;
  border: none;
  color: white;
  cursor: pointer;
}

.pwi-backup-download button:hover {
  background-color: RoyalBlue;
  color: white;
}

.pwi-backup-download i{
  margin-top: 1px;
  font-size: 1.4em;
}

.pwi-backup-delete {

}

.pwi-backup-delete button{
  background-color: #ed2d2d;
  border: none;
  color: white;
  cursor: pointer;
}

.pwi-backup-delete button:hover {
  color: white;
}

.pwi-backup-delete i{
  font-size: 1.4em;
}

.pwi-backup-download-status{
  border-radius: 20px;
  width: fit-content;
  padding: 2px 15px;
  margin: auto;
  font-size: 1em;
  color: white;
}

.pwi-backup-download-inProgress{
  background: DodgerBlue;
}

.pwi-backup-download-failed{
  background: red;
}

.pwi-restore-dup-device{

}

.pwi-restore-dup-device .error-msg{
  display: inline-block;
  font-size: 1.1em;
  padding: 15px 10px;
  border: 1px solid #c14343;
  background: #fbcece;
  margin-bottom: 10px;
  color: #7d2a2a;
}

.pwi-restore-dup-device .error-msg button{
  float: right;
  margin: 10px 15px;
}

.bundle-upload-in-progress-msg {

}

.bundle-upload-in-progress-msg .heading{
  font-size: 1.4em;
  font-weight: bold;
}

.bundle-upload-in-progress-msg .progress{
  margin-top: 10px;
  height: 30px;
}

.bundle-upload-in-progress-msg .bg-success{
  font-size: 1.4em;
  font-weight: bold;
}

.bundle-install-in-progress-msg {
  border: 2px solid darkorange !important;
}

.bundle-install-in-progress-msg .heading {
  font-size: 1.5em;
  font-weight: bold;
  color: darkorange;
  margin: 10px 0px 20px 0px;
}

.bundle-install-in-progress-msg .message{
  font-size: 1.2em;
}

.backup-and-restore {

}

.backup-and-restore .backup-restore-tabs {
  font-size: 1.2em;
}

.backup-and-restore .backup-restore-tabs .tab-disabled {
  pointer-events: none;
  color: grey;
  opacity: 0.1;
}

.backup-and-restore .backup-restore-tabs .tab-enabled {
  cursor: pointer;
  opacity: 1;
}

.backup-and-restore .backup-restore-tabs .radio-disabled {
  color: grey;
  opacity: 0.1;
}

.backup-and-restore .backup-restore-tabs a{
  width: 25%;
  text-align: center;
  padding-top: 5px;
  padding: 8px;
  font-weight: 600
}

.backup-and-restore .backup-restore-options {  
  margin: 10px 0px;
}

.backup-and-restore .backup-restore-options input{  
  text-transform: none;
  width: 18px;
  height: 18px;  
  vertical-align: middle;
}

.backup-and-restore .backup-restore-options .radio-space{
  margin-right: 35px;
}

.backup-and-restore .backup-restore-options span{
  font-size: 1.1em;
  margin-left: 2px;
  text-transform: none;
  vertical-align: middle;
}

.backup-and-restore .optios-info {
  display: inline-table;
  display: -webkit-inline-box;
  width: 100%;
  background: white;
  border: 1px solid #dee2e6;
  margin-bottom: 10px;
  padding: 3px;
}

.backup-and-restore .optios-info .info-icon{
  float: left;
  font-size: 2.0em;
  padding: 0px 10px;
  color: #a3a5a7;
  display: table-cell;
  vertical-align: middle;
}

.backup-and-restore .optios-info .info-message {
  display: table-cell;
  vertical-align: middle;
}

.backup-and-restore .optios-info .info-message span{
  font-size: 1.08em;
}

.backup-and-restore .restore-container{
  
}

.backup-and-restore .restore-container .note {
  padding: 15px 0px 30px 5px;
  font-size: 1.1em;
}

.backup-and-restore .restore-container fieldset {
  padding-top:20px;
  margin:0
}

.backup-and-restore .restore-container .form-input-label{
  width: 25%;
  text-align: right;
  padding-right: 5px;
}

.backup-and-restore .restore-container .form-input-value{
  width: 45%;
} 

.backup-and-restore .restore-container .restore-button {
  width:100%;
  left: 35%;
}

.backup-and-restore .restore-container .restore-button button{    
  min-width: 12%;
}

.platform-restore-inprogress {
  margin-top: 10%;
}

.platform-restore-inprogress .ongoing-message {
  font-size: 2em;
  font-weight: 600;
}

.platform-restore-inprogress .redirection-message {
  font-size: 1.5em;
  font-weight: 400;
}

.platform-restore-inprogress .wait-message {
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 2%;
}

.platform-restore-inprogress .wait-message .wait-period {
  font-size: 1.2em;
  font-weight: 600;

}
.uninstall-btn-content {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  bottom: 10px;
}

.installed-app-btn-group {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 10px;
  text-align: center;
}

.installed-app-btn-group button {
  width:96px;
  margin:4px 2px 0;
}

.file-upload-button {
  background: #efefef;
  border-color: #767676;
  border-width: 1.25px;
  color: black;
}

.add-peer-cert-form,
.add-iothub-ca-cert-form {
  width: 60%;
  margin: 5px auto 15px auto;
  padding: 10px
}

.certs-info-message {
  display: inline-table;
  display: -webkit-inline-box;
  width: 100%;
  background: #fafbfc;
  border-color: transparent;
  box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 2%;
  padding: 10px 15px;
  font-size: medium
}
.certs-card{
  border-color: transparent;
  box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.12);
  background: #fafbfc;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Pfx file upload enhancement - css for pfx password input pop up form*/
.pfx-password-popup-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7c7e7f;
}

.pfxPasswordPopup {
  font-family: Arial, sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 150%);
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.pfx-password-popup-content {
  text-align: center;
}

.pfxPasswordPopup #pfx_password {
  width: 80%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.cert-bundle-label-overflow {
  width: 50%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.add-peer-cert-form #peerCertName,
.add-iothub-ca-cert-form #iotHubCACertName {
  width: 90%;
}

.user-edit-section-title {
  padding: 5px;
  margin: 25px 0px 10px 0px;
  font-size: 1.3em;
}

.user-edit-section-note {
  padding: 5px;
  margin: 5px 0px 10px 1%;
  font-size: 1.2em;
}

.custom-role-assignment {
  width: 98%;
  margin: auto;
}

.custom-role-assignment .no-data {
  text-align: center;
  font-size: 1.1em;
  margin: 20px 10px;
}

.custom-role-assignment thead tr{
  background: #f5f7fa;
  height: 45px;
  font-size: 1.1em;
  font-weight: bold;
}

.custom-role-assignment th,
.custom-role-assignment td {
  text-align: center;
}

.custom-role-assignment td:nth-child(1){
  font-size: 1.1em;
}
.custom-role-assignment th:nth-child(1),
.custom-role-assignment td:nth-child(1)
{
  width: 25%;
}

.custom-role-assignment th:nth-child(2),
.custom-role-assignment td:nth-child(2)
{
  width: 30%;
}

.pwi-user-accessible-features {
}

.pwi-user-accessible-features .no-access,
.pwi-user-accessible-features .access {
  font-size: 1.05em;
  color: white;
  padding: 3px 10px;
  border-radius: 12px;
  margin: 2px 4px;
  max-width: 100%;
  display: inline-block;
}

.pwi-user-accessible-features .no-access {
  background: #959695;
}

.pwi-user-accessible-features .access {
  background: #449d44;
}

.ldap-settings-add-edit thead tr{
  background: #f5f7fa;
}

.ldap-settings-add-edit thead tr th{
  padding: 4px 8px;
  font-size: 1.1em;
}

.ldap-settings-add-edit tbody tr td {
      padding: 8px;
}

.ldap-role-mapping-title {
  padding: 5px;
  margin: 10px 0px 10px 0px;
  font-size: 1.3em;
}

.user-profile-view {

}

.user-profile-view .details {
  font-size: 1.1em;
  line-height: 2.0em;
}

.user-profile-view .app-level-access-title {
  padding: 5px;
  margin: 10px 0px 10px 0px;
  font-size: 1.3em;
}

.user-profile-view thead tr{
  background: #f5f7fa;
}

.user-profile-view thead tr th{
  font-size: 1.1em;
}

.user-profile-view td{
  font-size: 1.1em;
}
.user-profile-view th:nth-child(1),
.user-profile-view td:nth-child(1)
{
  width: 15%;
  text-align: center;
}

.user-profile-view th:nth-child(2),
.user-profile-view td:nth-child(2)
{
  width: 15%;
  text-align: center;
}

.app-bkp-restore-unlicensed {
  font-size: 2em; 
  color:#ff8000;
  margin: -5px;
}

a.pwi-menu-list-item {
  cursor: pointer;
}

.pwi-menu-list-item dl {
  margin-top: 5px;
  margin-bottom: 0px;
}

@keyframes autoHide {
  to {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
  }
}

.qrContainer {
  text-align: center;
}

@media only screen and (max-width:575px) {
  .img-app {
    width: 55%;
  }
}
.nav-item.nav-link.active {
  font-weight: bold;
}

.smtp-not-configured {
  color: #646464b3
}

.smtp-ok {
  color: #62bb46
}

.smtp-error {
  color: #d31245
}

.custom-tooltip {
  position: absolute;
  background-color: #fff;
  color: #333;
  padding: 10px;
  border: 1px solid grey;
  border-radius: 5px;
  font-size: 14px;
  display: none;
  z-index: 1000;
  white-space: nowrap;
}

.delete-app-tooltip .tooltip-inner {
  width:350px;
  max-width: 350px;
  text-align: left;
}