/* Generell
-----------------------------------------------------------*/
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
}


:root {
    --primary-color: #0064a2;
    --button-color: #0064a2;
}

.PortalLink, .MasterLegend, .StepLegend {
    color: #0064a2;
    color: var(--primary-color);
}

textarea:not([disabled]):focus, input:not([disabled]):not([type="submit"]):focus, select:not([disabled]):focus {
    outline-color: #0064a2;
    outline-color: var(--primary-color);
}

input[type="submit"], button, .link-button {
    background-color: #0064a2;
    background-color: var(--button-color);
}

.list-item-icon {
    color: #0064a2;
    color: var(--primary-color);
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    margin: 0em;
}

body {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: inherit;
    color: #424242;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}

div, p, h1, h2, h3, h4, ul, li, table {
    padding: 0;
    margin: 0;
    border: 0;
}

    p span {
        display: block;
    }

a {
    padding: 0.5rem;
}

    textarea:not([disabled]):focus, input:not([disabled]):not([type="submit"]):not([type="checkbox"]):focus, a:focus {
        outline-style: solid;
        outline-color: #0064a2;
    }

fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

legend {
    color: black;
}

label {
    color: black;
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.editor-label {
    margin: 0 0 0 0;
}

.editor-field {
    margin: 0 0 0 0;
}

input[type="submit"], button, .link-button {
    /*-webkit-appearance: button;*/
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    color: #fff;
    cursor: pointer;
    height: 2.5em;
    padding-right: 1em;
    padding-left: 1em;
    margin-top: 0.625em;
    margin-left: 0.25em;
    margin-bottom: 0.25em;
    border: none;
    border-radius: 0.125em;
    box-shadow: 0 0.125em 0.125em 0 rgba(0,0,0,.14), 0 0.188em 0.063em -0.125em rgba(0,0,0,.2), 0 0.063em 0.313em 0 rgba(0,0,0,.12);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.link-button {
    line-height: 2.5em;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}

.secondary-button {
    background-color: #757575;
}

.delete-button {
    background-color: #e00202;
}

input[type="submit"]:not(.ApplicationReceiptButton) {
    float: right;
}

input[type="submit"]:disabled, button:disabled {
    opacity: 0.4;
}

input[type="submit"]:hover:enabled, button:hover:enabled, .link-button:hover:enabled {
    box-shadow: 0.125em 0.125em 0.5em rgba(0, 0, 0, 0.3);
    opacity: 0.9;
}

input[type="submit"]:focus:enabled, button:focus:enabled, .link-button:focus:enabled {
    box-shadow: 0.125em 0.125em 0.5em rgba(0, 0, 0, 0.3);
    opacity: 0.9;
}


input[type="submit"]:active:enabled, button:active:enabled, .link-button:active:enabled {
    box-shadow: inset 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3);
    opacity: 0.9;
}

@media (hover: none) {
    input[type="submit"]:hover:enabled, button:hover:enabled, .link-button:hover:enabled {
        box-shadow: 0 0.125em 0.125em 0 rgba(0,0,0,.14), 0 0.188em 0.063em -0.125em rgba(0,0,0,.2), 0 0.063em 0.313em 0 rgba(0,0,0,.12);
        opacity: 1;
    }

    input[type="submit"]:focus:enabled, button:focus:enabled, .link-button:focus:enabled {
        box-shadow: 0 0.125em 0.125em 0 rgba(0,0,0,.14), 0 0.188em 0.063em -0.125em rgba(0,0,0,.2), 0 0.063em 0.313em 0 rgba(0,0,0,.12);
        opacity: 1;
    }

    input[type="submit"].button-pressed:enabled, button.button-pressed:enabled, .link-button.button-pressed:enabled {
        box-shadow: inset 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3);
        opacity: 0.9;
    }
}


textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"] {
    font-size: 0.875em;
    margin: 0.25em 0;
    padding: 0.5em 0.625em;
    border: 0.063em solid #ccc;
    box-shadow: inset 0.063em 0.063em 0.125em 0em #dddddd;
    background-color: #ffffff;
}

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    height: 6.25em;
    min-height: 4.688em;
    width: 100%;
    overflow: auto;
}

input[type='radio'] {
    vertical-align: middle;
    transform: scale(1.4);
    margin: 0.4375em;
}

.label-disabled {
    background-color: #F2F2F2 !important;
    color: #C6C6C6;
    border-color: #ddd;
}

.email-input {
    width: 21.875em;
}

.radio-button-container {
    display: block;
}

    .radio-button-container > label {
        vertical-align: middle;
    }

    .radio-button-container:focus-within {
        outline-style: solid;
        outline-width: thin;
        outline-color: #0064a2;
    }
/* Generell validering
-----------------------------------------------------------*/
.field-validation-error {
    font-size: 0.875em;
    color: #d43900;
    white-space: nowrap;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 0.063em solid #d43900;
    padding: 0.125em 0.063em 0.125em 0.063em;
}

.validation-summary-errors {
    color: #d43900;
}

.validation-summary-valid {
    display: none;
}

/*is used on all pages with comment-textbox to make the numbers always be to the right*/
.remaining-character {
    float: right;
    padding-right: 0.4em;
}

/*/* General lists
-----------------------------------------------------------*/
.list-item {
    text-decoration: none;
    margin-bottom: 0.9em;
    border-bottom: 0.0625em solid #ccc;
    padding: 0.375em 0 1.1em 0;
}

    .list-item:first-child {
        border-top: 0.0625em solid #ccc;
        padding-top: 1.275em;
    }

    .list-item:after {
        content: "";
        display: table;
        clear: both;
    }

    .list-item div {
        word-break: break-word;
    }

    .list-item a {
        text-decoration: none;
        color: inherit;
    }

.list-item-left {
    width: 88%;
    float: left;
}

.list-item-full-width {
    width: 100%;
}

.list-item-right {
    float: right;
}

.invoice-error-container {
    position: relative;
}

.invoice-error-text {
    position: absolute;
    color: #d43900;
    bottom: -1.1em;
    right: 0;
    font-size: smaller;
}

.list-item-icon {
    width: 1.7em;
    height: 1.7em;
    float: right;
}

    .list-item-icon a {
        display: block;
        padding: 0;
    }

.list-item-title {
    margin-bottom: 0.25em;
    font-weight: bold;
}

.list-item-title-right {
    float: right;
    align-self: center;
}

