/* ElectraNet Branding electranet.branding.css
Modified by Velrada Aug 2025 */

.navbar a.homelink {
  display: block;
  height: 40px;
  width: 220px;
  color: #fff;
  background: transparent url("/logo-ElectraNet-header.svg") no-repeat left;
  border-radius: 3px;
  padding-left: 0.75rem;
  padding-top: 3rem;
  text-decoration: none;
  margin-left: -0.75rem;
}

@media only screen and (min-width: 576px) {
  .navbar a.homelink {
    width: 260px;
    padding-left: 16rem;
    padding-top: 1px;
    font-size: 2rem;
    margin-left: 0;
  }
}

.navbar a.homelink:hover {
  text-decoration: none;
}

.navbar-static-top.navbar-inverse {
  background-color: var(--bs-primary);
  border-bottom: 3px solid var(--bs-link-hover-color);
}

.card {
  margin-bottom: 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.card .card-header,
div .linkcard {
  background-color: rgba(var(--bs-secondary-rgb), 0.5);
  border: 1px solid rgba(var(--bs-border-color-translucent));
  transition: 0.5s;
  box-shadow: none;
}

div .linkcard:hover,
div .linkcard:focus {
  background-color: rgba(var(--bs-secondary-rgb), 1);
  transition: 0.5s;
}

div .linkcard img {
  display: block;
  margin: auto;
}

div .linkcard h1 {
  font-size: 1.25rem;
  text-align: center;
}

div .linkcard .card {
  background-color: transparent;
  width: fit-content;
  margin: auto;
  border-color: transparent;
}

div[data-name^="tab_hidden"] {
  position: absolute;
  left: -999em;
  top: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden
}

html[dir=ltr] body li a {
  margin-left: 0;
}

.grid-actions {
  border-bottom: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
}

footer a.homelink {
  display: inline-block;
  background-color: transparent;
  border-color: transparent;
  padding-right: 0.5rem;
  border-radius: 3px;
}

footer a.homelink:hover {
  background-color: var(--bs-link-hover-color);
  border-color: transparent;
}

footer .footer-top {
  width: 100%;
  background-color: var(--bs-primary);
}

footer .footer-top h4 {
  margin: 1rem 0;
}

footer .footer-top img {
  display: inline-block;
  margin-left: -14px;
  margin-top: 0.5rem;
}

body footer .footer-bottom {
  width: 100%;
  min-height: 36px;
  background-color: var(--bs-primary);
}

body footer p.footer-menu,
body footer p.footer-company-info {
  color: var(--bs-white);
}

.list-social-links a.sprite {
  background: transparent url("/sprite.png") 0px 0px no-repeat;
  width: 2rem;
  height: 2rem;
  background-size: auto;
  display: block;
}

.list-social-links a.sprite.sprite-facebook_icon {
  background-position: 0px 0px;
}

.list-social-links a.sprite.sprite-facebook_icon:hover {
  background-position: 0px -50px;
}

.list-social-links a.sprite.sprite-linkedin_icon {
  background-position: -50px 0px;
}

.list-social-links a.sprite.sprite-linkedin_icon:hover {
  background-position: -50px -50px;
}

/* Copied from .alert-warning */
/* .view-empty.message,
.view-empty-maker.message,
.view-access-denied.message,
.view-error.message {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
} */

.view-access-denied.message .alert,
.view-access-denied.message .alert-danger {
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  border: 0;
}

.panel-heading h3 {
  font-size: 1.25rem;
  margin: 0.75rem auto 0.7rem;
}

.panel-body h1 {
  font-size: 1.75rem;
  margin: 0.75rem auto 0.7rem;
}

.panel-body h1 a {
  display: block;
}

.form-loading .fa-spinner,
.view-loading .fa-spinner,
.notes-loading .fa-spin {
  display: inline-block;
  font-size: 2rem;
  animation: spin 2s linear infinite;
  margin-bottom: 1rem;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

body .crmEntityFormView,
body .entitylist,
body .modal-content,
body .popover-content {
  background-color: var(--bs-body-bg);
  color: var(--bs-primary);
  border: 0;
}

.container .page-heading .breadcrumb {
  padding: 0;
}

.crmEntityFormView .tab,
.crmEntityFormView fieldset:last-of-type {
  margin-bottom: 0;
}

.nav-tabs .nav-link {
  font-size: 0.875rem;
  color: var(--bs-link-color);
  padding: 0.6em 1.0em;
  background-color: rgba(var(--bs-secondary-rgb), 0.65);
  border-color: var(--bs-border-color);
}

.nav-tabs .nav-link:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.4);
  color: var(--bs-link-hover-color);
}

.nav-tabs .nav-link.active {
  background-color: var(--bs-white);
  color: var(--bs-black);
}

input.btn-close,
button.btn-close span[aria-hidden='true'] {
  visibility: hidden;
}

#MessagePanel input.btn-close {
  float: right !important;
}

.input-group.entitylist-search input.form-control,
.input-group.view-search.entitylist-search input.form-control {
  min-height: 40px;
  border-color: var(--bs-gray-400) !important;
}

