/* Customer specific CSS */

:root {
    --font-primary: "Arial", sans-serif;
    --color-primary: #CDB46E;
    --color-primary-dark: #8C4330;
    --color-primary-medium: #223D5C;
    --color-primary-light: #F5F0F0;
}

.navbar-logo
 {
    height: 9.875em;
}

.navbar {
    height: auto;
}

.page-xs .logo {
    height: 9.875em;
}

.btn-primary, .btn-secondary, .wizard>.actions>ul li:first-of-type a, .wizard>.actions>ul li:not(:first-of-type) a {
    font-weight: 300;
}

#loginSection {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#loginSection #image-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#loginSection .btn-block {
    margin-left: auto;
    margin-right: auto;
}

#loginSection {
    max-width: 400px; /* justera efter behov */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#login-text-top, #LoginPanelHeading {
    text-align: center;
}




.card-img, .card-img-top, .card-img-bottom, .card.h-100{
border-radius: 10px;
}
body.page-consumptionlite .mt-3.mt-lg-0 .btn-group>.btn:not(:first-child) {
	display:none;
}
/*
.row.mb-4.start-notifications small {
	font-size: 1.1rem;
}
.row.mb-4.start-notifications .ml-0, .mb-0{
	font-size: 1.1rem;
	color: #fff;
}

.row.mb-4.start-notifications .card {
	background-color: #008480;
	color:#fff;
}

row.mb-4.start-notifications .card {
	background-color: #008480;
	color:#fff;
}
*/
/* Vakin custom design cards on mobile */

/* Custom design cards v2*/
@media (max-width: 768px) {
  .start-cards {
    margin-bottom: 1rem !important;
  }

  .start-cards .card {
    display: grid;
    grid-template-columns: 7rem 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    align-items: start;
    overflow: hidden;
  }

  .start-cards .card .crop {
    grid-column: 1;
    grid-row: 1;
    width: 6rem;
    height: 6rem;
    padding: 0 !important;
    margin: 0.75rem 0 0.75rem 0.75rem;
    border-radius: 0.35rem;
    overflow: hidden;
  }

  .start-cards .card .crop-16by9 {
    padding-top: 0 !important;
  }

  .start-cards .card .crop img,
  .start-cards .card .crop .crop-content {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    object-fit: cover;
  }

  .start-cards .card .card-body {
    grid-column: 2;
    grid-row: 1;
    padding: 0.85rem 1rem 0.75rem 0;
  }

  .start-cards .card .card-footer {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}