@media (max-width: 500px) {
    .list-item-title-right {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.list-item-text {
    font-size: 0.9375em;
}

.list-item-text-nowrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-item-text-secondary {
    opacity: 0.6;
}

.list-item-unpaid {
    font-weight: bold;
    color: #e00202;
}

/* General selectable list
-----------------------------------------------------------*/
.selectable-list-container {
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
}

.selectable-list-item {
    text-decoration: none;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow-y: hidden;
}

.selectable-list-item-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.25em;
}

.selectable-list-item-body {
    padding-top: 0.25em;
}

.selectable-list-item-title-right {
    opacity: 0.6;
    float: right;
    font-weight: normal;
}

.info-text {
    flex-basis: 100%;
}

#selectable .ui-selecting {
    background: #D0D0D0;
}

#selectable .ui-selected {
    background: #D0D0D0;
}

#selectable {
    list-style-type: none;
    padding: 0;
}

/* Spinner
-----------------------------------------------------------*/
.spinner {
    right: 1em !important;
    left: unset !important;
}

/* MasterPage
-----------------------------------------------------------*/
.MasterContainerDiv {
    margin-left: 0.125em; /* Make selected outline show properly */
    margin-right: 0.125em; /* Make button shadows etc show properly */
    max-width: 37.5em;
}

@media only screen and (min-width: 37.5em) {
    .MasterFieldset {
        min-height: 18.75em;
    }
}

.MasterContent ul {
    list-style-type: none;
}

.MasterContent .StepContentContainer:last-of-type fieldset {
    margin-bottom: 0;
}

.MasterLegend {
    font-size: 24px;
    margin-bottom: 0.4em;
    font-weight: 500;
}

.masterPageExtraTop {
    margin: 0 0 0.4375em 0;
}

.masterPageExtraBottom {
    margin: 0.4375em 0 0 0;
}

/* Footer
-----------------------------------------------------------*/
.Footer {
    margin-top: 2em;
    font-size: 1em;
}

    .Footer a {
        color: #424242;
        opacity: 0.8;
    }

.LogOutButton {
    margin-right: 0.5em;
}

.BackToPortalButton {
}

/* Navigation
-----------------------------------------------------------*/
.NavigationStepsContainer {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875em;
    line-height: 1.375em;
    margin-bottom: 1.25em;
    display: flex;
    align-items: center;
}

.NavigationBarStepEnabled {
    color: #424242;
    padding: 0;
    text-decoration: none;
    background: none;
    overflow: visible;
    display: inline;
    cursor: pointer;
}

.NavigationStepEnabledNoLink {
    margin-right: 0.4375em;
    color: #424242;
}

.NavigationBarStepDisabled {
    display: inline;
    white-space: nowrap;
    color: #6E6E6E;
}

.navigation-bar-step-container {
    display: flex;
    align-items: center;
    padding: 0 .5rem .5rem .5rem;
}

.navigation-bar-icon-container {
    margin-right: 8px;
    flex: none;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    position: relative;
    background-color: #0064a2;
    color: #fff;
}

.navigation-bar-icon-disabled-container {
    margin-right: 8px;
    flex: none;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    position: relative;
    background-color: rgba(0,0,0,.54);
    color: #fff;
}

.navigation-bar-current-step-label {
    font-weight: 500;
}

.navigation-bar-icon-number-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.DownloadContainer {
    float: right;
}

.AnchorLoadingDiv {
    height: 1.688em;
    width: 1.5em;
}

.RecieptLoadingDiv {
    float: left;
    width: 1.25em;
    height: 1.25em;
    margin-left: 2.625em;
    margin-top: 0.625em;
}

.SimpleWastPickupLoadingDiv {
    margin-left: 0.75em;
    width: 1.563em;
    height: 1.688em;
}

.simple-search-result {
    font-size: 1em;
    font-weight: bold;
}

.simple-search-container {
    margin-bottom: 0.5em;
}

.WastePickupLoadingDiv {
    width: 1.563em;
    height: 1.688em;
    float: right;
}

.WasteSpinningIcon {
    margin-top: 0.5em;
}

.LoadingDiv {
    margin-top: 1em;
    float: left;
    width: 1.563em;
    height: 1.688em;
}

.DownloadButton {
    float: right;
    margin-top: 0.625em;
}

.NextButton {
    float: right;
    margin-top: 0.625em;
    margin-right: 0.5em;
}

.PreviousButton {
    float: right;
    margin-top: 0.625em;
    margin-right: 0.5em;
}

.YesButton {
    float: right;
    margin-top: 0.625em;
    margin-right: 0.5em;
}

.NoButton {
    float: right;
    margin-top: 0.625em;
    margin-right: 0.5em;
}

/* Stegrutor
-----------------------------------------------------------*/
.StepContentContainer {
}

.StepLegend {
    font-size: 1.125em;
}

.StepFieldset {
    margin-bottom: 1em;
}

.StepContent {
    margin: 0.25em 0;
}

/* Inloggning
-----------------------------------------------------------*/
.LoginContainer {
    max-width: 37.5em;
    margin-left: 0.125em; /* Make selected outline show properly */
    margin-right: 0.125em; /* Make button shadows etc show properly */
}

.LoginFieldset {
    margin-bottom: 0.625em;
}

.CustomerIDLabel {
    margin-left: 0.0625em;
}

.CustomerIDBox {
}

.IdentityNumberLabel {
    margin-left: 0.0625em;
}

.IdentityNumberBox {
}

.LoginButtonContainer {
}

    .LoginButtonContainer input[type="submit"].LoginButton {
        float: none;
        margin-top: 0.625em;
        margin-left: 0;
    }

.LoginErrorMessage {
    margin-top: 0.625em;
    margin-left: 0.25em;
    list-style: none;
}

.loginExtraTop {
    margin: 0 0 0.625em 0.125em;
}

.loginExtraBottom {
    margin: 0.625em 0 0 0.25em;
}

/* User not found
-----------------------------------------------------------*/
.UserNotFoundTextContainerDiv {
    min-height: 21em;
}

/* CheckConnection
-----------------------------------------------------------*/
.checkConnection {
    margin: 0.625em 0 0 0.25em;
    color: Red;
    font-weight: bold;
}

/* Portalen (E-Tjänstlistan)
-----------------------------------------------------------*/
.PortalLinkContainer {
    margin-bottom: 1em;
}