@media only screen and (max-width: 575px) {

  .view-select.nav.nav-pills.float-start,
  #filterDropdownId {
    width: 100%;
    padding-bottom: 0.5rem;
  }
}

#filterDropdownId a.dropdown-toggle {
  border: 1px solid var(--bs-gray-400) !important;
  border-radius: var(--bs-border-radius);
}

.modal-dialog h4.modal-title {
  margin-top: 0;
}

@media only screen and (min-width: 992px) {
  #wrapper {
    min-height: calc(100vh - 350px);
  }
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
  border: 1px solid var(--bs-gray-400);
  background-color: var(--bs-gray-200) !important;
}

/* Insert home icon in navigation links */
ul.nav.navbar-nav.weblinks .nav-item.weblink a.nav-link[aria-label="Home"] {
  min-height: 40.5px;
  font-size: 0px;
}

ul.nav.navbar-nav.weblinks .nav-item.weblink a.nav-link[aria-label="Home"]::before {
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 14' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.9374 6.17002C15.9687 6.20134 16 6.2953 16 6.35794C16 6.38926 16 6.48322 15.9687 6.51454L15.6556 6.89038C15.593 6.95302 15.5303 6.98434 15.4364 6.98434C15.4051 6.98434 15.3425 6.95302 15.2798 6.9217L14.0274 5.88814V13.4989C14.0274 13.7808 13.7769 14 13.5264 14H9.51859C9.23679 14 9.01761 13.7808 9.01761 13.4989V9.48993H7.0137V13.4989C7.0137 13.7808 6.76321 14 6.51272 14H2.50489C2.22309 14 2.00391 13.7808 2.00391 13.4989V5.88814L0.720157 6.9217C0.657534 6.95302 0.594912 6.98434 0.563601 6.98434C0.500978 6.98434 0.407045 6.95302 0.344423 6.89038L0.0313112 6.51454C0 6.48322 0 6.38926 0 6.35794C0 6.2953 0.0313112 6.20134 0.0939335 6.17002L7.35812 0.219239C7.51468 0.0939597 7.79648 0 8.01566 0C8.20352 0 8.48532 0.0939597 8.64188 0.219239L13.0254 3.78971V2.16107C13.0254 2.06711 13.0881 1.97315 13.2133 1.97315H13.8395C13.9335 1.97315 14.0274 2.06711 14.0274 2.16107V4.60403L15.9374 6.17002ZM12.9941 12.9978L13.0254 5.07383L8.01566 0.970917L3.00587 5.07383V12.9978H5.98043V8.98881C5.98043 8.70693 6.23092 8.4877 6.48141 8.4877H6.51272H9.51859C9.76908 8.4877 9.98826 8.73825 9.98826 8.98881V13.0291L12.9941 12.9978Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
}

ul.nav.navbar-nav.weblinks .nav-item.weblink a.nav-link[aria-label="Home"]:focus::before,
ul.nav.navbar-nav.weblinks .nav-item.weblink a.nav-link[aria-label="Home"]:hover::before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 14' fill='%23203136' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.9374 6.17002C15.9687 6.20134 16 6.2953 16 6.35794C16 6.38926 16 6.48322 15.9687 6.51454L15.6556 6.89038C15.593 6.95302 15.5303 6.98434 15.4364 6.98434C15.4051 6.98434 15.3425 6.95302 15.2798 6.9217L14.0274 5.88814V13.4989C14.0274 13.7808 13.7769 14 13.5264 14H9.51859C9.23679 14 9.01761 13.7808 9.01761 13.4989V9.48993H7.0137V13.4989C7.0137 13.7808 6.76321 14 6.51272 14H2.50489C2.22309 14 2.00391 13.7808 2.00391 13.4989V5.88814L0.720157 6.9217C0.657534 6.95302 0.594912 6.98434 0.563601 6.98434C0.500978 6.98434 0.407045 6.95302 0.344423 6.89038L0.0313112 6.51454C0 6.48322 0 6.38926 0 6.35794C0 6.2953 0.0313112 6.20134 0.0939335 6.17002L7.35812 0.219239C7.51468 0.0939597 7.79648 0 8.01566 0C8.20352 0 8.48532 0.0939597 8.64188 0.219239L13.0254 3.78971V2.16107C13.0254 2.06711 13.0881 1.97315 13.2133 1.97315H13.8395C13.9335 1.97315 14.0274 2.06711 14.0274 2.16107V4.60403L15.9374 6.17002ZM12.9941 12.9978L13.0254 5.07383L8.01566 0.970917L3.00587 5.07383V12.9978H5.98043V8.98881C5.98043 8.70693 6.23092 8.4877 6.48141 8.4877H6.51272H9.51859C9.76908 8.4877 9.98826 8.73825 9.98826 8.98881V13.0291L12.9941 12.9978Z' clip-rule='evenodd'/></svg>");
}

.crmEntityFormView .control div.text-muted {
  font-size: 0;
  color: transparent;
  visibility: hidden;
}