
/* Implementation-wide styling for "seb-kort---corporate-card-prod" */
/*FONTS*/

@font-face {
  font-family: 'Maison Neue';
}

.humany-item-list li a,
.humany-grid,
.humany-text,
.humany-form-level,
.humany-button,
.humany-widget p,
.humany-paragraph a,
.humany-widget ul,
.humany-widget ol,
.humany-input,
::placeholder{
    font-family: Akkurat,'Maison Neue', Arial, Helvetica, sans-serif!important;
    color:#333;
}

.humany-widget h1, 
.humany-widget h2, 
.humany-widget h3, 
.humany-widget h4, 
.humany-widget h5, 
.humany-widget h6, 
.humany-widget strong { 
    font-family: Akkurat,'Maison Neue', Arial, Helvetica, sans-serif; 
    margin:0; 
}

.humany-grid .humany-guide .humany-paragraph h1 {
    font-weight: bold;
}

.humany-contact-link-compact a,
span{
    font-family: Akkurat,'Maison Neue', Arial, Helvetica, sans-serif; 
}

.humany-guide-list.humany-item-list .humany-paragraph h1{
    margin:unset;
}



/* END OVERRIDE OF DEFAULT ACE FONTS */
	
/*Vägval*/

.humany-dialog.humany-list li a {
    background-color:#FF7876;
    display: inline-block;
    border-color: transparent;
}

/*Bakgrund*/
.humany-area{
    background-color: #f5f2f2;
}


/*Sökformulär*/
.humany-search form{
    border-color: white;
    height: 40px;
}

#\31 99e9f0f-3496-ccbd-a91f-eb6c60a0621e {
    padding: 0px;
}


.humany-component.humany-component-widget-header.humany-widget-header h1{
    color: #211E16;
    font-size: 30px;
    float: middle;
}

.humany-component-widget-header{
    background-color:#f5f2f2;
}



/*Länkfärg*/
.humany-html p a{
    color:#307db8;
    text-decoration: none;
}

.humany-html p a:hover{
    text-decoration: underline;
}



  /*Telia ace loggo*/
 .humany-component-copyright{
     display:none;
 }
 