.PortalLink {
    text-decoration: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.PortalLinkDescription {
    font-size: 0.875em;
    margin-top: 0.25em;
}

/* Error
-----------------------------------------------------------*/
.ErrorPageContainerDiv {
    min-height: 21em;
}

.ErrorPageGeneralTextLabel {
    font-weight: bold;
}


/* Välj anläggning
-----------------------------------------------------------*/
.SelectBuildingRadioButton {
    vertical-align: top;
}

.SelectBuildingRadioButtonMultiCustomerContainer {
    margin-left: 0.4375em;
    margin-bottom: 0.625em;
}

.SelectBuildingText {
    vertical-align: middle;
}

.SelectBuildingDropDown {
    width: 100%;
}

.SelectBuildingCustomerText {
    vertical-align: middle;
    margin-bottom: 0.125em;
}

/* Välj abonnemang
-----------------------------------------------------------*/
.SelectServiceContentDiv {
}

.SelectServiceRadiobuttonDiv {
}

.SelectServiceStepContent {
}

.SelectServiceDropDown {
    width: 100%;
}

/* Abonnemangshistorik
-----------------------------------------------------------*/
.ServiceHistoryTable {
    border: 0.063em solid;
    width: 100%;
    border-collapse: collapse;
}

.Column {
    background-color: #D7E4F5;
    padding: 0.313em 0.938em 0.313em 0.938em;
    border: 0.063em solid;
    text-align: center;
}

.DateColumn {
    width: 6.25em;
    padding: 0.313em;
}

.TypeColumn {
    width: 11.875em;
    text-align: left;
    padding: 0.313em;
}

.ServiceHistoryTable th {
    background-color: #B0C4DE;
    text-align: center;
    height: 1.875em;
    padding: 0.313em;
    border: 0.063em solid;
}

/* DistrictHeatingServiceHistory
-----------------------------------------------------------*/
.DistrictHeatingServiceHistoryTable {
    border: 0.063em solid;
    width: 100%;
    border-collapse: collapse;
}

.Column {
    background-color: #D7E4F5;
    padding: 0.313em 0.938em 0.313em 0.938em;
    border: 0.063em solid;
    text-align: center;
}

.DateColumn {
    width: 6.25em;
    padding: 0.313em;
}

.TypeColumn {
    width: 11.875em;
    text-align: left;
    padding: 0.313em;
}

.DistrictHeatingServiceHistoryTable th {
    background-color: #B0C4DE;
    text-align: center;
    height: 1.875em;
    padding: 0.313em;
    border: 0.063em solid;
}

/* Pager
-----------------------------------------------------------*/
.Pager {
    margin-top: 0.3125em;
    margin-left: 0.3125em;
}

.PageLinkNotSelected {
    display: inline-block;
    color: Black;
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
    padding: 0.375em;
    margin-right: 0.375em;
}

.PageLinkSelected {
    display: inline-block;
    color: #677284;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    padding: 0.375em;
    margin-right: 0.375em;
}

.PagerNext {
    float: right;
}

.PagerPreviousLinkAvailable {
    margin-right: 0.1875em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.PagerPreviousLinkDisabled {
    float: left;
    margin-right: 0.1875em;
}

.PagerNextLinkAvailable {
    margin-left: 0.1875em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.PagerNextLinkDisabled {
    float: left;
    margin-left: 0.1875em;
}

.PagerCenterInfo {
    float: left;
}

/* Admin
-----------------------------------------------------------*/
.AdminSaveTextsButton {
    margin-bottom: 1.25em;
}

.AdminElementContainer {
    margin-bottom: 1.5625em;
}

.AdminKeyHeadline {
    font-weight: bold;
    border: none;
    width: 100%;
}

.AdminTextbox {
    width: 100%;
    padding-left: 0.188em;
    border: 0.063em solid black;
}

.AdminStandardValue {
    background-color: #DCE1E6;
}

.AdminMarginTop {
    margin-top: 0.313em;
}

.AdminTextsSaved {
    font-weight: bold;
    color: Green;
    margin-bottom: 0.938em;
}

/* Utloggad
-----------------------------------------------------------*/
.loggedOutContainer {
    margin: 0.938em 0 0 0.938em;
}

.loggedOutText {
    font-weight: bold;
}

.loggedOutLogInAgainButton {
    margin-top: 0.938em;
}

/* Ange mätarställning
-----------------------------------------------------------*/
.meterReadingOldValuesContainer, .meterReadingNewValuesContainer {
    width: 100%;
    overflow: hidden;
}

.meterReadingPairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
}

.meterReadingHeadlineContainer {
    overflow: hidden;
    width: 16em;
    color: black;
    margin-bottom: 0.25em;
}

@media only screen and (min-width: 37.5em) {
    .meterReadingValueContainer {
    }

    .meterReadingHeadlineContainer {
        float: left;
    }
}

.meterReadingValueContainer {
}

.meterReadingOldValuesHeadline {
    float: left;
}

.meterReadingValueDiv {
    word-break: break-word;
}

.meterReadingNewValuesPairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
}

.meterReadingNewValuesPairDateContainer {
    overflow: hidden;
    margin-top: 0.3125em;
}

.meterReadingNewValuesHeadline {
    margin-top: 0.125em;
}

.meterReadingEnterValuesTextbox {
    width: 8em;
    margin-bottom: 0.125em;
}

div.ui-datepicker {
    font-size: 1.0625em;
}

.ui-datepicker-trigger {
    margin-left: 0.3125em;
    position: relative;
    top: 0.375em;
    height: 1.5em;
    cursor: pointer;
}

.meterReadingCommentCause {
    background-color: red;
}

.meterReadingCommentPairContainer {
    margin-top: 0.3125em;
}

.meterReadingEnterCommentTextbox {
    width: 17.5em;
}

.meterReadingNewValuesPairDateContainer {
    margin-top: 1em;
}

#meterReadingCommentRequried {
    color: #d43900;
    margin-bottom: 0.3125em;
    font-size: 0.875em;
    clear: both;
}



.meterReadingCommentContainer {
    display: flex;
}

#meterReadingComment {
    width: 17.5em;
}

