body {
    padding-top: 60px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    font-size: 1em;
}

button.search-button {
    max-height: 42px;
    min-width: 70px;
}

button.message-button {
    min-height: 42px;
    min-width: 120px;
}

button.list-button {
    min-height: 42px;
    min-width: 200px !important;
}

button.icon-button {
    min-height: 24px;
    min-width: 24px;
}

div.hint {
    color: grey;
}

md-input-container .md-errors-spacer {
    min-height: 0px !important;
}

md-dialog.md-default-theme, md-dialog {
    max-width: 50%;
    max-height: 50%;
}

md-toast.md-top {
    left: 50%;
    margin-left: -150px;
}

md-toast.md-success-toast-theme .md-toast-content {
    background-color: green;
}

.md-dialog-container {
    position: fixed !important;
}

md-toast {
    position: fixed !important;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.certificateButton {
    float: right;
}

.material-icons.endUserButton {
    padding: 0px;
    float: right;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.align-with-list {
    margin-top: 14.110px;
    margin-bottom: 14.110px;
    margin-left: 5px;
}

.padding-top-and-bottom {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.divider-space {
    margin-top: 30px;
    margin-bottom: 30px;
}

.align-radio-and-button {
    height: 54px;
}

.red {
    color: red;
}

.green {
    color: green;
}

.warning {
    color: darkorange;
}

.list-text {
    margin: 0px
}

.radio {
    margin-top: 11.5px;
}

.username {
    font-size: 0.8em;
    color: white;
}

.logo {
    height: 22px;
    font-size: 1.5em;
    color: white;
}

.ssnList {
    cursor: pointer;
}

.date-align {
    margin-top: 10px;
    padding-left: 14px;
}

.from-bankid-ra {
    background-color: #f5f5f5;
    padding: 1em;
}

.align-item-with-checkbox {
    float: right;
    margin-right: 30px !important;
}

.click {
    cursor: pointer;
}

.activationCode {
    font-size: large;
    font-weight: bold;
    background-color: #39134C;
    color: white;
    padding: 10px 15px;
}

[role="tabpanel"], md-tabs {
    transition: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*For Icons*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../icons/MaterialIcons-Regular.woff) format('woff'),
    url(../icons/MaterialIcons-Regular.ttf) format('truetype');
}

.status-box {
    background-color: whitesmoke;
}

/*
    IE10-IE11 column-flex bug fix (set proper default value).
    Solved in angular-material 1.1.0-rc.5 (2016-06-03), see https://github.com/angular/material/commit/ce0ebbfc
    TODO: Remove when angular-material is upgraded.
*/
.layout-column > .flex {
    -ms-flex-basis: auto;
    flex-basis: auto;
}

.info-orb {
    position: relative;
    display: inline-block;
}

.info-orb span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #999;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.info-orb .info-textbox {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 400px; /* Adjust the width as needed */
}

.info-orb span:hover + .info-textbox,
.info-orb span:focus + .info-textbox {
    display: block;
}