body {
  /* padding-top: 70px;	*/
  /* padding-bottom: 20px;*/ }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300; }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4; }

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
  width: 100%; }

/* QR code generator */
#qrCode {
  margin: 15px; }

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none; } }

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(7rem + 1px); }
  @media screen and (max-width: 767px) {
    .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
      margin-top: calc(7rem + 1px); } }
  .layout-navbar-fixed.layout-fixed .wrapper .sidebar .user-panel {
    padding-bottom: 1rem !important; }

.layout-navbar-fixed.sidebar-collapse .wrapper .brand-link {
  height: calc(4.75rem + 1px); }

/* LOGO SHOW/HIDE MENU HOVER*/
.main-sidebar:hover .logo_standard,
.sidebar-mini .logo_standard,
.sidebar-mini.sidebar-collapse .logo_small,
.sidebar-collapse .main-sidebar:hover .logo_standard {
  display: inline-block;
  max-height: 80px; }

.sidebar-mini.sidebar-collapse .logo_small {
  max-height: 37px; }

.main-sidebar:hover .logo_small,
.sidebar-mini .logo_small,
.sidebar-mini.sidebar-collapse .logo_standard,
.sidebar-collapse .main-sidebar:hover .logo_small {
  display: none; }

.layout-navbar-fixed .wrapper .main-header {
  min-height: 63px; }

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link {
  height: calc(6.5rem + 1px); }