.MeterReadingImagesContainer {
    height: 6em;
    display: flex;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.MeterReadingInvisibleImage {
    display: none;
}

.MeterReadingVisibleImage {
    position: relative;
}

.MeterReadingInvisibleErrorText {
    visibility: hidden;
}

.MeterReadingAddImageButton {
    background: transparent;
    color: #333333;
}

.MeterReadingImageRemoveButton {
    cursor: pointer;
    position: absolute;
    width: 2em;
    height: 2em;
    top: 0;
    right: 1em;
    padding: 0.2em;
}

.MeterReadingImage {
    display: block;
    height: auto;
    max-height: 6em;
    padding-right: 1em;
    max-width: 7em;
}

/* Mätarställning - Granska
-----------------------------------------------------------*/
.meterReadingExamineMessage {
    margin-bottom: 1.5625em;
}

/* Mätarställning - Kvittens
-----------------------------------------------------------*/
.meterReadingReceiptContainer {
    overflow: hidden;
}

#meterReadingReceiptImage {
    position: relative;
    float: left;
    width: 3.125em;
    height: 3.125em;
    background-repeat: no-repeat;
}

.meterReadingReceiptAcceptedImage {
    background-image: url('../Images/Accepted.png');
}

.meterReadingReceiptNotAcceptedImage {
    background-image: url('../Images/NotAccepted.png');
}

.meterReadingReceiptTextContainer {
    position: relative;
}

#meterReadingReceiptHeadline {
    font-weight: bold;
    font-size: 0.875em;
}

.meterReadingReceiptAcceptedHeadline {
    color: Green;
}

.meterReadingReceiptNotAcceptedHeadline {
    color: Red;
}

.meterReadingReceiptText {
    margin-top: 0.625em;
}

.meterReadingReceiptExtraInside {
    margin-left: 4.5em;
}

.meterReadingReceiptDeliveryContainer {
    margin-top: 0.9375em !important;
}

    .meterReadingReceiptDeliveryContainer .ApplicationReceiptEmailInput {
        margin-top: 0.625em;
    }
/* Kontaktuppgifter
-----------------------------------------------------------*/

.ContactSelectCustomerDropDown {
    width: 100%;
}

.ContactConfirmDeleteHeadline {
    font-weight: bold;
}

.contactInformationConfirmAddNewLinkContainer {
    overflow: hidden;
    margin: 0.1875em 0 0 0;
    padding: 0 0.3125em 0 0.3125em;
}

.contactInformationConfirmAddNewSubmitButtonContainer {
    float: right;
}

.contactInformationConfirmElement {
    font-size: 0.9375em;
    display: block;
    margin-top: 0.5em;
    color: green;
}

.contactInformationEditValueContainer {
}

.contactInformationEditValueHeadlineContainer {
    overflow: hidden;
    width: 11em;
    color: black;
    margin-bottom: 0.25em;
}

.ContactConfirmDeleteElement {
    font-size: 0.9375em;
    display: block;
    margin-top: 0.5em;
}

.ContactInformationConfirmAddNewButton {
    margin-top: 0.625em;
    float: right;
    text-decoration: none;
}

.ContactInformationNotificationContainer {
    margin-top: 0.625em;
    text-align: right;
}

.ContactConfirmDeleteRemoveLinkContainer {
    float: right;
}

.ContactConfirmDeleteInformation {
    margin-top: 0.9375em;
}

.ContactInformationConfirmDeleteConfirmButton {
    margin-top: 0.1875em;
    float: right;
    text-decoration: none;
}

.ContactInformationDeleteAbortButton {
    margin-top: 0.1875em;
    float: right;
    text-decoration: none;
}

.ContactConfirmDeleteLinkContainer {
    overflow: hidden;
    /*font-size: 0.8125em;
    font-weight: bold;*/
    margin: 0.1875em 0 0 0;
    padding: 0 0.3125em 0 0.3125em;
}

.ContactDeleteContactActionLink {
    float: left;
    margin-top: 0.625em;
    display: inline-block;
}

@media only screen and (min-width: 37.5em) {

    .contactInformationEditValueHeadlineContainer {
        float: left;
    }
}

.contactInformationEditValuePairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
    display: flex;
    align-items: center;
}

.cIEVPCextra {
    max-width: fit-content;
    padding: 0.2em;
}

    .cIEVPCextra:focus-within {
        outline: solid;
        outline-width: thin;
        outline-color: #0064a2;
    }

    .cIEVPCextra label {
        padding-left: 0.5em;
    }

.contactInformationEditValueHeadline {
    margin-top: 0.125em;
}

.contactInformationEditValueTextbox {
    width: 11em;
    margin-bottom: 0.125em;
}

.contactInformationEditValueCheckBox {
    width: 11em;
    margin-bottom: 0.125em;
    float: left;
}

.contactInformationEditValueTextbox input {
    width: 100%
}

.contact-checkbox-warning {
    color: #d43900;
}

.contactMessageContainer {
    margin-left: 116px;
    margin-top: 20px;
    clear: both;
}

.contactInformationSaved {
    color: Green;
    font-size: 12px;
    font-weight: bold;
}

.contactInformationNotSaved {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}
/* SimpleSchedule
-----------------------------------------------------------*/
.simpleScheduleBoxContainer {
    width: 26.25em;
    overflow: hidden;
    white-space: nowrap;
    background-color: White;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    line-height: 2.5em;
}

.simpleScheduleBox {
    margin: 0.3125em;
    background: #1387BA;
    color: White;
}

.simpleScheduleLabel {
    margin-left: 0.625em;
}

.simpleScheduleTextbox {
    width: 15em;
    margin-left: 0.3125em;
}

.simpleScheduleButton {
    width: 5.625em;
    height: 1.563em;
    margin-left: 0.3125em;
    cursor: pointer;
}

/* Förbrukningshistorik
-----------------------------------------------------------*/

.consumptionHistorySelectedServiceText {
    vertical-align: middle;
}

.consumptionHistoryChartContainer {
}

    .consumptionHistoryChartContainer img {
        height: auto;
        width: auto;
        max-width: 100%;
    }

.consumptionHistoryNormalChart {
    /*background-color: #0064a2;
    background-color: var(--primary-color);*/
}

.consumptionHistoryFooterContainer {
    overflow: hidden;
}

.consumptionHistoryChartRadioButtonsContainer {
    float: left;
    overflow: hidden;
    padding: 0.4em;
}

.consumptionHistoryRadioButtonContainer {
    font-size: 0.875em;
    font-weight: normal;
    margin-top: 0.0625em;
}

    .consumptionHistoryRadioButtonContainer:focus-within {
        outline: solid;
        outline-width: thin;
        outline-color: #0064a2;
    }

