/*:root {
    --primary-color: #017900;
    --button-color: #017900;
}*/
/*.contact-bank-account {
    display: none;
}*/


/* Logotyp */
.MasterContainerDiv:before,
.LoginContainer:before {
  background-image: url('https://www.uppsalavatten.se/images/18.7614a2f918529bc7ca868e5/1672320335387/Uppsala%20Vatten-logo-print.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: content-box;
  content: '';
  display: block;
  height: 65px;
  margin-bottom: 1.5em;
  max-width: 100%;
  padding: 0 1em;
  position: static;
  width: auto;

  aspect-ratio: 41/11;
}

.LoginContainer:before {
  padding: 0;
}

/* Marginaler */
.LoginContainer .MasterLegend {
  padding: 0;
}

.loginExtraTop {
  margin-left: 0;
  margin-right: 0;
}

.masterPageExtraTop {
  margin: 0 0 0.8em;
  padding: 0 1em;
}

.MasterContainerDiv {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 800px;
  padding: 1.5rem 0.5rem 0;
  width: 100%;
}

.MasterContent > form {
  padding: 0 1rem;
}

.row {
  padding: 0 1rem 1rem;
}

.row + div:not([class]) {
  padding: 0 1rem;
}

.MasterLegend {
  padding: 0 1em;
}

.LoginContainer {
  margin: 0;
  padding: 1.5rem;
}

.masterPageExtraBottom {
  padding: 0 1rem 1.5rem;
}

/* Justering av stegmeny */

.NavigationStepsContainer {
  margin: 1rem 0 2rem;

  gap: 1rem;
}

.navigation-bar-step-container {
  padding: 0;
}

/* Meny */

.MasterContent .all-links {
  display: grid !important;
  margin-bottom: 1rem;
  padding: 0 1rem !important;

  gap: 1rem;
  grid-template-columns: 1fr;
}

.all-links .page-header {
  margin: 0;
  padding-left: 0 !important;
}

@media screen and (min-width: 600px) {
  .MasterContent .all-links {
    grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
  }
  .all-links .page-header {
    grid-column: span 2;
  }
}

.all-links > div {
  border-radius: 8px;
  box-sizing: border-box;
  height: 100%;
  padding: 0;
}

.all-links > div a.mat-button {
  align-items: center;
  background-color: rgba(0,0,0,0.08);
  box-sizing: border-box;
  color: #212121;
  display: flex;
  font-size: 15px;
  height: 100%;
  line-height: 1.5;
  padding: 1.5rem 1rem;
  text-align: left;
  white-space: break-spaces;
}

.all-links > div a.mat-button:hover {
  text-decoration: underline;
}

.all-links > div .portal-link-description {
  display: none;
}


.all-links > div a.mat-button:before {
  background-color: #212121;
  content: '';
  display: inline-block;
  height: 1.4em;
  margin-bottom: 1px;
  margin-right: 0.6em;
  transition: all 0.3s ease;
  width: 1.4em;

  flex-shrink: 0;
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2048%2048\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M7.325%205.163c-1.535.421-2.836%201.771-3.202%203.325-.182.771-.182%2022.253%200%2023.024.282%201.196%201.229%202.422%202.278%202.95%201.064.536.933.524%205.979.557l4.58.031v4.94l-1.986.025-1.986.025-.333.22c-.562.373-.811%201.155-.57%201.795.141.373.558.74.987.867.597.177%2021.259.177%2021.856%200%20.429-.127.846-.494.987-.867.237-.628-.014-1.427-.563-1.79l-.34-.225-1.986-.025-1.986-.025v-4.94l4.58-.031c3.973-.026%204.638-.048%205.019-.162%201.304-.393%202.318-1.238%202.867-2.387.176-.369.359-.861.407-1.094.122-.595.122-22.157%200-22.752-.048-.233-.231-.725-.407-1.094a4.474%204.474%200%200%200-2.867-2.371c-.633-.169-32.699-.165-33.314.004m32.804%202.99c.181.082.433.286.56.452l.231.303v22.184l-.231.303c-.127.166-.379.37-.56.452-.318.144-.868.149-16.129.149-15.261%200-15.811-.005-16.129-.149a1.757%201.757%200%200%201-.56-.452l-.231-.303V8.908l.231-.303c.127-.166.379-.37.56-.452.318-.144.868-.149%2016.129-.149%2015.261%200%2015.811.005%2016.129.149M28%2037.52V40h-8v-4.96h8v2.48%22%2F%3E%3C%2Fsvg%3E');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.all-links > div a.mat-button:hover:before {
  transform: scale(1.1);
}

.all-links > div a.mat-button[href*='MeterReading']:before,
.all-links > div a.mat-button[href*='ServiceHistory']:before,
.all-links > div a.mat-button[href*='ConsumptionHistory']:before {
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2048%2048\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M23%202.108c-.908.3-1.222.556-2.465%202.004-4.895%205.707-8.827%2011.839-10.804%2016.85-1.925%204.879-2.228%208.974-.956%2012.915%202.259%206.999%209.038%2011.6%2016.324%2011.079%209.011-.644%2015.72-8.616%2014.818-17.608-.199-1.978-1.014-4.956-1.956-7.148-2.093-4.867-5.572-10.216-10.334-15.888-1.189-1.415-1.493-1.697-2.177-2.019-.466-.219-.626-.251-1.33-.27-.504-.013-.918.018-1.12.085m1.939%203.672c3.519%204.1%206.83%208.84%208.781%2012.567%201.534%202.933%202.425%205.286%202.973%207.853.206.964.222%201.172.22%202.84-.001%201.555-.025%201.907-.177%202.587-.396%201.779-1.159%203.522-2.158%204.932-.599.845-1.863%202.16-2.657%202.765-4.659%203.548-11.183%203.548-15.842%200-.794-.605-2.058-1.92-2.657-2.765-1.006-1.419-1.778-3.19-2.151-4.932-.215-1.002-.293-3.128-.155-4.245.699-5.671%204.977-13.464%2011.706-21.322%201.209-1.413%201.151-1.405%202.117-.28%22%2F%3E%3C%2Fsvg%3E');
}

.all-links > div a.mat-button[href*='MeterReading'],
.all-links > div a.mat-button[href*='ServiceHistory'],
.all-links > div a.mat-button[href*='ConsumptionHistory'] {
  background-color: rgba(0, 160, 230, 0.25);
}

.all-links > div a.mat-button[href*='Occurrences']:before,
.all-links > div a.mat-button[href*='WastePickup']:before,
.all-links > div a.mat-button[href*='ServiceChange']:before {
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2048%2048\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M19.666%207.272c-.201.127-.414.342-.474.478l-.109.246-6.048.022-6.047.022-.332.22c-.563.373-.812%201.155-.571%201.795.212.563.933.985%201.683.985h.298l.05.58c.027.319.408%206.358.847%2013.42.438%207.062.819%2013.002.847%2013.2.299%202.153%201.84%203.901%204.031%204.573l.599.183%2010.88.026c7.218.017%2011.143-.002%2011.663-.058%202.396-.257%204.028-1.542%204.762-3.751.176-.528.205-.757.207-1.653.004-1.192-.11-1.726-.574-2.68-.406-.833-1.42-1.847-2.235-2.234l-.578-.274.041-.446c.023-.245.327-5.054.676-10.686.562-9.079.649-10.249.768-10.32.293-.174.685-.556.813-.792.191-.351.194-1.902.003-2.248-.174-.317-.531-.649-.811-.755-.155-.058-3.325-.085-10.125-.085h-9.899l-.365.232m17.214%203.845c0%20.042-.288%204.695-.64%2010.34a2693.26%202693.26%200%200%200-.64%2010.432c0%20.141-.086.189-.54.301-2.456.606-4.046%202.703-4.04%205.33.002.818.048%201.045.473%202.341.044.135-.355.141-8.423.12l-8.47-.021-.455-.223c-.529-.26-.893-.644-1.158-1.222-.183-.401-.213-.797-1.028-13.869-.461-7.401-.839-13.49-.839-13.531%200-.046%204.934-.075%2012.88-.075%208.18%200%2012.88.028%2012.88.077m.85%2024.144c.484.253.969.843%201.121%201.365.176.606.119%201.613-.118%202.072-.433.839-1.021%201.213-2.015%201.281-.846.058-1.415-.116-1.918-.587-1.315-1.23-.918-3.641.7-4.242.471-.175%201.809-.109%202.23.111%22%2F%3E%3C%2Fsvg%3E');
}

.all-links > div a.mat-button[href*='Occurrences'],
.all-links > div a.mat-button[href*='WastePickup'],
.all-links > div a.mat-button[href*='ServiceChange'] {
  background-color: rgba(255, 222, 191, 0.50);
}

.all-links > div a.mat-button[href*='Invoices']:before {
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2048%2048\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M11.52%204.125c-.827.179-1.483.553-2.162%201.233-.693.694-.977%201.18-1.2%202.049C8.003%208.013%208%208.346%208%2024s.003%2015.987.158%2016.593c.223.87.507%201.355%201.2%202.049.694.693%201.179.977%202.049%201.2.603.154.925.158%2012.593.158s11.99-.004%2012.593-.158c.87-.223%201.355-.507%202.049-1.2.693-.694.977-1.179%201.2-2.049.154-.602.158-.917.156-11.506-.001-10.48-.007-10.899-.152-11.207-.213-.454-13.371-13.587-13.783-13.757-.26-.107-1.165-.122-7.16-.117-5.573.006-6.961.028-7.383.119M24%2011.507c0%204.189.01%204.506.158%205.086.223.87.507%201.355%201.2%202.049.694.693%201.179.977%202.049%201.2.58.148.897.158%205.086.158h4.467v19.946l-.192.328a1.65%201.65%200%200%201-.54.527L35.88%2041H12.12l-.361-.212a1.615%201.615%200%200%201-.54-.531l-.179-.319V23.989l.001-15.949.188-.311c.104-.171.329-.396.5-.5l.311-.188%205.98-.001H24v4.467m10.8%205.477c0%20.035-1.503.053-3.34.04L28.12%2017l-.348-.199a1.65%201.65%200%200%201-.54-.527l-.192-.328V9.161l3.88%203.879c2.134%202.134%203.88%203.908%203.88%203.944m-17.96%208.169c-.298.133-.642.495-.755.792-.237.628.014%201.427.563%201.79l.34.225h14.024l.34-.225c.744-.493.873-1.592.263-2.245-.438-.469-.127-.45-7.632-.447-5.589.003-6.949.024-7.143.11m.183%206.925c-.792.243-1.238%201.182-.938%201.977.141.373.558.74.987.867.588.175%209.268.175%209.856%200%20.429-.127.846-.494.987-.867.237-.628-.014-1.427-.563-1.79l-.34-.225-4.886-.014c-2.687-.008-4.984.015-5.103.052%22%2F%3E%3C%2Fsvg%3E');
}