/***** Spendwise styling enligt skiss *****/
body * {
    box-shadow: none !important;
}
.humany-component-guide-category-tree {
    display: none;
}
.humany-component-guide-category-list ul {
    flex-wrap: wrap;
    padding: 0;
}
.humany-component-guide-category-list ul li {
    width: 50%;
    padding: 0 !important;
}
div.humany-component-view-area {
    padding: 10px;
}
/*** Header ***/
div.humany-widget-header {
    height: 50px;
    padding-top: 15px;
}
div.humany-widget-header div button svg line {
    display: none;
}
div.humany-widget-header h1 {
    font-size: 18px !important;
    font-weight: 600;
    text-align: left;
}
div.sc-kpOJdX.isUhLh {
    padding-right: 20px;
    padding-left: 30px;
}
div.humany-widget-header button.sc-dxgOiQ.jBIMSm  {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjM5MSIgaGVpZ2h0PSI1NjYiIHZpZXdCb3g9IjAgMCAzOTEgNTY2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlc2M+Q3JlYXRlZCB3aXRoIEZhYnJpYy5qcyAzLjYuMzwvZGVzYz4KPGRlZnM+CjwvZGVmcz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAyNjQuMzMgMjIwLjQ0KSIgID4KPHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDAsMCwwKTsgc3Ryb2tlLW9wYWNpdHk6IDA7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiAgdHJhbnNmb3JtPSIgdHJhbnNsYXRlKC0yNjQuMzMsIC0yMjAuNDQpIiBkPSJNIDI3Ni4zMzQzMTI5ODgyODEyIDIyOC45OTkgUSAyNzYuMzMzMzEyOTg4MjgxMjUgMjI5IDI3NS4zMzMzMTI5ODgyODEyNSAyMjkgUSAyNzQuMzMzMzEyOTg4MjgxMjUgMjI5IDI3My4zMzMzMTI5ODgyODEyNSAyMjkuNSBRIDI3Mi4zMzMzMTI5ODgyODEyNSAyMzAgMjcwLjMzMzMxMjk4ODI4MTI1IDIzMCBRIDI2OC4zMzMzMTI5ODgyODEyNSAyMzAgMjY1LjMzMzMxMjk4ODI4MTI1IDIzMCBRIDI2Mi4zMzMzMTI5ODgyODEyNSAyMzAgMjYxLjMzMzMxMjk4ODI4MTI1IDIzMC41IFEgMjYwLjMzMzMxMjk4ODI4MTI1IDIzMSAyNjAuMzMzMzEyOTg4MjgxMjUgMjMwLjUgUSAyNjAuMzMzMzEyOTg4MjgxMjUgMjMwIDI2MC44MzMzMTI5ODgyODEyNSAyMjkuNSBRIDI2MS4zMzMzMTI5ODgyODEyNSAyMjkgMjYzLjMzMzMxMjk4ODI4MTI1IDIyNi41IFEgMjY1LjMzMzMxMjk4ODI4MTI1IDIyNCAyNjcuODMzMzEyOTg4MjgxMjUgMjIyLjUgUSAyNzAuMzMzMzEyOTg4MjgxMjUgMjIxIDI3My44MzMzMTI5ODgyODEyNSAyMTcuNSBRIDI3Ny4zMzMzMTI5ODgyODEyNSAyMTQgMjc4LjgzMzMxMjk4ODI4MTI1IDIxMyBRIDI4MC4zMzMzMTI5ODgyODEyNSAyMTIgMjgxLjMzMzMxMjk4ODI4MTI1IDIxMSBRIDI4Mi4zMzMzMTI5ODgyODEyNSAyMTAgMjgxLjgzMzMxMjk4ODI4MTI1IDIxMCBRIDI4MS4zMzMzMTI5ODgyODEyNSAyMTAgMjgwLjgzMzMxMjk4ODI4MTI1IDIxMC41IFEgMjgwLjMzMzMxMjk4ODI4MTI1IDIxMSAyNzguMzMzMzEyOTg4MjgxMjUgMjEyLjUgUSAyNzYuMzMzMzEyOTg4MjgxMjUgMjE0IDI3NS4zMzMzMTI5ODgyODEyNSAyMTQuNSBRIDI3NC4zMzMzMTI5ODgyODEyNSAyMTUgMjY0LjgzMzMxMjk4ODI4MTI1IDIyMCBRIDI1NS4zMzMzMTI5ODgyODEyNSAyMjUgMjUyLjgzMzMxMjk4ODI4MTI1IDIyNiBRIDI1MC4zMzMzMTI5ODgyODEyNSAyMjcgMjQ4LjgzMzMxMjk4ODI4MTI1IDIyNy41IFEgMjQ3LjMzMzMxMjk4ODI4MTI1IDIyOCAyNDYuODMzMzEyOTg4MjgxMjUgMjI4IFEgMjQ2LjMzMzMxMjk4ODI4MTI1IDIyOCAyNDcuMzMzMzEyOTg4MjgxMjUgMjI4IFEgMjQ4LjMzMzMxMjk4ODI4MTI1IDIyOCAyNDkuMzMzMzEyOTg4MjgxMjUgMjI3IFEgMjUwLjMzMzMxMjk4ODI4MTI1IDIyNiAyNTIuMzMzMzEyOTg4MjgxMjUgMjI0LjUgUSAyNTQuMzMzMzEyOTg4MjgxMjUgMjIzIDI1OC4zMzMzMTI5ODgyODEyNSAyMTkuNSBRIDI2Mi4zMzMzMTI5ODgyODEyNSAyMTYgMjY2LjMzMzMxMjk4ODI4MTI1IDIxMy41IFEgMjcwLjMzMzMxMjk4ODI4MTI1IDIxMSAyNzIuMzMzMzEyOTg4MjgxMjUgMjEwLjUgTCAyNzQuMzM0MzEyOTg4MjgxMiAyMDkuOTk5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+CjwvZz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTk1LjkgMjgzLjM5KSIgaWQ9InBhdGgwIiAgPgo8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogZXZlbm9kZDsgb3BhY2l0eTogMTsiICB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTIwMy42MiwgLTI4Ny44NykiIGQ9Ik0gMjAuMzQ3IDYuMTM4IEMgMTQuMDYyIDYuNTMxIDguNjIgNy4xNTUgOC4yNTUgNy41MjMgQyA3LjIxMiA4LjU3NSAzMS4yNDcgNDEuNzY0IDExNi41MDkgMTU3LjAwOSBDIDE2Mi4xNzYgMjE4LjczNiAyMDcuODg4IDI4MS4yNTUgMjEyLjIzMiAyODcuOTI5IEMgMjE0LjIzNiAyOTEuMDA3IDIxNC4xODQgMjkxLjMwMiAyMTAuODAzIDI5Ni4wMjkgQyAxOTAuNjMxIDMyNC4yMzcgMTUyLjQ5MyAzNzYuMjc4IDk1LjMzOSA0NTMuNTgzIEMgMTAuNTQyIDU2OC4yNzggMTAuNjczIDU2OC4wOTcgMTEuNzcgNTY5LjE5NSBDIDEyLjI2NCA1NjkuNjg5IDUyLjU3NCA1NzAuMjQ0IDEwMS4zNDkgNTcwLjQyOCBMIDE5MC4wMzEgNTcwLjc2MiBMIDI5NC4zNSA0MzEuOTI1IEMgMzUxLjcyNiAzNTUuNTY1IDM5OC44MjkgMjkyLjUwMyAzOTkuMDIzIDI5MS43ODcgQyAzOTkuMjE4IDI5MS4wNzIgMzUxLjIyNCAyMjYuMjQ5IDI5Mi4zNzEgMTQ3LjczNiBMIDE4NS4zNjUgNC45ODQgTCAxMDguNTcgNS4yMDMgQyA2Ni4zMzMgNS4zMjMgMjYuNjMzIDUuNzQ0IDIwLjM0NyA2LjEzOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+Cjwvc3ZnPg==")
}
div.humany-component-search {
    padding: 0px;
    border: none;
}
div.humany-component-search form {
    border-radius: 0;
}
div.humany-component-search input::placeholder {
    font-style: normal;
}
/*** Guide-area ***/
ul.humany-dialog a.humany-dialog-link {
    background-color: #000;
    padding: 1px;
}
ul.humany-dialog a.humany-dialog-link span {
    color: #fff;
}
div.humany-guide-body h1 {
    font-size: 16px;
}
/*** Hela kategoriarean ***/
div.humany-guide-category-list {
    background-color: #f5f2f2;
    border: none;
}
/*** Huvudkategorier ***/
div[data-item-type="circles"].humany-guide-category-list ul li a {
    border-radius: 5px;
    border: none;
    background-color: #D2DDE1;
    height: 40px;
}
div[data-item-type="circles"].humany-guide-category-list ul li a span.humany-text {
    margin: 0;
    padding: 3px;
    font-size: 14px;
    font-weight: 600;
    text-overflow: initial;
    white-space: pre-wrap;
    text-overflow: inherit;
    overflow: visible;
    width: auto;
}
div[data-item-type="circles"].humany-guide-category-list ul li[data-selected="true"] a {
    border-radius: 5px;
    border: none;
    background-color: #88A0A8;
    padding: 5px;
}
div[data-item-type="circles"].humany-guide-category-list ul li[data-selected="true"] {
    transform: none;
}
/* Ta bort kategori-ikon */
div[data-item-type="circles"].humany-guide-category-list ul li a i {
    display: none;
}