.consumptionHistoryRadioButton {
    vertical-align: top;
    margin-right: 0.125em;
}

.consumptionHistoryCheckboxesContainer {
    float: left;
    overflow: hidden;
    line-height: 1.563em;
    padding: 0 0.938em 0 0.938em;
    margin-left: 0.9375em;
    font-size: 0.875em;
    font-weight: bold;
}

.consumptionHistoryCheckboxContainer {
    float: left;
    margin-right: 0.4375em;
    margin-top: 0.4375em;
    margin-bottom: 0.4735em;
}

    .consumptionHistoryCheckboxContainer:focus-within {
        outline: solid;
        outline-width: thin;
        outline-color: #0064a2;
    }

.consumptionHistoryCheckbox {
    vertical-align: -0.063em;
}

.consumptionHistoryGetLargeChartLinkContainer {
    float: right;
    overflow: hidden;
    line-height: 1.563em;
    margin-right: 0.4375em;
    margin-top: 0.2em;
}

    .consumptionHistoryGetLargeChartLinkContainer:focus-within {
        outline-style: solid;
        outline-color: #0064a2;
        outline-width: thin;
    }

.consumptionHistoryGetLargeChartLink {
    font-weight: normal;
}

.consumptionHistoryTable {
    border: 0.063em solid;
    width: 100%;
    border-collapse: collapse;
}

.consumptionHistoryColumn {
    background-color: #D7E4F5;
    padding: 0.313em 0.625em 0.313em 0.625em;
    border: 0.063em solid;
    text-align: center;
}


.consumptionHistoryTable th {
    background-color: #B0C4DE;
    text-align: center;
    height: 1.875em;
    padding: 0.063em;
    border: 0.063em solid;
}

.consumptionHistoryCheckboxesContainerOption {
    margin: 0.3125em;
}

#refreshButtonForIE {
    float: right;
}



/* Reklamation - Complaint
-----------------------------------------------------------*/

.ComplaintCheckboxesContainer {
    float: left;
    overflow: hidden;
    line-height: 1.563em;
    padding: 0 0.188em;
    font-size: 0.875em;
    font-weight: bold;
}


.ComplaintCheckbox {
    vertical-align: -0.063em;
}

.ComplaintDateEnterValuesTextboxFor {
    width: calc(100% - 0.375em);
}

.ComplaintAddImageButton {
    background: transparent;
    color: #333333;
}