/* SITE SPECIFIC CSS*/
.user-panel,
.user-panel .info {
  white-space: inherit; }
  .user-panel a,
  .user-panel .info a {
    color: #c2c7d0; }
    .user-panel a:hover, .user-panel a:focus,
    .user-panel .info a:hover,
    .user-panel .info a:focus {
      color: #fff;
      text-decoration: none; }
  .user-panel:hover a,
  .user-panel .info:hover a {
    color: #fff; }

.user-panel-image {
  position: relative;
  align-items: center;
  padding: 0 !important; }

.logout-panel {
  border-top: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f6931c;
  height: 56px; }

.logout-panel .nav-pills .nav-link {
  color: white !important; }

.nav-sidebar > .nav-item button {
  width: 100%;
  text-align: left; }

.badge-large {
  font-size: 1em;
  font-weight: 600;
  padding: 0.5em 1em; }

.login-box {
  width: 100%;
  align-items: center;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 767.98px) {
    .login-box {
      margin: 0; } }

.homepage-box {
  width: 100%;
  /*calc(100% + 2em);*/
  margin: -1em;
  align-items: center;
  background: #e9ecef;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 114px);
  -ms-flex-pack: center;
  justify-content: center; }
  @media all and (max-width: 480px) {
    .homepage-box {
      margin: 0 auto; } }

.login-box .card {
  max-width: 360px;
  width: 100%;
  max-width: 580px;
  box-shadow: none;
  background-color: transparent; }

.login-box .card-header {
  background: #fff;
  border: 0; }

.login-box .card-footer {
  background-color: transparent; }

.background-image {
  background-image: url(../img/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #758594; }

.login-card-body,
.register-card-body {
  min-width: 360px; }

/*.input-group-prepend {
	width: 20%;*/
/*adjust as needed*/
/*display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.375rem 0.75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;	
	white-space: nowrap;
	
	border: 1px solid #ced4da;
	border-radius: 0.25rem 0  0 0.25rem;
}

	.input-group-prepend label {
		width: 100%;
		overflow: hidden;
		margin-bottom:0;
	}*/
.input-group .field-validation-error {
  width: 100%; }

.card-primary.card-outline {
  border-top: 1px solid #f6931c; }
  .card-primary.card-outline.card-outline-tabs {
    border-top: 0; }

.card-primary.card-outline-tabs .card-header a {
  color: #25343e; }
  .card-primary.card-outline-tabs .card-header a.active {
    border-top: 3px solid #9964b6; }
  .card-primary.card-outline-tabs .card-header a.tabErrors {
    color: #dc3545; }

.card-body .nav-link i {
  color: #f6931c; }

.nav--profile {
  padding-bottom: 10px;
  flex: 0 !important; }

.nav--profile .card-body .nav-link {
  color: #495057; }

.nav--profile .card-body .nav-link:hover {
  color: #000; }

.card .card-title {
  float: left;
  font-size: 1.15rem;
  font-weight: 300;
  margin: 0; }

.card {
  flex: 2;
  display: flex;
  /* new */
  flex-direction: column;
  /* new */ }

.siteDetails .card {
  min-height: 250px; }

.card-body {
  flex: 1;
  /* new */ }

.sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .brand-text {
  display: none; }

.container-fluid {
  /*padding: 1em;*/ }

.content-wrapper {
  background: #e9ecef; }

.content-wrapper > .content {
  padding: 0 0 0 0 !important; }

.sensorDetails table {
  min-width: 900px; }

.sensorDetails {
  /*max-height: 500px;
	overflow-y: auto;*/ }

body {
  margin: 0;
  font-family: Roboto, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffffff; }

.user-panel {
  align-items: center;
  padding: 0 !important; }
  .user-panel .user__image {
    overflow: hidden;
    border: 2px solid #C2C7D0;
    border-radius: 50%;
    width: 40px;
    max-height: 40px; }
    .user-panel .user__image .fa-user {
      position: relative;
      top: 5px; }
  .user-panel .image {
    padding-right: 0.6rem;
    padding-left: 0.6rem; }
  .user-panel .info {
    max-height: 40px;
    align-items: center;
    padding: 0 0.25rem !important;
    line-height: 1rem; }

.btn-primary {
  color: #ffffff;
  background-color: #f6931c;
  border-color: #f6931c;
  box-shadow: none; }

.btn-primary:hover {
  color: #ffffff;
  background-color: #d27608;
  border-color: #d27608;
  box-shadow: none; }

.btn-outline-primary {
  color: #f6931c;
  border-color: #f6931c;
  box-shadow: none; }

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #f6931c;
  border-color: #f6931c;
  box-shadow: none; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #f6931c;
  color: #ffffff; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: #d27608;
  color: #ffffff; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #d27608;
  border-color: #d27608; }

.btn {
  white-space: nowrap; }
  @media (max-width: 767.98px) {
    .btn.icon-sm-only {
      text-indent: -500px;
      overflow: hidden;
      width: 30px;
      position: relative;
      height: 25px;
      padding: 0 !important; }
      .btn.icon-sm-only:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-indent: 0;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center; } }

.btn-back.btn:before {
  content: "\f359";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.btn-restart.btn:before {
  content: "\f2f9";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.connect.btn:before {
  content: "\e066";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.link.btn:before {
  content: "\f0c1";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.edit.btn:before {
  content: "\f304";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.delete.btn:before {
  content: "\f2ed";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.add.btn:before {
  content: "\f0fe";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.email.btn:before {
  content: "\f0e0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.save.btn:before {
  content: "\f0c7";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.finish-report.btn:before {
  content: "\f11e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.report.btn:before {
  content: "\f56f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.archive.btn:before {
  content: "\f187";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.view.btn:before {
  content: "\f05a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.graph.btn:before {
  content: "\f201";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.refresh.btn:before {
  content: "\f2f1";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.export-csv.btn:before {
  content: "\f019";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.enable.btn:before {
  content: "\f204";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.diable.btn:before {
  content: "\f205";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.btn-wizard.btn:before {
  content: "\f0d0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.table th {
  padding: 0.5rem 0.75rem; }

.table th .link {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
  padding-right: 1.2rem;
  position: relative; }

.table th .link:after {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f0dd";
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 1px; }

.table th.is-sorted .link:after {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f0de";
  opacity: 1; }

.table th.is-sorted.descending .link:after {
  content: "\f0dd"; }

.table td {
  padding: 0.35rem 0.75rem; }

.table tr.missing-data td {
  background-color: rgba(246, 147, 28, 0.3); }

.table td .list-inline {
  margin-bottom: 0; }

#overlay-title-holder {
  width: 100%; }

.modal-header h2 {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 0; }

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5 {
  font-weight: 300;
  margin-bottom: 0; }

.holds-the-iframe {
  /*background: url("https://media.giphy.com/media/8YAWh9SD4vvl6/giphy.gif") center center no-repeat;*/
  background: url("../img/loading.gif") center center no-repeat; }

.dygraph {
  padding-bottom: 150px; }

.dygraph-title {
  display: none; }

.dygraph-legend {
  bottom: -75px !important;
  left: 5px !important;
  right: 5px !important;
  top: auto !important;
  width: auto !important; }

.dygraph-legend > span {
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
  padding: 0.4rem 0.5rem;
  border: 1px solid #fff; }
  .dygraph-legend > span:nth-child(2) {
    margin-left: 15px; }
  .dygraph-legend > span.datetime {
    display: block; }
  .dygraph-legend > span label {
    margin-bottom: 0;
    display: inline-block; }
  .dygraph-legend > span > span.dy-serie-value {
    display: inline-block;
    min-width: 45px;
    text-align: right; }
  .dygraph-legend > span.highlight {
    font-weight: bold;
    border: 1px solid #f6931c; }
  .dygraph-legend > span .dygraph-legend-line {
    padding-left: 0.6em; }

.dygraph-legend > span:first-child {
  margin-left: 15px; }

#progress-card {
  padding: 0.75rem 0.2rem; }

#progressbar {
  overflow: hidden;
  color: lightgrey;
  margin-bottom: 0;
  padding: 0;
  margin-top: -12px;
  margin-bottom: -12px; }

#progressbar li {
  list-style-type: none;
  /*width: 175px;*/
  float: left;
  position: relative;
  padding-left: 5px;
  padding-right: 30px;
  overflow: hidden;
  font-size: 0.8rem; }
  #progressbar li:last-child {
    padding-right: 0; }
    #progressbar li:last-child:after {
      display: none; }

#progressbar li a {
  font-size: 0.85rem;
  position: relative;
  top: -2px; }

#progressbar #overview-details:before {
  content: "\f015"; }

#progressbar #site-details:before {
  content: "\f0e8"; }

#progressbar #scope:before {
  content: "\f56f"; }

#progressbar #mapping-list:before {
  content: "\f277"; }

#progressbar #connect-hardware:before {
  content: "\f1e6"; }

#progressbar #start-mapping:before {
  content: "\f164"; }

#progressbar #stop-mapping:before {
  content: "\f28d"; }

#progressbar #compile-results:before {
  content: "\f681"; }

#progressbar #generate-report:before {
  content: "\f085"; }

#progressbar li:before {
  font-family: "Font Awesome 5 Free";
  line-height: 25px;
  display: inline-block;
  padding: 2px;
  padding-right: 8px;
  font-weight: bold;
  font-size: 1.1rem; }

#progressbar li:after {
  font-family: "Font Awesome 5 Free";
  line-height: 25px;
  display: inline-block;
  padding: 2px;
  padding-left: 0px;
  padding-right: 5px;
  font-weight: bold;
  content: "\f054";
  margin-top: -15px;
  margin-bottom: -15px;
  position: absolute;
  top: 15px;
  font-size: 45px;
  bottom: -5px;
  color: rgba(246, 147, 28, 0.5); }

#progressbar .disabled {
  cursor: not-allowed; }
  #progressbar .disabled a {
    color: lightgrey;
    cursor: not-allowed;
    pointer-events: none; }

#progressbar .completed {
  color: #28a745; }

#progressbar li.completed a {
  color: #28a745; }

#progressbar li.completed:before {
  color: black; }

#progressbar .active {
  color: #28afb1; }

#progressbar li.active a {
  text-decoration: underline;
  font-weight: bold; }

.alert-danger .validation-summary-errors ul {
  list-style: none;
  margin-bottom: 0; }
  .alert-danger .validation-summary-errors ul li {
    position: relative;
    font-size: 0.8rem; }
    .alert-danger .validation-summary-errors ul li:before {
      font-family: "Font Awesome 5 Free";
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      content: "\f071";
      color: #fff;
      font-size: 0.8rem;
      font-weight: bold;
      left: -15px;
      position: relative; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 20rem; }
  .bootstrap-datetimepicker-widget.dropdown-menu a {
    color: #f6931c; }
    .bootstrap-datetimepicker-widget.dropdown-menu a.btn {
      color: #f6931c !important; }
      .bootstrap-datetimepicker-widget.dropdown-menu a.btn:hover {
        color: #6c757d !important; }
  .bootstrap-datetimepicker-widget.dropdown-menu table td.active {
    background-color: #f6931c; }
  .bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {
    border-bottom-color: #f6931c; }
  .bootstrap-datetimepicker-widget.dropdown-menu table td span.active {
    background-color: #f6931c; }

.pass_show {
  position: relative; }
  .pass_show .input-group-prepend {
    width: auto; }

.popover.primary {
  border-color: #337ab7; }

.popover.primary .arrow {
  border-top-color: #337ab7; }

.popover.primary .popover-header {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.popover.success {
  border-color: #d6e9c6; }

.popover.success .arrow {
  border-top-color: #d6e9c6; }

.popover.success .popover-header {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.popover.info {
  border-color: #bce8f1; }

.popover.info .arrow {
  border-top-color: #bce8f1; }

.popover.info .popover-header {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.popover.warning {
  border-color: #faebcc; }

.popover.warning .arrow {
  border-top-color: #faebcc; }

.popover.warning .popover-header {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.popover.danger {
  border-color: #ebccd1; }

.popover.danger .arrow {
  border-top-color: #ebccd1; }

.popover.danger .popover-header {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.text-orange {
  color: #f6931c !important; }

.enabledStateCol a.diable, .enabledStateCol a.enable {
  display: none; }

.enabledStateCol.enabled a.diable {
  display: block; }

.enabledStateCol.disabled a.enable {
  display: block; }

.light-mode.blue .main-sidebar.sidebar-dark-primary {
  background-image: linear-gradient(180deg, #0f2027, #203a43, #2c5364) !important; }
  .light-mode.blue .main-sidebar.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: rgba(0, 0, 0, 0.3) !important; }

.light-mode.blue .navbar-dark {
  background-image: linear-gradient(to left, #0f2027, #203a43, #2c5364) !important; }
  .light-mode.blue .navbar-dark label {
    color: #fff; }

.light-mode.blue .main-footer.dark-mode {
  background-image: linear-gradient(to left, #0f2027, #203a43, #2c5364) !important; }

@media (min-width: 992px) {
  .light-mode.blue .bg-lg-gradient-tek {
    background: #2c5364 !important;
    background: linear-gradient(90deg, #2c5364 0%, #2c5364 50%, #203a43 75%, #0f2027 100%) !important; } }

.light-mode.blue .modal-header {
  background-color: #0f2027;
  background-image: linear-gradient(to left, #0f2027, #203a43, #2c5364) !important;
  color: #ffff;
  border-top: 1px solid #f6931c;
  padding: 0.5rem 1rem; }
  .light-mode.blue .modal-header .close, .light-mode.blue .modal-header .mailbox-attachment-close {
    color: #fff;
    opacity: 1;
    font-size: 2rem; }

.light-mode.blue .bg-gradient-gray {
  background: #6c757d linear-gradient(to left, #0f2027, #203a43, #2c5364) repeat-x !important; }

.light-mode.purple .main-sidebar.sidebar-dark-primary {
  background-image: linear-gradient(180deg, #0f2027, #3c2043, #542c64) !important; }
  .light-mode.purple .main-sidebar.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: rgba(0, 0, 0, 0.3) !important; }

.light-mode.purple .navbar-dark {
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important; }
  .light-mode.purple .navbar-dark label {
    color: #fff; }

.light-mode.purple .main-footer.dark-mode {
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important; }

@media (min-width: 992px) {
  .light-mode.purple .bg-lg-gradient-tek {
    background: #2c5364 !important;
    background: linear-gradient(90deg, #2c5364 0%, #2c5364 50%, #203a43 75%, #0f2027 100%) !important; } }

.light-mode.purple .modal-header {
  background-color: #0f2027;
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important;
  color: #ffff;
  border-top: 1px solid #f6931c;
  padding: 0.5rem 1rem; }
  .light-mode.purple .modal-header .close, .light-mode.purple .modal-header .mailbox-attachment-close {
    color: #fff;
    opacity: 1;
    font-size: 2rem; }

.light-mode.purple .bg-gradient-gray {
  background: #6c757d linear-gradient(to left, #0f2027, #3c2043, #542c64) repeat-x !important; }

.table thead th {
  font-weight: normal; }

.table td {
  font-size: 0.9rem; }
  .table td .badge {
    font-size: 0.8rem; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem; }

#sites-cards-holder .site-card-holder {
  max-width: 275px; }
  @media all and (max-width: 480px) {
    #sites-cards-holder .site-card-holder {
      max-width: none; } }

#sites-cards-holder .site-card .site-logo {
  opacity: 1;
  transition: opacity 1s;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center; }
  #sites-cards-holder .site-card .site-logo img {
    max-height: 150px; }
  @media (max-width: 450px) {
    #sites-cards-holder .site-card .site-logo {
      min-height: 50px;
      max-height: 75px; }
      #sites-cards-holder .site-card .site-logo img {
        min-height: 50px;
        max-height: 75px; } }

#sites-cards-holder .site-card .actions {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center; }

#sites-cards-holder .site-card:hover .site-logo {
  opacity: 0; }

#sites-cards-holder .site-card:hover .actions {
  opacity: 1; }

#sites-cards-holder .site-card .card-footer {
  background-color: transparent;
  padding: 0;
  opacity: 0.5; }
  #sites-cards-holder .site-card .card-footer .text-xs {
    font-size: 0.6rem !important; }

.input-group-prepend .btn, .input-group-append .btn {
  border: 1px solid #ced4da; }
  .dark-mode .input-group-prepend .btn, .dark-mode .input-group-append .btn {
    background-color: white; }

.btn.offline {
  display: none; }
  .btn.offline:before {
    content: "\f6ff";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    font-size: 0.8rem; }

.off-line {
  opacity: 0.5;
  background-blend-mode: color-burn; }
  .off-line:hover {
    opacity: 1; }
  .off-line .btn.offline {
    display: inline-block;
    cursor: not-allowed; }
  .off-line .btn.connect {
    display: none; }

.not-updated {
  opacity: 0.5;
  background-blend-mode: color-burn;
  /*.btn.offline {
        display: inline-block;
        cursor: not-allowed;
    }

    .btn.connect {
        display: none;
    }*/ }
  .not-updated:hover {
    opacity: 1; }

.site-status-not-linked {
  opacity: 0.5; }
  .site-status-not-linked:hover {
    opacity: 1; }
  .site-status-not-linked .btn.edit {
    display: none; }
  .site-status-not-linked .btn-group {
    display: none; }
  .site-status-not-linked:hover .site-logo {
    opacity: 1 !important; }

.site-row td.status .overlay {
  display: inline-block;
  font-size: 9px;
  padding: 0 1rem 0;
  position: relative;
  top: 3px; }

.form-control-plaintext {
  color: inherit; }
  .form-control-plaintext.col-1, .form-control-plaintext.col-2, .form-control-plaintext.col-3, .form-control-plaintext.col-4, .form-control-plaintext.col-5, .form-control-plaintext.col-6, .form-control-plaintext.col-7, .form-control-plaintext.col-8, .form-control-plaintext.col-9, .form-control-plaintext.col-10, .form-control-plaintext.col-11, .form-control-plaintext.col-12, .form-control-plaintext .col, .form-control-plaintext.col-auto, .form-control-plaintext.col-sm-1, .form-control-plaintext.col-sm-2, .form-control-plaintext.col-sm-3, .form-control-plaintext.col-sm-4, .form-control-plaintext.col-sm-5, .form-control-plaintext.col-sm-6, .form-control-plaintext.col-sm-7, .form-control-plaintext.col-sm-8, .form-control-plaintext.col-sm-9, .form-control-plaintext.col-sm-10, .form-control-plaintext.col-sm-11, .form-control-plaintext.col-sm-12, .form-control-plaintext.col-sm, .form-control-plaintext.col-sm-auto, .form-control-plaintext.col-md-1, .form-control-plaintext.col-md-2, .form-control-plaintext.col-md-3, .form-control-plaintext.col-md-4, .form-control-plaintext.col-md-5, .form-control-plaintext.col-md-6, .form-control-plaintext.col-md-7, .form-control-plaintext.col-md-8, .form-control-plaintext.col-md-9, .form-control-plaintext.col-md-10, .form-control-plaintext.col-md-11, .form-control-plaintext.col-md-12, .form-control-plaintext.col-md, .form-control-plaintext.col-md-auto, .form-control-plaintext.col-lg-1, .form-control-plaintext.col-lg-2, .form-control-plaintext.col-lg-3, .form-control-plaintext.col-lg-4, .form-control-plaintext.col-lg-5, .form-control-plaintext.col-lg-6, .form-control-plaintext.col-lg-7, .form-control-plaintext.col-lg-8, .form-control-plaintext.col-lg-9, .form-control-plaintext.col-lg-10, .form-control-plaintext.col-lg-11, .form-control-plaintext.col-lg-12, .form-control-plaintext.col-lg, .form-control-plaintext.col-lg-auto, .form-control-plaintext.col-xl-1, .form-control-plaintext.col-xl-2, .form-control-plaintext.col-xl-3, .form-control-plaintext.col-xl-4, .form-control-plaintext.col-xl-5, .form-control-plaintext.col-xl-6, .form-control-plaintext.col-xl-7, .form-control-plaintext.col-xl-8, .form-control-plaintext.col-xl-9, .form-control-plaintext.col-xl-10, .form-control-plaintext.col-xl-11, .form-control-plaintext.col-xl-12, .form-control-plaintext.col-xl, .form-control-plaintext.col-xl-auto {
    padding-right: 7.5px;
    padding-left: 7.5px; }

.dark-mode .bg-gradient-light {
  color: #1f2d3d !important; }

tr.deleted td {
  color: crimson; }

@media all and (max-width: 480px) {
  .btn-block-mobile {
    width: 100%;
    display: block; } }

.input-group > .form-group {
  margin-bottom: 0; }

.clearboth {
  clear: both; }

#mobile-user-panel .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: transparent; }

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