/*** Underkategorier ***/
div[data-item-type="pills"].humany-guide-category-list ul li a {
    border-radius: 5px;
    border-color: #323333;
    border-width: thin;
    background-color: #f5f2f2;
}
div[data-item-type="pills"].humany-guide-category-list ul li {
    width: auto;
}
/* Vald underkategori */
div[data-item-type="pills"].humany-guide-category-list ul li a[aria-current="true"] {
    background-color: #323333;
}
div[data-item-type="pills"].humany-guide-category-list ul li a.crXECj span {
    color: #000;
}
/***** Slut Spendwise styling enligt skiss *****/

div[data-item-type="circles"].humany-guide-category-list ul li a span.humany-text {
    font-weight: 800 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.humany-guide-category-list ul li a span.humany-text {
    font-size: 14px;
    font-weight: 600;
}
div.humany-loader svg circle {
    stroke: #000;
}
div.humany-component-widget-header {
    margin: auto;
    text-align: center;
}
div.humany-component-widget-header .isUhLh {
    float: left;
    padding-left: 0;
}
div.humany-guide-list ul.humany-list li {
    border-top: 2px solid #ccc;
    padding-top: 5px;
}
div.humany-guide-list ul.humany-list li a {
    text-overflow: initial !important;
    white-space: pre-wrap;
    width: 100%;
}
div.humany-feedback span.cAapFq {
    font-weight: 600;
}
button.humany-feedback-button {
    width: auto;
    min-width: 0;
    padding: 2px 20px 2px 20px;
    background-color: #ccc;
    border: none;
    margin-right: 12px !important;
}
button.humany-feedback-button i {
    display: none;
}
button.humany-feedback-button span {
    color: #000;
    font-size: 14px;
}
div.humany-guide-list ul.humany-list li a svg {
    float: right;
    transform: rotate(90deg);
    margin-top: 10px;
}
div.humany-component-index-area {
    row-gap: 10px;
}
div.humany-component-guide-category-list {
    padding-bottom: 0;
}
div.humany-guide-list ul.humany-list li a svg line {
    stroke: #000;
}
div.humany-guide-list ul.humany-list li a span {
    font-size: 14px;
}
div.humany-guide-list h1 {
    font-weight: 800;
    font-size: 14px;
    padding-bottom: 8px;
}
div.humany-guide-list {
    padding-top: 18px;
}
div.humany-guide-body {
    font-size: 14px;
}
div.humany-guide-body a {
    text-decoration: underline;
    color: #289deb; /* Fråga efter rätt färg */
}
div.humany-guide-body h1 {
    border-bottom: 2px solid #ccc; /* Fråga efter rätt färg */
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.humany-widget-header {
    width: 100%;
}
.humany-widget-header h1 {
    text-align: center !important;
    margin: auto !important;
    justify-content: center;
}
.humany-widget-header div.sc-kpOJdX.isUhLh {
    padding-right: 0;
    padding-left: 25px;
}
div.humany-component-search form[data-has-focus="true"] svg circle,
div.humany-component-search form[data-has-focus="true"] svg line {
    stroke: #000;
}
div.humany-guide-list a.humany-route-link {
    flex-direction: column-reverse;
    margin: auto;
        text-decoration: none;
}
div.humany-guide-list a.humany-route-link svg {
    transform: rotate(90deg);
}
div.humany-guide-list a.humany-route-link span {
    text-decoration: none !important;
    margin-top: 10px;
}
a.humany-dialog-link.humany-link i.fa {
    color: #fff;
}
ul.humany-breadcrumbs a {
    color: #000;
    border-color: #000;
}
div.humany-component-back-link button span {
    color: #000;
}
div.humany-component-back-link button {
    border: none;
    text-decoration: none;
}
div.humany-component-back-link button svg * {
    stroke: #000;
}
div.humany-component-search input {
    font-style: normal;
}
a.humany-guide-link:hover {
    color: #000;
    text-decoration: none !important;
}
.humany-guide-category-browser-list[data-item-count="10"] a.humany-route-link:not(.humany-guide-link) svg {
    transform: rotate(0deg);
}
div.humany-guide-content div.humany-html hr {
    display: none;
}

/*** Senaste patch 2021-10-15 ***/
/* Ändra linje bredden på listan med frågor  */
div.sc-csuQGl.hGWitJ.humany-view div.humany-guide-list ul.humany-list li{
  border-top: 1px solid #ccc;
  padding-top: 11px;
}
/* Skapa mer mellanrum mellan frågorna och pil ikonerna i listan*/
div.humany-component-related-guide-list.humany-guide-list ul.humany-list li a svg{
  margin-left: 8px;
}
/* Byt bakgrundsfärg på vägvals knapparna */
div.humany-guide-content ul.humany-dialog a.humany-dialog-link{
  background-color: #ccc;
}
/* Byt färg på vägvals knapparnas text */
div.humany-guide-content ul.humany-dialog a.humany-dialog-link span{
    color: #333;
  font-weight: 600;
  font-size: 14px;
}
/* Ändra linje-bredden på fråge-rubriken när en användare tryckt på en fråga */
div.humany-guide-content div.humany-guide-body h1{
  border-bottom: 1px solid #ccc;
}
/*** SLUT Senaste patch 2021-10-15 ***/




/* Tabell för Billing Calender*/
	
table {
  width: 300px !important;
  border: none;
   table-layout: fixed;
}

th, td, tr {
  border: none;
  text-align: center;
  font-family: Akkurat,'Maison Neue', Arial, Helvetica, sans-serif;
}

tr:nth-child(odd) {background-color: RGB(245, 242, 242);}

/*Slut på tabell*/

/* Williams kod för mer luft i grå knappar */
.sc-epnACN.humany-feedback{ 
    padding-top: 0px;
}
ul.sc-bXGyLb.humany-dialog li a.humany-dialog-link.sc-VigVT{
    padding: 4px 11px;
}

/* Kategorier samma längd oavsett innehåll (2 per rad, 4 totalt) */
.humany-guide-category-list ul.humany-list {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
button.humany-feedback-button.humany-button { 
    background-color: #ccc;
}
button.humany-feedback-button.humany-button span{
        color: #333;
}

div[data-item-type="pills"].humany-guide-category-list ul li a.crXECj span { 
    color: white;
}


div.humany-widget-header button.sc-dxgOiQ.jBIMSm {
    background: none;
}

button.sc-dxgOiQ.jBIMSm:before {
    content: "";
    border: 2px solid #88A0A8;
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: none;
    border-right: none;
    transform: rotate(-45deg);
    position: relative;
    top: 8px;
    left: 2px;
}

div.humany-component-search input::placeholder {
    color: #A8A6A6;
}