.ComplaintImagesContainer {
    height: 6em;
    display: flex;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.ComplaintInvisibleImage {
    display: none;
}

.ComplaintVisibleImage {
    position: relative;
}

.ComplaintInvisibleErrorText {
    visibility: hidden;
}

.ComplaintImageRemoveButton {
    cursor: pointer;
    position: absolute;
    width: 2em;
    height: 2em;
    top: 0;
    right: 1em;
    padding: 0.2em;
}

.ComplaintImage {
    display: block;
    height: auto;
    max-height: 6em;
    padding-right: 1em;
    max-width: 7em;
}

.ComplaintMaxNbrOfImagesText {
    font-size: 0.875rem;
}

.complaint-text {
    word-break: break-word;
    margin-bottom: 1em;
}

.complaint-date {
    margin-bottom: 1em;
}

/* Beställning/ärende - ErrandOrder
-----------------------------------------------------------*/
.ErrandOrderCheckboxesContainer {
    float: left;
    overflow: hidden;
    line-height: 1.563em;
    padding: 0 0.188em;
    font-size: 0.875em;
    font-weight: bold;
}

.errand-examine-text {
    word-break: break-word;
    margin-bottom: 0.5em;
}

.errand-examine-date {
    margin-bottom: 1em;
}

.ErrandOrderCheckbox {
    vertical-align: -0.063em;
}

.ErrandOrderDateEnterValuesTextboxFor {
    width: 100%;
}

.Red {
    color: Red;
}

.Green {
    color: Green;
}

.Blue {
    color: Blue;
}

.MediumVioletRed {
    color: #C71585;
}

.SaddleBrown {
    color: #8B4513;
}

/* Mina ansökningar
-----------------------------------------------------------*/
.ApplicationsContainer {
    margin-bottom: 1.875em;
    border-bottom: 0.063em solid #444;
    padding: 0.313em 0.313em 0.625em 0.313em;
}

.ApplicationsHeadlineContainer {
    overflow: hidden;
    font-size: 1em;
}

.ApplicationsHeadlineLink {
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.ApplicationsHeadlineDate {
    opacity: 0.7;
    float: right;
}

.ApplicationsStatusContainer {
    width: 100%;
    overflow: hidden;
    margin: 0.9375em 0 0 0.3125em;
}

.ApplicationsStatusLabel {
}

.ApplicationTextContainer {
    overflow: hidden;
    margin: 0.1875em 0em 0em 0.3125em;
}

.ApplicationsText {
    opacity: 0.8;
}

.ApplicationDescriptionLink {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

.NoApplications {
    font-weight: bold;
}

.ApplicationDetailContainer {
    padding: 0.313em 0.313em 1.25em 0.313em;
    border-bottom: 0.063em solid #ccc;
}

.ApplicationDetailHeadlineLink {
    float: left;
    font-weight: bold;
}

.ApplicationDetailStatusContainer {
    width: 100%;
    overflow: hidden;
    margin-top: 0.9375em;
}

.ApplicationDetailTextContainer {
    font-size: 0.9375em;
    width: 100%;
    overflow: hidden;
    margin-top: 0.9375em;
}

.ApplicationDetailMessageContainer {
    width: 100%;
    overflow: hidden;
    margin-top: 0.5em;
}

.ApplicationBuildingContainer {
    width: 100%;
    overflow: hidden;
    margin-top: 0.5em;
}

.ApplicationBuilding {
    font-size: 0.9375em;
}

.ApplicationDetailHandlerNoteContainer {
    width: 100%;
    overflow: hidden;
    margin-top: 0.5em;
}

.ApplicationDetailHandlerNote {
    font-size: 0.8125em;
}

.ApplicationDetailLinkContainer {
    overflow: hidden;
    font-size: 0.8125em;
    font-weight: bold;
    margin: 0.1875em 0.4375em 1.875em 0;
    padding: 0em 0.313em 0em 0.313em;
}

.ApplicationDetailBackLink {
    margin-top: 0.1875em;
    float: left;
    text-decoration: none;
}

.ApplicationDetailRemoveLinkContainer {
    width: 7.5em;
    float: right;
}

.ApplicationDetailRemoveLink {
    margin-top: 0.1875em;
    float: left;
    text-decoration: none;
}

.ApplicationDetailRemoveIcon {
    float: right;
}

.ApplicationDetailNavigationContainer {
    width: 9.375em;
    overflow: hidden;
    font-weight: bold;
    float: right;
    margin-right: 0.4375em;
    margin-top: 1.875em;
}

.ApplicationDetailNavigationCenter {
    float: left;
    font-weight: normal;
    margin-left: 0.1875em;
    margin-right: 0.1875em;
}

.ApplicationDetailNavigationPreviousDiv {
    float: left;
    cursor: pointer;
}

.ApplicationDetailNavigationPreviousLink {
    text-decoration: none;
}

.ApplicationDetailNavigationLinkDisabled {
    cursor: default !important;
    font-weight: normal;
}

.ApplicationDetailNavigationNextDiv {
    float: left;
    cursor: pointer;
}

.ApplicationDetailNavigationNextLink {
    text-decoration: none;
}

.ApplicationConfirmDeleteContainer {
    padding: 0.313em 0 1.25em 0;
    border-bottom: 0.063em solid #ccc;
}

.ApplicationConfirmDeleteHeadline {
    font-weight: bold;
}

.ApplicationConfirmDeleteInformation {
    margin-top: 0.9375em;
}

.ApplicationConfirmDeleteElement {
    font-size: 0.9375em;
    display: block;
    margin-top: 0.5em;
}

.ApplicationConfirmDeleteLinkContainer {
    overflow: hidden;
    margin: 0.1875em 0 0 0;
    padding: 0 0.3125em 0 0.3125em;
    display: flex;
    justify-content: flex-end;
}

.ApplicationConfirmDeleteRemoveLinkContainer {
    float: right;
}

.ApplicationConfirmDeleteAbortButton {
    margin-top: 0.1875em;
    float: right;
    text-decoration: none;
}

.ApplicationConfirmDeleteConfirmButton {
    margin-top: 0.1875em;
    float: right;
    text-decoration: none;
}

.DeleteApplicationError {
    margin: 0.625em 0 0 0.3125em;
}

.BackToFirstPage {
    text-decoration: none;
    float: left;
    font-weight: bold;
}

/* Fakturahistorik
-----------------------------------------------------------*/
.InvoiceTable {
    border: 0.063em solid;
    width: 100%;
    border-collapse: collapse;
}

.InvoiceColumn {
    background-color: #D7E4F5;
    padding: 0.313em 0.625em 0.313em 0.625em;
    border: 0.063em solid;
    text-align: center;
}

.InvoiceDateColumn {
    width: 6.25em;
    padding: 0.063em;
}

.InvoiceTypeColumn {
    width: 11.875em;
    text-align: left;
    padding: 0.063em;
}

.InvoiceTable th {
    background-color: #B0C4DE;
    text-align: center;
    height: 1.875em;
    padding: 0.063em;
    border: 0.063em solid;
}

.DownloadInvoiceError {
    margin-top: 0.625em;
    margin-left: 0.125em;
}

.InvoiceDownload {
    padding: 0;
}

/* Mina abonnemang
-----------------------------------------------------------*/
.MyServicesGeneralInformationContainer {
    margin-bottom: 1.875em;
}

.MyServicesGeneralInformationPair {
    margin-bottom: 0.25em;
}

.MyServicesGeneralInformationHeadline {
    font-weight: bold;
}

.MyServicesGeneralInformationValue {
}

.MyServicesContainer {
    overflow: hidden;
}

.MyServicesDropDownContainer {
    overflow: hidden;
}

.MyServicesDropDownHeadline {
    font-weight: bold;
    text-decoration: underline;
}

.MyServicesUpdateButton {
    margin-top: 0.188em;
    float: right;
}

.MyServicesSelected {
    margin-bottom: 0.625em;
}

.MyServicesPair {
    margin-bottom: 0.313em;
}

.myServicesValueDiv {
    display: block;
    padding: 0px 0 5px 0;
}

.MyServicesHeadline {
}

.MyServicesValue {
    margin-left: 0.313em;
}

.myServicesOldValueContainer {
    width: 100%;
    overflow: hidden;
}

.myServicesValueContainer {
    float: left;
}

@media only screen and (min-width: 37.5em) {
    .myServicesValueContainer {
        float: left;
    }

    .myServicesHeadlineContainer {
        float: left;
    }
}

.myServicesValueContainer {
    overflow: hidden;
}

.myServicesPairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
}

.myServicesHeadlineContainer {
    overflow: hidden;
    width: 16em;
    color: black;
    margin-bottom: 0.25em;
}


/* Flyttanmälan
-----------------------------------------------------------*/
.OwnershipTransferHeadlineContainer {
    overflow: hidden;
    width: 13.125em;
    float: left;
}

.OwnershipTransferValueContainer {
    overflow: hidden;
    width: 19.375em;
    float: right;
}

.OwnershipTransferDateEnterValuesTextbox {
}

.OwnershipTransferExamineValueContainer {
    overflow: hidden;
    width: 19.375em;
    float: right;
}

.OwnershipTransferExaminePairContainer {
    margin-top: 0.125em;
    overflow: hidden;
}

.OwnershipTransferExamineHeadlineContainer {
    overflow: hidden;
    width: 13.125em;
    float: left;
}

.OwnershipTransferExamineValueContainer {
    overflow: hidden;
    width: 19.375em;
    float: right;
}

.OwnershipTransferExamineValueHeadline {
    float: left;
}

.OwnershipTransferExamineValueDiv {
    float: left;
}

.OwnershipTransferExamineMessage {
    margin-bottom: 1.563em;
}

.OwnershipTransferExamineHeadline {
    float: left;
}

.OwnershipTransferExamineValue {
    float: left;
}

.OwnershipTransferReceiptMessage {
    margin-bottom: 1.563em;
}

.OwnershipTransferEventDateEnterValuesTextbox {
}

.OwnershipTransferConfirmation {
    font-weight: bold;
}
/* Kvittens
-----------------------------------------------------------*/
.ApplicationReceiptMessage {
    font-weight: bold;
    margin-top: 0.313em;
}

.ApplicationReceiptDeliveryContainer {
    margin-top: 1.875em;
    display: inline-block;
}

.ApplicationReceiptDeliveryDescription {
    margin-bottom: 0.938em;
}

.ApplicationReceiptDeliveryOptionContainer {
    margin-bottom: 0.313em;
}

.ApplicationReceiptButtonContainer {
    margin-top: 0.188em;
    float: left;
}

.ApplicationReceiptDeliveryOptionContainer .ApplicationReceiptButton {
    width: 12.8em;
    margin-top: 0;
    margin-left: 0;
}

.ApplicationReceiptEmailContainer {
    float: left;
    margin: 0.188em 0 0 0.188em;
}

.ApplicationReceiptEmailInput {
    max-width: 21.875em;
    width: 100%;
    margin-bottom: 0.6em !important;
}

.ApplicationReceiptStatusMessage {
    margin-bottom: 1.25em;
    margin-left: 0.188em;
}

.ApplicationReceiptEmailSent {
    color: green;
    font-weight: bold;
}


/* Kvittens
-----------------------------------------------------------*/
.WastePickupReceiptMessage {
    font-weight: bold;
    margin-top: 0.313em;
}

.WastePickupSelectedBuildingText {
    vertical-align: middle;
    padding-bottom: 0.4em;
    display: block;
}

/* Nytt abonnemang - new service
-----------------------------------------------------------*/

.NewServiceSelectedBuildingText li {
    list-style-type: circle;
    color: white;
}

.new-service {
    margin-bottom: 0.5em;
}

.NewServiceCheckboxesContainer {
    float: left;
    overflow: hidden;
    line-height: 1.25em;
    padding: 0 0.188em;
    font-size: 1em;
    padding-top: 0.3125em;
}

.NewServiceSelectedServiceContainer {
    margin-bottom: 1em;
}

.ErrorMessage {
    color: red;
}

.NewServiceEventDateEnterValuesTextbox {
}

.StepContent {
    margin-top: 0.625em;
}

.FeeSelection {
    margin-bottom: 0.625em;
}

    .FeeSelection .SelectSelection {
        cursor: pointer;
    }

.SelectSelection input[type="checkbox"] {
    transform: scale(1.2);
}

/* Reklamation - Occurrences
-----------------------------------------------------------*/

.OccurrencesSelectedServiceText {
    vertical-align: middle;
}

.OccurrenceTabel {
    border: 0.063em solid;
    width: 100%;
    border-collapse: collapse;
}

.OccurrenceTabelColumn {
    padding: 0.313em 0.938em 0.313em 0.938em;
    border: 0.063em solid;
    text-align: center;
}

.OccurrenceTabel DateColumn {
    width: 6.25em;
    padding: 0.313em;
}

.OccurrenceTabel TypeColumn {
    width: 11.875em;
    text-align: left;
    padding: 0.313em;
}

.OccurrenceTabel th {
    background-color: White;
    text-align: center;
    height: 0.625em;
    padding: 0.313em;
    border: 0.063em solid;
    font-weight: bold;
    font-size: 0.75em;
}

table.OccurrenceTabel tr:nth-child(even) {
    background: #CCC;
}

table.OccurrenceTabel tr:nth-child(odd) {
    background: #FFF;
}

/* Ändring av abonnemang - servicechange
-----------------------------------------------------------*/

.ServiceChangeSelectedServiceText {
    vertical-align: middle;
}

.ServiceChangeTypesContainer {
    line-height: 1.5625em;
}

.ServiceChangeValuesTextboxFor {
    width: 100%;
}

.ChangeServiceEventDateEnterValuesTextbox {
}

.service-change-bins {
    margin-top: 0.5em;
}

.service-change-description, .service-change-date {
    margin-bottom: 0.5em;
}

/* Ändring av abonnemangspaket - servicepackage
-----------------------------------------------------------*/
.ServicePackageChangeEventDateEnterValuesTextbox {
}

.service-package-selected-building-text {
    vertical-align: middle;
}

.service-package-list-item {
    overflow: hidden;
}

    .service-package-list-item:hover {
        background-color: #e9eaea;
        cursor: pointer;
    }

    .service-package-list-item:focus-within {
        background-color: #e9eaea;
    }

.service-package-list-item-label:hover {
    cursor: pointer;
}

.service-package-fee-description {
    padding-top: 0.5em;
    flex-direction: row;
    display: flex;
    align-items: center;
}

.service-package-fee-quantity {
    display: inline;
}

.service-package-button {
    float: right;
}

.service-package-examine-description {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.service-package-examine-detail {
    display: inline-block;
}

.service-package-examine-date {
    margin-top: 0.5em;
}
/* Övriga Beställningar - Order
-----------------------------------------------------------*/
.order-orderrow-content {
    flex-direction: row;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.order-row-container {
    padding-top: 0.5em;
    align-items: center;
    width: 100%
}

.order-row-container-bottom {
    padding-top: 0.5em;
    align-items: center;
    width: 100%;
}

.order-row-quantity-select-container {
    flex: 0 0 4em;
    display: inline;
}

.order-row-fee-text, .order-row-single-fee-text {
    max-width: 100%;
}

.order-row-single-quantity {
    flex: 0 0 7em;
    display: inline;
}

.order-examine {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    word-break: break-word;
}

.order-cost {
    font-weight: 500;
}

.order-row-hidden {
    display: none;
}

.no-border {
    border-bottom: none;
}

.OrderSelectedBuildingText {
    vertical-align: middle;
}

.OrderTypeHeadLineDiv {
    margin-bottom: 30px;
    font-weight: bold;
}

.OrderTypePriceDiv {
    margin-top: 30px;
    font-weight: bold;
}

.OrderSelectedServiceText {
    vertical-align: middle;
}

.OrderHeadlineContainer {
    overflow: hidden;
    width: 13.125em;
    float: left;
}

.OrderValueContainer {
    overflow: hidden;
    width: 19.375em;
    float: right;
}

.OrderQuantityTextbox {
    margin-left: 0.7em !important;
    width: 5em;
}

/* Ändring av abonnemang - ServiceChange
-----------------------------------------------------------*/
.ServiceChangeValuesTextboxFor {
    width: 6.875em;
}

.ServiceChangeValuesDropDown {
    width: 7.5em;
}

.ServiceChangeCountBtn {
    font: 0.688em Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 0.125em 0.375em 0.125em 0.375em;
    border-top: 0.063em solid #CCCCCC;
    border-right: 0.063em solid #333333;
    border-bottom: 0.063em solid #333333;
    border-left: 0.063em solid #CCCCCC;
}

    .ServiceChangeCountBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#87ceeb));
    }


/* Sök hämtschema */
.SimpleSearch_ContainerDiv {
    width: 100%;
}

.SimpleSearch_SearchTextBox {
    width: 100%;
}

.SimpleSearch_GetWastePickupScheduleButton {
    margin: 0.188em 0em 0em 0em;
}

.SimpleSearch_Loading {
    width: 1.563em;
    height: 1.688em;
    margin-left: 0.75em;
}

.SimpleSearch_AdressNotFound {
    font-size: 0.8125em;
    margin-top: 0.938em;
    display: none;
}

.SimpleSearch_ErrorLabel {
    font-size: 0.8125em;
    color: Red;
    margin-top: 0.938em;
    display: none;
}

.SimpleSearch_NotSelectedLabel {
    font-size: 0.8125em;
    color: Red;
    float: left;
    margin-top: 0.938em;
    display: none;
}

.SimpleSearch_SearchResult {
    margin-top: 0.625em;
    margin-bottom: 0.625em;
    display: none;
}

    .SimpleSearch_SearchResult section {
        margin-bottom: 0.938em;
    }

        .SimpleSearch_SearchResult section h1 {
            font-size: 0.875em;
            margin-bottom: 0.125em;
        }

    .SimpleSearch_SearchResult ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .SimpleSearch_SearchResult li {
        margin-bottom: 0.313em;
    }

/* Customer information -------------------------------------------------------*/
.CustomerInformationLabel {
    min-width: 7em;
    display: block;
}

.CustomerInformationTextbox {
    width: 80%;
    margin-bottom: 0.25em;
}

.CustomerInformationSaveOptions {
    margin-top: 0.313em;
}

    .CustomerInformationSaveOptions.disabled {
        opacity: 0.7;
    }

.CustomerInformationAddNewContactLink {
/*    margin: 0 -0.5em 0 0;*/
    float: right;
}

/* ConfirmationOfTerms -------------------------------------------------------*/
.ConfirmationOfTermsTextboxFor {
    vertical-align: middle;
    margin-top: -0.125em;
}

.ConfirmationOfTermsLabel {
    margin-left: 0.313em;
}

.ConfirmationOfTermsPair {
    margin-top: 0.313em;
    margin-left: 0.313em;
}

/*AuotgiroBlankett ----------------------------------------------*/
.AutogiroBlankettSubmitButton {
    clear: both;
    margin-left: 0.313em;
}

/* Exemptions -------------------------------------------------------*/
.ExemptionsExtendButton, .ExemptionNewExemptionButton {
    float: right
}

.exemption-text {
    word-break: break-word;
}
/* TypeInstruction -------------------------------------------------------*/
.TypeInstruction {
    display: flex;
}

.TypeInstructionImage {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.1em;
    min-width: 1.2em;
    min-height: 1.2em;
}

.TypeInstructionText {
    margin: 0.2em 0.2em
}

.AddMarginBottom {
    margin-bottom: 1em;
}
/* ShowApplicationsViewModel -------------------------------------------------------*/

.application-imgs {
    max-width: 7em;
}

    .application-imgs:hover {
        cursor: pointer;
    }

.add-margin-top {
    margin-top: 0.6250em;
}

.lightbox {
    visibility: hidden;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .lightbox .bg {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .lightbox .application-img-full {
        background-color: white;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        max-width: 90%;
        max-height: 90%;
    }

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.padding-bottom {
    padding-bottom: 0.5em;
}
/* OwnershipTransferApplication -------------------------------------------------------*/
.ownershipTransferApplicationOldValuesContainer, .ownershipTransferApplicationNewValuesContainer {
    width: 100%;
    overflow: hidden;
}

.ownershipTransferApplicationPairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
}

.ownershipTransferApplicationHeadlineContainer {
    overflow: hidden;
    width: 16em;
    color: black;
    margin-bottom: 0.25em;
}

.ownershipTransferApplicationResponsibilityInformation {
    width: 100%;
    overflow: hidden;
}

.ownershipTransferApplicationNotificationInformation {
    width: 100%;
    overflow: hidden;
}
/* Mätarställning - Granska
-----------------------------------------------------------*/
.ownershipTransferApplicationGroupHeader {
    margin-top: 1.5625em;
    margin-bottom: 0.625em;
}

@media only screen and (min-width: 37.5em) {
    .ownershipTransferApplicationValueContainer {
    }

    .ownershipTransferApplicationHeadlineContainer {
        float: left;
    }
}

.ownershipTransferApplicationValueContainer {
}

.ownershipTransferApplicationOldValuesHeadline {
    float: left;
}

.ownershipTransferApplicationValueDiv {
    word-break: break-word;
}

.ownershipTransferApplicationNewValuesPairContainer {
    overflow: hidden;
    margin-bottom: 0.625em;
}

.ownershipTransferApplicationNewValuesPairDateContainer {
    overflow: hidden;
    margin-top: 0.3125em;
}

.ownershipTransferApplicationNewValuesHeadline {
    margin-top: 0.125em;
}

.ownershipTransferApplicationEnterValuesTextbox {
    width: 8em;
    margin-bottom: 0.125em;
}

.ownershipTransferApplicationAdressEnterValuesTextbox {
    width: 12em;
    margin-bottom: 0.125em;
}

.ownershipTransferApplicationSmallEnterValuesTextbox {
    width: 4em;
    margin-bottom: 0.125em;
}

/* Förbrukningsstatistik
-----------------------------------------------------------*/

.consumptionStatisticsChartContainer {
}

.consumptionStatisticsChartContainer img {
    height: auto;
    width: auto;
}

.consumptionStatisticsFooterContainer {
    overflow: hidden;
}

.consumptionStatisticsCheckboxesContainer {
    float: left;
    overflow: hidden;
    line-height: 1.563em;
    padding: 0 0.938em 0 0.938em;
    margin-left: 0.9375em;
    font-size: 0.875em;
}

.consumptionStatisticsCheckboxContainer {
    float: left;
    margin-right: 0.4375em;
    margin-top: 0.4375em;
    margin-bottom: 0.4735em;
}

.consumptionStatisticsCheckboxContainer:focus-within {
    outline: solid;
    outline-width: thin;
    outline-color: #0064a2;
}

.consumptionStatisticsCheckbox {
    vertical-align: -0.063em;
}

.consumptionStatisticsLabel {

}