/* Minification failed. Returning unminified contents.
(1580,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1581,28): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Medium-Grey-C1CED2'
(20971,36): run-time error CSS1034: Expected closing parenthesis, found ','
(20971,36): run-time error CSS1042: Expected function, found ','
(20971,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(21005,30): run-time error CSS1034: Expected closing parenthesis, found ','
(21005,30): run-time error CSS1042: Expected function, found ','
(21005,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(21501,42): run-time error CSS1030: Expected identifier, found ':'
(21501,43): run-time error CSS1031: Expected selector, found 'nth-child('
(21501,43): run-time error CSS1025: Expected comma or open brace, found 'nth-child('
(21505,42): run-time error CSS1030: Expected identifier, found ':'
(21505,43): run-time error CSS1031: Expected selector, found 'nth-child('
(21505,43): run-time error CSS1025: Expected comma or open brace, found 'nth-child('
(22114,32): run-time error CSS1039: Token not allowed after unary operator: '-Fill-Separator-1'
(22115,22): run-time error CSS1039: Token not allowed after unary operator: '-Base-Base-2'
(22126,32): run-time error CSS1039: Token not allowed after unary operator: '-Fill-Separator-1'
(22127,22): run-time error CSS1039: Token not allowed after unary operator: '-Base-Base-2'
 */
@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

button {
    font-family: inherit;
}

input:required {
    box-shadow: none;
    -moz-box-shadow: none;
}

body {
    font-family: 'Helvetica Neue', 'Segoe UI', 'Roboto', Segoe, Roboto, Helvetica, Arial, FreeSans, sans-serif;
    font-size: 13px;
    line-height: 1;
}

a {
    color: #014c85;
    text-decoration: none;
}

h1, h2, h3, h4 {
    line-height: 1;
    font-weight: normal;
    color: #333;
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

h1 {
    padding: 0;
    font-size: 32px;
    overflow: visible;
}

h2 {
    padding: 20px 0 15px;
    font-size: 24px;
}

h3 {
    padding: 10px 0 10px;
    font-size: 20px;
}

b,
strong {
    font-weight: bold;
}

hr {
    position: relative;
    float: left;
    width: 100%;
    height: 1px;
    padding: 0;
    line-height: 1;
    border: 0 none;
    background-color: #ccc;
    color: #ccc;
    margin: 0;
}

label.slide-checkbox-label {
    line-height: 35px;
    font-size: 13px;
}

.underlinedLink {
    text-decoration: underline;
    color: #000;
}

.highlighted {
    color: #bb1d2c !important;
}

    .highlighted:hover {
        text-decoration: underline;
    }

.linkBlue {
    color: #014c85 !important;
}

.disabledText {
    color: #6b6b6b;
}

.monospace {
    font-family: Courier, "Courier New", monospace;
}

.bold {
    font-weight: bold !important;
}

.font-semibold {
    font-weight: 400 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.italic {
    font-style: italic;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font16 {
    font-size: 16px !important;
}

.normalFont {
    font-size: 13px !important;
}

.rightaligntext {
    text-align: right !important;
}

.leftaligntext {
    text-align: left !important;
}

.centeraligntext {
    text-align: center !important;
}

.titleCentered {
    text-align: center;
}

.line-h18 {
    line-height: 18px !important;
}

.capitalize-first-letter::first-letter {
    text-transform: capitalize;
}

.m0 {
    margin: 0px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.p0 {
    padding: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.p10 {
    padding: 10px !important;
}

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

.pr10 {
    padding-right: 10px !important;
}

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

.pl10 {
    padding-left: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.p50 {
    padding: 50px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.full {
    float: left;
    padding-right: 30px;
    position: relative;
    width: 100%;
}

.fullOuter {
    padding-right: 25px;
    padding-left: 25px;
    width: 100%;
    float: left;
    position: relative;
}

.third {
    float: left;
    width: 33.3%;
    padding: 0 5px;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@media (max-width: 650px) {
    .third {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .third {
        width: 100%;
    }
}

.twoThird {
    float: left;
    width: 66.6%;
    padding: 0 5px;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@media (max-width: 650px) {
    .twoThird {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .twoThird {
        width: 100%;
    }
}

.half {
    float: left;
    width: 50%;
    padding: 0 5px;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@media (max-width: 420px) {
    .half {
        width: 100%;
    }
}

.forth {
    float: left;
    width: 25%;
    padding: 0 5px;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@media (max-width: 650px) {
    .forth {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .forth {
        width: 100%;
    }
}

.threeForth {
    float: left;
    width: 75%;
    padding: 0 5px;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@media (max-width: 650px) {
    .threeForth {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .threeForth {
        width: 100%;
    }
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

@media (max-width: 320px) {
    body {
        width: 320px;
    }
}

body.freezedScroll {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

:focus {
    outline: auto;
    outline-color: #a5c7fe;
    z-index: 1;
}

a:focus,
input:focus,
select:focus,
button:focus,
.focusable:focus {
    /*outline: #a5c7fe solid 2px;*/
    outline: auto;
    outline-color: #a5c7fe;
    z-index: 1;
}

img {
    font-size: 0 !important;
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

section {
    width: 100%;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
}

input::-ms-clear {
    display: none;
}

:-ms-input-placeholder {
    /* IE10–11 */
    color: #7f7f7f !important;
}

/*@media (max-width: 992px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px; } }

@media (max-width: 992px) {
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }*/

/*** http://codeboxers.com/ie10-responsive-design-fix-for-metro-snap/ ***/
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

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

.hidden {
    display: none !important;
}

button:disabled, .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

.floatNone {
    float: none !important;
}

.outlineNone {
    outline: none !important;
}

.accessibilityFocus {
    outline: 0;
}

.d-inline-block {
    display: inline-block;
}

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

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

.scrollable-table {
    overflow: auto;
}

.horizonalAutoScroll {
    overflow-x: auto;
}

.circleList {
    list-style: circle inside;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.blured,
.blured * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .blured * {
        opacity: 0.8;
    }

.clearBoth {
    clear: both !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* close commented backslash hack */
.mb90 {
    margin-bottom: 90px;
}

.mh10 {
    margin: 0 10px;
}

.marginNone {
    margin: 0 !important;
}

.marginTop {
    margin-top: 25px;
}

.marginBottom {
    margin-bottom: 25px;
}

.noSidePadding {
    padding: 0 !important;
}

.contentWithSpace {
    padding-left: 25px;
}

.w100 {
    width: 100% !important;
}

.wi50 {
    width: 50% !important;
}

.w-auto {
    width: auto !important;
}

@media (max-width: 767px) {
    .m-w-100 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .mob-ml0 {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .mob-mt10 {
        margin-top: 10px !important;
    }
}

.mobileOnly, .mobileOnly.sprite {
    display: none;
}

@media (max-width: 767px) {
    .mobileOnly, .mobileOnly.sprite {
        display: block;
    }
}

@media (max-width: 767px) {
    .hideMobile {
        display: none;
    }
}

#ScreenreaderSummary {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    outline: none;
}

.offscreen {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    border: 0 !important;
    word-wrap: normal !important;
}

.table-responsive {
    position: relative;
    float: left;
    width: 100%;
    overflow-x: auto;
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

@media (max-width: 767px) {
    .table-responsive > .table {
        margin-bottom: 0;
    }
}

.table-responsive {
    float: right;
}

.table-layout-fixed {
    table-layout: fixed;
    min-width: 100px;
    width: 100px;
}

@media (max-width: 767px) {
    .table-layout-fixed > thead > tr > th {
        min-width: 120px;
        width: 120px;
    }
}

.tableText {
    line-height: 25px;
}

.table {
    width: 100%;
    margin: 20px 0;
}

    .table .dateCell {
        white-space: nowrap;
    }

    .table > thead > tr > th,
    .table > thead > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #dadada;
    }

    .table > thead > tr > th {
        border-bottom: 2px solid #dadada;
    }

    .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody > tr > th,
    .table > tbody > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #dadada;
    }

        .table > tbody > tr > td.wrap-content {
            word-wrap: break-word;
        }

    .table > tbody + tbody {
        border-top: 2px solid #dadada;
    }

    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #dadada;
    }

form {
    overflow: visible !important;
}

.form {
    position: relative;
    float: left;
    width: 100%;
}

    .form .buttons {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 -5px;
        padding: 10px 0;
    }

    .form .table-responsive .buttons {
        position: relative;
        float: right;
        width: 100%;
        text-align: right;
        line-height: 1;
        margin: 0;
        padding: 10px 0;
    }

    .form form {
        position: relative;
        float: left;
        width: 100%;
    }

    .form p {
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .form ul {
        float: left;
        width: 100%;
    }

        .form ul .message p {
            font-size: 13px;
        }

    .form li {
        font-size: 13px;
        line-height: 16px;
        padding: 4px 0;
    }

        .form li p {
            font-size: 13px;
        }

section .buttons {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0;
}

section form .inputError {
    position: relative;
    float: left;
    height: auto;
    padding: 4px 20px 4px 35px;
    margin: 20px 0 0;
    line-height: 20px;
    background-color: #bb1d2c;
    color: #fff;
}

    section form .inputError .sprite {
        top: 7px;
        left: 10px;
    }

    section form .inputError:before {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        top: -10px;
        left: 20px;
        border: 5px solid transparent;
        border-bottom: 5px solid #bb1d2c;
    }

    section form .inputError p {
        position: relative;
        float: left;
        width: 100%;
        line-height: 20px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-size: 11px;
        color: #fff;
    }

input.checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

    input.checkbox.checked + span.checkbox {
        background-position: 0 -19px;
    }

    input.checkbox.partiallyChecked + span.checkbox {
        background-position: 0 -34px;
    }

    input.checkbox + span.checkbox {
        opacity: 1;
        filter: alpha(opacity=100);
    }

input.inputPlaceholderGrey::-moz-placeholder, input.inputPlaceholderGrey:-moz-placeholder {
    color: #999;
}

input[type="radio"] {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 16px;
    width: 16px;
}

    input[type="radio"] + label {
        display: inline-block;
        height: 100%;
        line-height: 16px;
        font-size: 13px;
        padding: 0;
    }

input[type=checkbox] + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 10px 0 10px 20px;
}

    .section h3 {
        float: none;
        line-height: 20px;
    }

    .section p {
        float: none;
        line-height: 20px;
    }

    .section.buttons {
        padding-left: 20px;
    }

        .section.buttons a.button {
            color: #fff;
        }

    .section ul {
        padding-left: 20px;
        list-style: square;
    }

    .section + .section {
        border-top-width: 0;
    }

.isTermAccepted {
    margin-top: 20px;
}

.termsOfUseArea {
    border-color: #dadada;
}

.registerForm {
    position: relative;
    left: 0;
}

.registerFull {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    width: 100%;
    word-wrap: break-word;
}

.list-item-radio {
    line-height: 16px;
    padding-bottom: 10px;
}

.inputErrorListItem {
    padding-top: 0 !important;
    margin-top: -20px !important;
}

    .inputErrorListItem .inputError {
        width: 40%;
        min-width: 230px;
        position: relative;
        float: left;
        height: auto;
        padding: 4px 20px 4px 35px;
        margin: 20px 0 0;
        line-height: 20px;
        background-color: #bb1d2c;
        color: #fff;
    }

        .inputErrorListItem .inputError .sprite {
            top: 7px;
            left: 10px;
        }

        .inputErrorListItem .inputError:before {
            position: absolute;
            width: 0;
            height: 0;
            content: "";
            top: -10px;
            left: 20px;
            border: 5px solid transparent;
            border-bottom: 5px solid #bb1d2c;
        }

        .inputErrorListItem .inputError p {
            position: relative;
            float: left;
            width: 100%;
            line-height: 20px;
            padding: 0;
            margin: 0;
            font-weight: bold;
            font-size: 11px;
            color: #fff;
        }

.generalError {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 35px;
    height: auto;
    min-height: 65px;
    padding: 20px 20px 20px 55px;
    background-color: #bb1d2c;
    color: #fff;
}

    .generalError .sprite {
        top: 23px;
        left: 20px;
    }

    .generalError p {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-weight: bold;
        font-size: 13px;
        color: #fff;
    }

    .generalError.greyError {
        background-color: #dadada;
    }

        .generalError.greyError p {
            color: #000;
        }

.mobileNumberPaddedWrapper {
    width: 100%;
    position: relative;
    padding-left: 45px;
    float: left;
}

#profileCountryCode {
    width: 35px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 35px !important;
    text-align: center;
}

table .buttonLink + .buttonLink {
    border: none;
}

span.checkbox {
    background-image: url(/privat/Resources/resources/skins/sweden/img/elements/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 18px !important;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    width: 18px !important;
    display: block;
}

    span.checkbox.disabled {
        opacity: 0.3 !important;
        filter: alpha(opacity=30) !important;
        cursor: default !important;
    }

:root input.checkbox + label {
    position: relative;
    float: left;
    width: 22px;
    font-size: 0;
}

    :root input.checkbox + label.disabled {
        opacity: 0.3 !important;
        filter: alpha(opacity=30) !important;
        cursor: default !important;
    }

        :root input.checkbox + label.disabled:before {
            cursor: default;
        }

        :root input.checkbox + label.disabled.text {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

            :root input.checkbox + label.disabled.text:before {
                opacity: 0.3;
                filter: alpha(opacity=30);
            }

    :root input.checkbox + label:before {
        position: relative;
        float: left;
        width: 22px;
        height: 22px;
        /*border: 2px solid transparent;
    border-radius: 5px;*/
        background-image: url(/privat/Resources/resources/skins/sweden/img/elements/checkboxBase.png);
        background-repeat: no-repeat;
        background-position: 0 1px;
        font-size: 0;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        content: " ";
    }

    :root input.checkbox + label.text {
        width: auto;
        line-height: 21px;
        font-size: 13px;
        text-indent: 5px;
    }

:root input.checkbox:focus + label:before {
    /*outline: #a5c7fe solid 2px;*/
    border-radius: var(--radius-sm, 6px);
    border: 1px solid var(--Brand-Medium-Grey-C1CED2, #C1CED2);
    background: #FFF;
    box-shadow: 0px 0px 0px 4px rgba(127, 154, 163, 0.14), 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    z-index: 1;
}

:root input.checkbox:checked + label:before {
    background-image: url(/privat/Resources/resources/skins/sweden/img/elements/checkboxChecked.png);
}

:root input.partiallyChecked + label:before {
    background-image: url(/privat/Resources/resources/skins/sweden/img/elements/checkboxChecked.png);
}

html:not(.ie8) input.checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.listWithSeparator li {
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    padding: 7px 0;
}

    .listWithSeparator li:last-child {
        border-bottom: none;
    }

.confirmMessage {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 35px;
    height: auto;
    min-height: 65px;
    line-height: 1.25;
}

    .confirmMessage .sprite {
        top: 19px;
        left: 17px;
    }

    .confirmMessage p {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-weight: bold;
        font-size: 13px;
        color: #fff;
    }

select.select {
    background-color: #fff;
    border: 1px solid #dadada;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 14px 0;
    max-width: 303px;
    padding: 10px 0 10px 5px;
    width: 100%;
}

@media (max-width: 767px) {
    select.select {
        max-width: 100%;
    }
}

.button {
    float: left;
}

    .button.button-success {
        background: #fff;
        cursor: default;
        pointer-events: none;
        color: #000;
        border: 1px solid #000;
    }

        .button.button-success .checkbox-button-success {
            position: relative;
            vertical-align: middle;
            margin-top: -5px;
        }

    .button.buttonSmall {
        min-width: 65px;
        padding: 0 10px;
        line-height: 28px;
        height: 28px;
    }

.ie9 .button.buttonSmall::before {
    content: "";
    display: block;
    width: 65px;
}

.button.buttonRight {
    float: right;
}

.button.delegateButton {
    margin: 5px 5px 5px 0 !important;
}

.buttons-given-accesses .button,
.buttons-received-accesses .button {
    min-width: 75px;
}

@media (max-width: 767px) {
    .button {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

.buttonDisabled {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=75);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

.categoriContainer {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}

.categoriContainerNormal {
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
    display: inline-flex
}

.recentAndFavoriteRecipientsText {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.selectRecipientButton {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: #DADADA;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    cursor:pointer
}

.categoriimage {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: flex-end;
    cursor: pointer;
}
.categoriImageReadMore {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.readMore {
    display: flex;
    cursor: pointer;
    align-items: center;
    align-self: stretch;
}

.backArrow {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0px;
    width: 100px;
}

.categoriBox {
    display: flex;
    padding: 24px 16px 16px 16px;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    width: 260px;
    min-height: 180px;
    cursor: pointer
}

    .categoriBox:hover {
        background: #f4f6f8
    }

.categoriimageText {
    display: flex;
    align-items: center; /* Aligns items vertically in the center */
    justify-content: space-between; /* Puts space between text and cross */
    width: 100%;
    max-width: 300px; /* Optional */
}

.recipientDescription {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-top: 0px !important;
}

.findCategorytext {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}


.recipientSubTitle {
    color: #333 !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 10px 0 20px 20px !important;
}

.recipientListViewName {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    cursor: pointer;
}
.listviewRecipient {
    position: relative;
    top: 30px;
    padding-bottom: 20px;
}

    .recipientListViewName:hover {
        text-decoration: underline;
    }
.recipientlistviewList {
    pointer-events: none;
    max-width: max-content;
}

    .recipientlistviewList p {
        pointer-events: auto;
    }

.categoriName {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0px !important;
}
.categoriRecipientName {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0px !important;
}

.buttonGrey {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #7f7f7f;
    background-image: -moz-linear-gradient(top, #7f7f7f, #6b6b6b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7f7f7f), to(#6b6b6b));
    background-image: -webkit-linear-gradient(top, #7f7f7f, #6b6b6b);
    background-image: -o-linear-gradient(top, #7f7f7f, #6b6b6b);
    background-image: linear-gradient(to bottom, #7f7f7f, #6b6b6b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b6b6b', endColorstr='#ff5e5e5e', GradientType=0);
    border-color: #6b6b6b #6b6b6b #333;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.buttonLink {
    font-size: 13px;
    min-width: 75px;
    text-indent: 0;
    float: left;
    text-align: center;
}

    .buttonLink.loading {
        background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .buttonLink:hover {
        text-decoration: underline;
    }

    .buttonLink + .buttonLink {
        border-left: 1px solid #ccc;
        border-right: 0;
    }

.buttonRegisterPayment {
    float: none;
    min-width: 180px;
    margin: 10px auto;
    padding: 0 20px;
    text-align: left;
    font-weight: bold;
}

.floatingActionBtn {
    position: relative;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
    background-color: #bb1d2c;
    transition: 0.2s;
}

    .floatingActionBtn:hover {
        cursor: pointer;
        background-color: #d42031;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
    }

    .floatingActionBtn:focus {
        outline: none !important;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #a5c7fe, 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    }

    .floatingActionBtn .sprite {
        top: 20px;
        left: 20px;
    }

.highlighted-button {
    font-size: 13px;
    background: #bb1d2c;
    color: #fff;
}

    .highlighted-button:hover {
        text-decoration: none;
    }

.vendor-button {
    overflow: hidden;
    display: block;
    color: #333;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 64px;
    text-decoration: none;
    border: 1px solid;
}

    .vendor-button.no_bidmob {
        background-image: url(/privat/Resources/resources/skins/sweden/img/objects/bankidnomobil_200x128.png);
    }

    .vendor-button.no_bidnc {
        background-image: url(/privat/Resources/resources/skins/sweden/img/objects/bankidno_200x128.png);
    }

.sprite {
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sprite.png);
    position: absolute;
    display: inline-block;
}

    .sprite.archive {
        background-position: 0 0;
        width: 20px;
        height: 20px;
    }

    .sprite.arrow-down {
        background-position: 0 -21px;
        width: 6px;
        height: 5px;
    }

    .sprite.attachment-icon {
        background-position: 0 -27px;
        width: 16px;
        height: 16px;
    }

    .sprite.calendar {
        background-position: 0 -44px;
        width: 18px;
        height: 18px;
    }

    .sprite.cannot-drop-mail {
        background-position: 0 -63px;
        width: 31px;
        height: 24px;
    }

    .sprite.checkbox {
        background-position: 0 -88px;
        width: 18px;
        height: 17px;
    }

    .sprite.checkbox-big {
        background-position: 0 -106px;
        width: 31px;
        height: 30px;
    }

    .sprite.checkbox-checked {
        background-position: 0 -137px;
        width: 18px;
        height: 17px;
    }

    .sprite.checkbox-checked-big {
        background-position: 0 -155px;
        width: 32px;
        height: 31px;
    }

    .sprite.checkbox-partially-checked {
        background-position: 0 -187px;
        width: 18px;
        height: 17px;
    }

    .sprite.checkbox-partially-checked-big {
        background-position: 0 -205px;
        width: 31px;
        height: 32px;
    }

    .sprite.collapse_dark {
        background-position: 0 -238px;
        width: 20px;
        height: 20px;
    }

    .sprite.collapse-dark-small {
        background-position: 0 -259px;
        width: 6px;
        height: 10px;
    }

    .sprite.confirmation-read {
        background-position: 0 -270px;
        width: 26px;
        height: 26px;
    }

    .sprite.confirmation-unread {
        background-position: 0 -297px;
        width: 29px;
        height: 20px;
    }

    .sprite.confirm-white {
        background-position: 0 -318px;
        width: 27px;
        height: 27px;
    }

    .sprite.crown {
        background-position: 0 -346px;
        width: 16px;
        height: 14px;
    }

    .sprite.deleted {
        background-position: 0 -361px;
        width: 20px;
        height: 20px;
    }

    .sprite.document {
        background-position: 0 -382px;
        width: 18px;
        height: 24px;
    }

    .sprite.drafts {
        background-position: 0 -407px;
        width: 20px;
        height: 20px;
    }

    .sprite.dropdown-arrow {
        background-position: 0 -428px;
        width: 6px;
        height: 5px;
    }

    .sprite.edit {
        background-position: 0 -434px;
        width: 13px;
        height: 13px;
    }

    .sprite.exclamation-mark {
        background-position: 0 -448px;
        width: 27px;
        height: 27px;
    }

    .sprite.exclamation-mark-white {
        background-position: 0 -476px;
        width: 27px;
        height: 27px;
    }

    .sprite.expand_dark {
        background-position: 0 -504px;
        width: 20px;
        height: 20px;
    }

    .sprite.expand-dark-small {
        background-position: 0 -525px;
        width: 10px;
        height: 6px;
    }

    .sprite.folder {
        background-position: 0 -532px;
        width: 23px;
        height: 20px;
    }

    .sprite.forwarded {
        background-position: 0 -553px;
        width: 33px;
        height: 26px;
    }

    .sprite.header-menu {
        background-position: 0 -580px;
        width: 12px;
        height: 10px;
    }

    .sprite.header-menu-dark {
        background-position: 0 -591px;
        width: 12px;
        height: 10px;
    }

    .sprite.header-menu-gray {
        background-position: 0 -602px;
        width: 12px;
        height: 10px;
    }

    .sprite.header-menu-link {
        background-position: 0 -613px;
        width: 24px;
        height: 24px;
    }

    .sprite.help_guide_64x64 {
        background-position: 0 -638px;
        width: 64px;
        height: 64px;
    }

    .sprite.help_guide_white_64x64 {
        background-position: 0 -703px;
        width: 64px;
        height: 64px;
    }

    .sprite.help-arrow {
        background-position: 0 -768px;
        width: 3px;
        height: 5px;
    }

    .sprite.inbox {
        background-position: 0 -774px;
        width: 20px;
        height: 20px;
    }

    .sprite.info-icon {
        background-position: 0 -795px;
        width: 17px;
        height: 17px;
    }

    .sprite.mail {
        background-position: 0 -813px;
        width: 24px;
        height: 16px;
    }

    .sprite.mailbox-home {
        background-position: 0 -830px;
        width: 15px;
        height: 14px;
    }

    .sprite.mail-delete {
        background-position: 0 -845px;
        width: 11px;
        height: 15px;
    }

    .sprite.mail-delete-big {
        background-position: 0 -861px;
        width: 16px;
        height: 20px;
    }

    .sprite.mail-delete-inactive {
        background-position: 0 -882px;
        width: 11px;
        height: 15px;
    }

    .sprite.mail-delete-inactive-big {
        background-position: 0 -898px;
        width: 16px;
        height: 20px;
    }

.mailList > li.mail .mailRight .mailDate > .sprite {
    font-size: 0;
    top: 5px;
    margin-left: -20px;
}

    .mailList > li.mail .mailRight .mailDate > .sprite.mail-reply {
        top: 2px !important;
    }

.sprite.mail-forward {
    background-position: 0 -919px;
    width: 12px;
    height: 10px;
}

.sprite.mail-forward-inactive {
    background-position: 0 -930px;
    width: 12px;
    height: 10px;
}

.sprite.mail-more-big {
    background-position: 0 -941px;
    width: 29px;
    height: 7px;
}

.sprite.mail-more-inactive-big {
    background-position: 0 -949px;
    width: 29px;
    height: 7px;
}

.sprite.mail-move {
    background-position: 0 -957px;
    width: 16px;
    height: 13px;
}

.sprite.mail-move-big {
    background-position: 0 -971px;
    width: 24px;
    height: 20px;
}

.sprite.mail-move-inactive {
    background-position: 0 -992px;
    width: 16px;
    height: 13px;
}

.sprite.mail-move-inactive-big {
    background-position: 0 -1006px;
    width: 24px;
    height: 20px;
}

.sprite.mail-reply {
    background-position: 0 -1027px;
    width: 14px;
    height: 17px;
}

.sprite.mail-reply-inactive {
    background-position: 0 -1045px;
    width: 14px;
    height: 17px;
}

.sprite.modal-alert {
    background-position: 0 -1063px;
    width: 32px;
    height: 33px;
}

.sprite.modal-confirm {
    background-position: 0 -1110px;
    width: 32px;
    height: 33px;
}

.signConfirmIcon {
    align-items: center;
    display: flex;
    height: 50px;
    width: 100% !important;
    position: relative;
    justify-content: center;
}

.signConfirmText {
    justify-content: center;
    display: flex;
}

.signConfirmContainer {
    background: #e7e6e6;
}

.sprite.modal-close {
    background-position: 0 -1097px;
    width: 10px;
    height: 12px;
}

.sprite.modal-confirm {
    background-position: 0 -1110px;
    width: 33px;
    height: 33px;
}

.sprite.modal-error {
    background-position: 0 -1144px;
    width: 20px;
    height: 17px;
}

.sprite.modal-input-error {
    background-position: 0 -1162px;
    width: 15px;
    height: 16px;
}

.sprite.new-document {
    background-position: 0 -1179px;
    width: 16px;
    height: 12px;
}

.sprite.next_light_20x20 {
    background-position: 0 -1192px;
    width: 20px;
    height: 20px;
}

.sprite.next_secondary_20x20 {
    background-position: 0 -1213px;
    width: 20px;
    height: 20px;
}

.sprite.person {
    background-position: 0 -1234px;
    width: 16px;
    height: 16px;
}

.sprite.person-big {
    background-position: 0 -1251px;
    width: 58px;
    height: 58px;
}

.sprite.previous_light_20x20 {
    background-position: 0 -1310px;
    width: 20px;
    height: 20px;
}

.sprite.previous_secondary_20x20 {
    background-position: 0 -1331px;
    width: 20px;
    height: 20px;
}

.sprite.quarantine {
    background-position: 0 -1352px;
    width: 29px;
    height: 20px;
}

.sprite.read {
    background-position: 0 -1373px;
    width: 22px;
    height: 22px;
}

.sprite.register-senders {
    background-position: 0 -1396px;
    width: 16px;
    height: 11px;
}

.sprite.reg-search {
    background-position: 0 -1408px;
    width: 34px;
    height: 34px;
}

.sprite.reply {
    background-position: 0 -1443px;
    width: 30px;
    height: 25px;
}

.sprite.search {
    background-position: 0 -1469px;
    width: 16px;
    height: 16px;
}

.sprite.search-folders {
    background-position: 0 -1486px;
    width: 20px;
    height: 20px;
}

.sprite.search-grey {
    background-position: 0 -1507px;
    width: 13px;
    height: 13px;
}

.sprite.search-user-icon {
    background-position: 0 -1521px;
    width: 20px;
    height: 20px;
}

.sprite.selection-dropdown {
    background-position: 0 -1542px;
    width: 6px;
    height: 5px;
}

.sprite.sent {
    background-position: 0 -1548px;
    width: 20px;
    height: 20px;
}

.sprite.previouslySent {
    background-position: 0 -1548px;
    width: 20px;
    height: 20px;
}

.sprite.shared-folder {
    background-position: 0 -1569px;
    width: 20px;
    height: 20px;
}

.sprite.signature-read {
    background-position: 0 -1590px;
    width: 27px;
    height: 29px;
}

.sprite.signature-unread {
    background-position: 0 -1620px;
    width: 29px;
    height: 23px;
}

.sprite.tablet-hide {
    background-position: 0 -1644px;
    width: 15px;
    height: 14px;
}

.sprite.tablet-show {
    background-position: 0 -1659px;
    width: 15px;
    height: 14px;
}

.sprite.tick {
    background-position: 0 -1674px;
    width: 15px;
    height: 14px;
}

.sprite.timepicker {
    background-position: 0 -1689px;
    width: 18px;
    height: 18px;
}

.sprite.tinymce-switch {
    background-position: 0 -1708px;
    width: 16px;
    height: 16px;
}

.sprite.unread {
    background-position: 0 -1725px;
    width: 20px;
    height: 20px;
}

.sprite.unread-big {
    background-position: 0 -1746px;
    width: 24px;
    height: 16px;
}

.sprite.upload-document {
    background-position: 0 -1763px;
    width: 18px;
    height: 12px;
}

.sprite.vee {
    background-position: 0 -1776px;
    width: 20px;
    height: 20px;
}

.sprite.vee-red {
    background-position: 0 -1797px;
    width: 20px;
    height: 20px;
}

.sprite.warn {
    background-position: 0 -1818px;
    width: 15px;
    height: 14px;
}

.sprite.warning {
    background-position: 0 -1833px;
    width: 16px;
    height: 16px;
}

.sprite.warning-icon {
    background-position: 0 -1850px;
    width: 20px;
    height: 18px;
}

.sprite.warning-white {
    background-position: 0 -1869px;
    width: 27px;
    height: 27px;
}

.sprite.modal-expand {
    background-position: 0px -1895px;
    width: 15px;
    height: 12px;
}

.sprite.new-mail {
    background-position: 0px -1975px;
    height: 12px;
    width: 20px;
}

.sprite.upload-document-red {
    background-position: 0px -1945px;
    height: 12px;
    width: 20px;
}

.sprite.settings {
    background-position: 0px -1959px;
    height: 16px;
    width: 20px;
}

.sprite.registrations {
    background-position: 0px -1989px;
    height: 14px;
    width: 20px;
}

.sprite.help {
    background-position: 0px -1925px;
    height: 19px;
    width: 20px;
}

.sprite.logoff {
    background-position: 0px -1909px;
    height: 14px;
    width: 20px;
}

.sprite.icon-checked {
    background-position: 0px -2030px;
    height: 27px;
    width: 27px;
}

.sprite.icon-checked-dark {
    background-position: 4px -2003px;
    height: 10px;
    width: 25px;
    margin-top: 9px;
}

.sprite.icon-success {
    background-position: 0px -2057px;
    height: 27px;
    width: 27px;
}

.sprite.icon-error {
    background-position: 0px -2084px;
    height: 27px;
    width: 27px;
}

.sprite.attachment-icon-small {
    background-position: 0 -2111px;
    width: 12px;
    height: 12px;
}

.sprite.plus {
    background-position: 0 -2123px;
    width: 20px;
    height: 20px;
}

.sprite.plus-grey {
    background-position: 0 -2143px;
    width: 20px;
    height: 20px;
}

.sprite.sign {
    background-position: 2px -2163px;
    width: 20px;
    height: 16px;
}

.sprite.edit-grey {
    background-position: 0 -2179px;
    width: 13px;
    height: 13px;
}

.icon-previous-secondary,
.icon-next-disabled,
.icon-previous-disabled,
.icon-next-secondary {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 1px;
    background-repeat: no-repeat;
    display: inline-block;
}

.spinner {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/spinner.gif);
    height: 32px;
    width: 32px;
}

.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/objects/preloader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height: 150px;
}

.loaderSmall {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin: 0 5px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
}

.greyForm {
    float: left;
    position: relative;
    width: 100%;
}

    .greyForm .background {
        text-align: center;
        color: #fff;
        padding: 5px;
    }

    .greyForm .signUpForm .formSection .full input[type=text].smsDigit {
        float: left;
        border: 1px solid #dadada;
        border-radius: 2px;
        color: #000;
        height: 33px;
        line-height: 33px;
        min-width: 40px;
        padding: 0 30px;
        width: 95px;
        margin-right: 10px;
    }

    .greyForm .signUpForm label {
        padding-bottom: 3px;
    }

    .greyForm .signUpForm ul li {
        padding: 0;
    }

    .greyForm .formSection {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 20px 20px;
        border-top: #e3e3e3 1px solid;
        background-color: #f5f5f5;
    }

        .greyForm .formSection .full {
            position: relative;
            float: left;
            width: 100%;
            padding: 0;
        }

        .greyForm .formSection .half {
            position: relative;
            float: left;
            width: 50%;
            padding: 0;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

@media (max-width: 767px) {
    .greyForm .formSection .half {
        width: 100%;
    }
}

.greyForm .disabled {
    color: #b3b3b3;
}

.greyForm .buttons {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 15px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

    .greyForm .buttons .button {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .greyForm .buttons .modalButtonRight {
        float: right;
        margin: 5px 0px 5px 5px;
    }

@media (max-width: 767px) {
    .greyForm .buttons .modalButtonRight {
        float: left !important;
        margin: 5px;
    }
}

.greyForm .text {
    color: #fff;
}

.greyForm .textVisible {
    color: #333;
}

.greyForm .generalError {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 35px;
    height: auto;
    min-height: 65px;
    padding: 20px 20px 20px 55px;
    background-color: #bb1d2c;
    color: #fff;
}

    .greyForm .generalError.greyError {
        background-color: #dadada;
    }

        .greyForm .generalError.greyError p {
            color: #000;
        }

    .greyForm .generalError .sprite {
        top: 23px;
        left: 20px;
    }

    .greyForm .generalError p {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-weight: bold;
        font-size: 13px;
        color: #fff;
    }

.greyForm .inputError {
    position: relative;
    float: left;
    height: auto;
    padding: 4px 20px 4px 35px;
    margin: 20px 0 0;
    line-height: 20px;
    background-color: #bb1d2c;
    color: #fff;
}

    .greyForm .inputError .sprite {
        top: 7px;
        left: 10px;
    }

    .greyForm .inputError:before {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        top: -10px;
        left: 20px;
        border: 5px solid transparent;
        border-bottom: 5px solid #bb1d2c;
    }

    .greyForm .inputError p {
        position: relative;
        float: left;
        width: 100%;
        line-height: 20px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-size: 11px;
        color: #fff;
    }

.greyForm .showConfirmNotification {
    padding: 8px 35px 8px 14px;
    text-shadow: none;
    border-width: 1px;
    border-style: solid;
    color: #fff;
}

.greyForm .subSectionDescription {
    line-height: 41px;
    padding-bottom: 0;
    font-weight: bold;
}

.greyForm label {
    position: relative;
    float: left;
    padding: 0 0 8px;
    line-height: 1.3;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    word-wrap: break-word;
    width: 100%;
}

.greyForm ul {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

    .greyForm ul li {
        position: relative;
        float: left;
        width: 100%;
        padding: 15px 0 0;
    }

        .greyForm ul li:first-child {
            padding-top: 0;
        }

.greyForm p {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0 15px;
    line-height: 1.3;
    font-size: 13px;
    color: #333;
    word-wrap: break-word;
}

.greyForm .half > p {
    margin: 22px 0 0;
    padding: 5px 10px 0;
    line-height: 1.1;
}

@media (max-width: 767px) {
    .greyForm .half > p {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.greyForm fieldset {
    position: relative;
    float: left;
    width: 100%;
}

    .greyForm fieldset.paddedFieldset {
        padding-left: 25px;
    }

        .greyForm fieldset.paddedFieldset label {
            width: 100%;
        }

        .greyForm fieldset.paddedFieldset input[type="checkbox"],
        .greyForm fieldset.paddedFieldset input[type="radio"] {
            line-height: 1.3;
            position: absolute;
            top: 0;
            left: 0;
        }

.greyForm textarea {
    position: relative;
    float: left;
    width: 100%;
    max-width: 303px;
    height: 110px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

.greyForm input[type="text"], .greyForm input[type="password"] {
    position: relative;
    float: left;
    width: 100%;
    max-width: 303px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    color: #000;
}

@media (max-width: 767px) {
    .greyForm input[type="text"], .greyForm input[type="password"] {
        max-width: 100%;
        min-width: 100px;
    }
}

.greyForm input[type="file"] {
    position: relative;
    float: left;
}

.greyForm input[type="checkbox"] {
    float: left;
    line-height: 1.3;
    position: relative;
}

.greyForm input[id=countryCode] {
    min-width: 35px !important;
    text-align: center;
}

.greyForm input#countryCode {
    width: 35px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.contentWithSpace .greyForm input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
}

.half .greyForm input[type=text],
.full .greyForm input[type=text],
.third .greyForm input[type=text] {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.greyForm input[type="text"].ng-invalid.ng-blured,
.greyForm input[type="password"].ng-invalid.ng-blured .greyForm.greyForm.ng-submitted input[type="text"].ng-invalid,
.greyForm.greyForm.ng-submitted input[type="password"].ng-invalid {
    border: 2px solid #bb1d2c;
    border-radius: 3px;
}

.decorationBox,
.decorationBoxWithDropdown {
    padding-right: 40px;
}

    .decorationBoxWithDropdown:before {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        top: -9px;
        left: 20px;
        border: 5px solid transparent;
    }

    .decorationBox span,
    .decorationBoxWithDropdown span {
        display: block;
        max-width: 100%;
        /*overflow: hidden;*/
        text-overflow: ellipsis;
    }

    .decorationBox a,
    .decorationBoxWithDropdown a {
        color: #fff;
        position: relative;
        width: 100%;
        float: left;
    }

.decorationBox {
    color: #fff;
    margin: 10px 0 5px;
    position: relative;
    float: left;
    padding: 7px 10px;
    line-height: 14px;
    font-size: 11px;
    max-width: 100%;
}

    .decorationBox.inbox-payment-cancel span {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .decorationBox.inbox-payment-left-margin span {
        margin-left: 20px !important;
    }

    .decorationBox .sprite {
        left: 10px;
        top: 50%;
        margin-top: -7px;
    }

    .decorationBox .statusLink {
        cursor: pointer;
        color: #fff;
        font-weight: bold;
    }

        .decorationBox .statusLink:hover {
            text-decoration: underline;
        }

    .decorationBox .inbox-payment-cancel-dropdown:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
        border-width: 6px 4px 0 4px;
        border-style: solid;
        border-color: #fff transparent;
    }

    .decorationBox p {
        margin: 0;
    }

.decorationBoxWithDropdown {
    padding-right: 40px;
}

.decorationBoxDocumentNote {
    padding-left: 30px;
    word-break: break-all;
    max-width: 100%;
}

    .decorationBoxDocumentNote a {
        display: inline;
        float: none;
        white-space: nowrap;
    }

.decorationBox.decorationBoxDocumentWarning {
    padding-left: 30px;
    color: #fff;
    background-color: #bb1d2c;
}

    .decorationBox.decorationBoxDocumentWarning:before {
        border-bottom: 5px solid #bb1d2c;
    }

.decorationBoxPaymentError {
    background-color: #bb1d2c !important;
}

    .decorationBoxPaymentError:before {
        border-bottom: 5px solid #bb1d2c !important;
    }

.decorationBoxDocumentNote .sprite {
    margin-top: -6px;
}

.decorationBoxDocumentSigned {
    padding-left: 30px;
    cursor: default;
}

.decorationBoxDropdown {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 28px;
    width: 28px;
}

    .decorationBoxDropdown span {
        height: 28px;
        width: 28px;
        border-left: 1px solid #fff;
        display: block;
        font-size: 0;
        background-color: #7f7f7f;
        cursor: pointer;
    }

    .decorationBoxDropdown ul {
        left: -9999px;
        position: absolute;
    }

    .decorationBoxDropdown.hover ul {
        right: 0;
        left: auto;
        top: 28px;
        border: 1px solid #ccc;
        z-index: 10;
    }

        .decorationBoxDropdown.hover ul li {
            height: 35px;
            border-top: 1px solid #ccc;
            background-color: #fff;
            line-height: 35px;
            white-space: nowrap;
            color: #999;
            padding: 0 8px;
            min-width: 100px;
        }

            .decorationBoxDropdown.hover ul li a {
                color: #999;
            }

            .decorationBoxDropdown.hover ul li:first-child {
                border-top: none;
            }

.datepicker .ui-datepicker-trigger {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 35px;
    bottom: 12px;
    border: none;
    margin: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sprite.png);
    background-color: #fff;
    background-position: 0 -44px;
    background-repeat: no-repeat;
}

.datepicker .datepickerInput {
    padding: 5px;
    margin-right: 0;
}

.datepicker .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.datepicker p {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    outline: none;
    /* Important, don't show an outline on-focus */
}

.datepicker .ui-datepicker {
    width: 18em;
    padding: .2em .2em 0;
    display: none;
}

    .datepicker .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            position: absolute;
            top: 2px;
            width: 1.8em;
            height: 1.8em;
        }

            .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
            .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
                display: block;
                position: absolute;
                left: 50%;
                margin-left: -8px;
                top: 50%;
                margin-top: -8px;
            }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            left: 2px;
        }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            right: 2px;
        }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
            top: 1px;
            left: 1px;
        }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
            top: 1px;
            right: 1px;
        }

        .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            margin: 0 2.3em;
            line-height: 1.8em;
            text-align: center;
        }

            .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
                font-size: 1em;
                margin: 1px 0;
                padding: 0;
                float: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                height: initial;
            }

                .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month-year {
                    width: 100%;
                }

                .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month, .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
                    width: 49%;
                }

    .datepicker .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .datepicker .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

.datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

    .datepicker table th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .datepicker table td {
        border: 0;
        padding: 1px;
    }

        .datepicker table td span,
        .datepicker table td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

.timeInput {
    border: 1px solid #dadada;
    border-radius: 2px;
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    padding-right: 35px;
    position: relative;
    width: auto;
    min-width: 100px;
    font-family: "Lucida Console", Monaco, monospace;
    background: #fff;
    -webkit-appearance: none;
    z-index: 1;
}

    .timeInput:after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        right: 10px;
        bottom: 10px;
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sprite.png);
        background-position: 0 -1689px;
        background-repeat: no-repeat;
        outline: none;
        border: none;
        margin: 0;
        font-size: 0;
        color: transparent;
        cursor: pointer;
        z-index: 2;
    }

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget .ui-icon {
        width: 16px;
        height: 16px;
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/ui-icons_222222_256x240.png);
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

        .ui-widget .ui-icon.ui-icon-circle-triangle-e {
            background-position: -48px -192px;
        }

        .ui-widget .ui-icon.ui-icon-circle-triangle-w {
            background-position: -80px -192px;
        }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #999;
    background: #fff 50% 50% repeat-x;
    color: #222;
}

    .ui-widget-content .ui-icon {
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/ui-icons_222222_256x240.png);
    }

    .ui-widget-content a {
        color: #222;
    }

.ui-widget-header {
    border: 1px solid #999;
    background: #ccc 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
}

    .ui-widget-header .ui-icon {
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/ui-icons_222222_256x240.png);
    }

    .ui-widget-header a {
        color: #222;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #dadada;
        background: #e3e3e3 50% 50% repeat-x;
        font-weight: normal;
        color: #6b6b6b;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
        .ui-widget-content .ui-state-default a,
        .ui-widget-content .ui-state-default a:link,
        .ui-widget-content .ui-state-default a:visited,
        .ui-widget-header .ui-state-default a,
        .ui-widget-header .ui-state-default a:link,
        .ui-widget-header .ui-state-default a:visited {
            color: #6b6b6b;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover {
        border: 1px solid #999;
        background: #dadada 50% 50% repeat-x;
        font-weight: normal;
        color: #222;
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited,
        .ui-widget-content .ui-state-hover a,
        .ui-widget-content .ui-state-hover a:hover,
        .ui-widget-content .ui-state-hover a:link,
        .ui-widget-content .ui-state-hover a:visited,
        .ui-widget-header .ui-state-hover a,
        .ui-widget-header .ui-state-hover a:hover,
        .ui-widget-header .ui-state-hover a:link,
        .ui-widget-header .ui-state-hover a:visited {
            color: #222;
            text-decoration: none;
        }

    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #999;
        background: #dadada 50% 50% repeat-x;
        font-weight: normal;
        color: #222;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #999;
        background: #fff 50% 50% repeat-x;
        font-weight: normal;
        color: #222;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited,
        .ui-widget-content .ui-state-active a,
        .ui-widget-content .ui-state-active a:link,
        .ui-widget-content .ui-state-active a:visited,
        .ui-widget-header .ui-state-active a,
        .ui-widget-header .ui-state-active a:link,
        .ui-widget-header .ui-state-active a:visited {
            color: #222;
            text-decoration: none;
        }

.viewDocument.tabs-shown .controls {
    margin-bottom: 18px;
}

.viewDocument.tabs-shown .full-height {
    height: 95%;
    border-top: none;
}

@media (max-width: 767px) {
    .viewDocument.tabs-shown .full-height {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.viewDocument.tabs-shown .elements-wrapper {
    margin-bottom: 0;
}

.viewDocument .content {
    text-align: center;
    height: 83%;
    padding-bottom: 15px;
}

    .viewDocument .content.left-align {
        text-align: left;
        padding-bottom: 0;
    }

    .viewDocument .content.pdf-safe-hide {
        opacity: 0;
    }

    .viewDocument .content .preview-content-wrapper {
        position: relative;
    }

        .viewDocument .content .preview-content-wrapper .unsupported-document {
            text-align: center;
            height: 220px;
            overflow: hidden;
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -110px;
        }

@media (max-width: 767px) {
    .viewDocument .content .preview-content-wrapper .unsupported-document {
        height: 160px;
        margin-top: -80px;
    }
}

.viewDocument .content .preview-content-wrapper .unsupported-document .icon {
    height: 128px;
    opacity: 0.3;
}

@media (max-width: 767px) {
    .viewDocument .content .preview-content-wrapper .unsupported-document .icon {
        height: 64px;
    }
}

.viewDocument .content .preview-content-wrapper .unsupported-document strong {
    text-transform: lowercase;
}

.viewDocument .modalHeader {
    padding: 13px 50px 13px 50px;
}

.viewDocument .mail-title {
    text-align: center;
}

.viewDocument .elements-wrapper {
    text-align: center;
    overflow: visible;
    margin-bottom: 32px;
}

@media (max-width: 992px) {
    .viewDocument .elements-wrapper {
        overflow: visible;
    }
}

@media (max-width: 992px) {
    .viewDocument .elements-wrapper .controls .control-item {
        display: none;
    }
}

.viewDocument .controls {
    display: inline-block;
    margin: 0 auto;
    float: none;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    vertical-align: top;
}

    .viewDocument .controls.top-margin {
        margin-top: 23px;
    }

    .viewDocument .controls.accessToActionsDisabled {
        pointer-events: none;
    }

        .viewDocument .controls.accessToActionsDisabled .general-dropdown .gd-placeholder {
            color: #7f7f7f;
        }

        .viewDocument .controls.accessToActionsDisabled em {
            opacity: 0.3;
        }

    .viewDocument .controls .control-item {
        display: inline-block;
        float: left;
        cursor: pointer;
        padding: 11px 20px;
        background: #f5f5f5;
        position: relative;
        border-left: 1px solid #ccc;
        z-index: 2;
    }

        .viewDocument .controls .control-item.icon {
            padding-right: 15px;
            padding-left: 35px;
        }

        .viewDocument .controls .control-item.disabled {
            color: #7f7f7f;
            pointer-events: none;
        }

            .viewDocument .controls .control-item.disabled a {
                color: #7f7f7f;
            }

        .viewDocument .controls .control-item:first-child {
            border-left: none;
        }

        .viewDocument .controls .control-item.tileGoTo {
            min-width: 80px;
            max-width: 200px !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .viewDocument .controls .control-item a {
            font-size: 12px;
            color: #000;
        }

            .viewDocument .controls .control-item a em {
                left: 13px;
                top: 12px;
            }

                .viewDocument .controls .control-item a em.mail-forward, .viewDocument .controls .control-item a em.mail-forward-inactive {
                    top: 15px;
                }

    .viewDocument .controls .control-item-select {
        padding: 1px 0 0 0;
    }

        .viewDocument .controls .control-item-select select {
            box-shadow: none;
            border: none;
        }

            .viewDocument .controls .control-item-select select:focus {
                outline: none;
            }

            .viewDocument .controls .control-item-select select option[disabled='disabled'] {
                color: #000;
                background-color: #ccc;
            }

    .viewDocument .controls label {
        display: none;
    }

.viewDocument .general-dropdown {
    width: 260px;
    border-left: 1px solid #ccc;
}

@media (max-width: 767px) {
    .viewDocument .general-dropdown {
        display: block;
    }
}

.viewDocument .general-dropdown ul li {
    padding: 15px 20px !important;
}

.viewDocument .payment-control {
    display: inline-block;
    margin-top: 22px;
    float: right;
}

@media (max-width: 1870px) {
    .viewDocument .payment-control {
        position: absolute;
        right: 0;
        margin-top: 0;
    }
}

@media (max-width: 992px) {
    .viewDocument .payment-control {
        display: none;
    }
}

.viewDocument .payment-control > .button {
    margin: 0;
    min-width: 95px;
}

.viewDocument .attachments-message {
    position: relative;
    z-index: 1;
    font-size: 12px;
    margin: -10px 0 20px 0;
    text-align: left;
    opacity: 0.6;
    text-align: center;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

.viewDocument .document-loader {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    float: none;
}

.viewDocument .iphone-scrollable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.viewDocument .full-height {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 10px;
}

    .viewDocument .full-height.minus-margin {
        margin-top: -1px;
    }

    .viewDocument .full-height.image-preview {
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .viewDocument .full-height.image-preview img {
            max-width: 100%;
            padding: 10px;
        }

.viewDocument .modalAlert {
    background: rgba(0, 0, 0, 0.7);
    height: 98%;
}

    .viewDocument .modalAlert .accessDeniedContainer {
        width: 742px;
        background: #fff;
        max-height: 282px;
        padding: 35px 45px;
        margin: 5% auto;
        float: none;
    }

    .viewDocument .modalAlert .modalHeader {
        position: relative;
        padding-top: 13px;
        padding-left: 50px;
    }

        .viewDocument .modalAlert .modalHeader h2 {
            padding-left: 0;
            padding-top: 0;
            font-size: 47px;
        }

    .viewDocument .modalAlert .modalContainer div {
        text-align: left;
    }

.viewDocument .accessDeniedContainer p {
    padding: 9px 0 15px;
}

.viewDocument .accessDeniedContainer .modalHeader .modal-alert {
    top: 23px;
}

.viewDocument .preview-inner-controls {
    text-align: right;
}

    .viewDocument .preview-inner-controls.forth {
        padding: 10px 20px;
        height: 12px;
    }

    .viewDocument .preview-inner-controls .sprite {
        position: relative;
    }

    .viewDocument .preview-inner-controls a {
        display: inline-block;
    }

.viewDocument .width90,
.viewDocument .width10 {
    float: left;
    padding: 0 5px;
    position: relative;
}

.viewDocument .width90 {
    width: 90%;
}

.viewDocument .width10 {
    width: 10%;
}

.viewDocument h3 {
    line-height: 30px;
}

    .viewDocument h3.left-align {
        text-align: left;
        padding-left: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.viewDocument iframe,
.viewDocument object {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
}

.viewDocument select {
    position: relative;
    height: 37px;
    width: 230px;
    padding: 7px 5px 5px 5px;
    float: left;
    margin: 0;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
}

    .viewDocument select option {
        color: #333;
    }

.ie9 .viewDocument .full-height {
    height: 87%;
}

.ng-modal-dialog.fullScreen {
    top: 0.5% !important;
    right: 1%;
    left: 0.5%;
    width: 99%;
    max-width: 99% !important;
    height: 99%;
    max-height: 99% !important;
    overflow: hidden;
}

    .ng-modal-dialog.fullScreen .ng-modal-dialog-content {
        padding: 0;
    }

        .ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent {
            padding: 0 20px;
        }

            .ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument .content {
                padding-bottom: 20px;
                min-height: 200px;
            }

@media (max-width: 767px) {
    .ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument .content #previewContentWrapper {
        padding: 0;
    }
}

.ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument .controls {
    margin-bottom: 30px;
}

.ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument .elements-wrapper .modalHeader {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0;
}

.ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument h3 {
    float: none;
    width: auto;
    display: inline;
    line-height: 1.4;
}

.ng-modal-dialog.fullScreen .ng-modal-dialog-content .modalContent .viewDocument select {
    height: 37px;
}

.rightSideContent {
    position: fixed;
    left: 1130px;
    min-width: 730px;
    z-index: 2;
}

    .rightSideContent.preview-top-padding {
        padding-top: 50px;
    }

@media (max-width: 1870px) {
    .rightSideContent {
        display: none !important;
    }
}

.rightSideContent .viewDocument {
    height: 100%;
}

    .rightSideContent .viewDocument .elements-wrapper {
        text-align: left;
    }

    .rightSideContent .viewDocument .modalAlert .accessDeniedContainer {
        width: 100%;
    }

    .rightSideContent .viewDocument .loader-side-view {
        position: absolute;
    }

/* Tabs for Preview */
.tabs {
    /* padding: 0 0 0 0;
    overflow: hidden;
    position: relative;*/
    z-index: 11;
    overflow-x: auto;
    /*display: -webkit-inline-box;*/
    display: flex;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

    .tabs::-webkit-scrollbar {
        background: transparent; /* make scrollbar transparent */
        -webkit-appearance: none;
        width: 0;
        height: 0;
        scrollbar-width: none;
    }

    .tabs.focusable:focus {
        outline: none;
    }

@media (max-width: 735px) {
    .tabs, #btnRight, #btnLeft {
        display: none;
    }
}

.tabs .tab {
    /*width: 170px;
    height: 50px;
    overflow: hidden;
    float: left;*/
    /* margin: 0 -15px 0 -10px;*/
    /* position: relative;*/
    cursor: pointer;
}

/*@media (max-width: 992px) {
    .tabs .tab {
        width: 165px;
    }
}

@media (max-width: 767px) {
    .tabs .tab {
        width: 95px;
    }
}*/

/*.tabs .tab:first-child {
    margin-left: -7px;
}*/

@media (max-width: 767px) {
    .tabs .tab:first-child {
        margin-left: -8px;
    }
}

/*.tabs .tab:first-child.active {
    margin-left: -2px;
}*/

@media (max-width: 992px) {
    .tabs .tab:first-child.active {
        margin-left: -7px;
    }
}

@media (max-width: 767px) {
    .tabs .tab:first-child.active {
        margin-left: -6px;
    }
}

.tabs .tab.active {
    z-index: 40 !important;
    /*position: relative;*/
    cursor: default;
    padding-bottom: 1px;
    /*margin-top: 1px;*/
}

    .tabs .tab.active .tab-box {
        background-color: #f5f5f5;
        border: none;
        /*height: 44px;*/
        border-bottom: none;
        line-height: 40px;
    }

    /*.safari .tabs .tab.active .tab-box {
    height: 70px !important;
}*/

    .tabs .tab.active a {
        font-weight: bold;
        line-height: 18px;
    }

.tabs .tab.tab-disabled {
    cursor: default;
}

    .tabs .tab.tab-disabled .tab-box {
        background: #fff;
        border-color: #dadada;
        border-top-color: #e3e3e3;
    }

    .tabs .tab.tab-disabled a {
        color: #dadada;
    }

.tabs .tab .tab-box {
    /*height: 70px;*/
    padding: 0 10px;
    background: #e3e3e3;
    border: none;
    border-right: 1px solid #ccc;
    /*margin: 0 10px 0;*/
    /* -webkit-transform: perspective(115px) rotateX(30deg);
      -moz-transform: perspective(115px) rotateX(30deg);
      -ms-transform: perspective(115px) rotateX(30deg); */
}

.tabs .tab .sprite {
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
}

.tabs .tab .document-name {
    font-size: 12px;
    font-weight: 500;
}

.tabs .bottom-border {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.tabs a {
    /*position: absolute;*/
    z-index: 11;
    /*top: 10px;
    left: 25px;*/
    font-size: 13px;
    display: inline-block;
    /*width: 115px;*/
    width: auto;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 40px;
    color: #000;
}

@media (max-width: 767px) {
    .tabs span {
        width: 42px;
    }
}

.tab:last-child last-child.tab-box {
    border: none !important;
}

.notificationsOffset .viewDocument .elements-wrapper {
    margin-bottom: 10px;
}

.notificationsOffset .viewDocument.tabs-shown .elements-wrapper {
    margin-bottom: 0;
}

.list-dropdown {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #dadada;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

    .list-dropdown.validatedok {
        background: url(/privat/Resources/resources/skins/sweden/img/icons/checkmark-icon.png) no-repeat 10px center;
        border: 1px solid #67bd53;
    }

    .list-dropdown.validatederror {
        background: url(/privat/Resources/resources/skins/sweden/img/icons/alert-icon.png) no-repeat 10px center;
    }

    .list-dropdown.triangle:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 4px 0 4px;
        border-style: solid;
        border-color: #7f7f7f transparent;
    }

    .list-dropdown.customicon:after {
        content: url(/privat/Resources/resources/skins/sweden/img/icons/recurring-payment-icon.png);
        width: 0;
        height: 0;
        position: absolute;
        right: 38px;
        margin-top: -1px;
    }

    .list-dropdown.active + .dropdown {
        opacity: 1;
        pointer-events: auto;
        position: absolute;
    }

    .list-dropdown span:empty::before {
        color: grey;
    }

        .list-dropdown span:empty::before[data-placeholder]:not([data-placeholder=""]) {
            content: attr(data-placeholder);
        }

    .list-dropdown span[data-placeholder]:not([data-placeholder=""]):empty::before {
        content: attr(data-placeholder);
    }

.dropdown-for-list-dropdown {
    position: absolute;
    top: 125%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: inherit;
    border: 1px solid #dadada;
    font-weight: normal;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    z-index: 20;
    padding: 0 !important;
}

    .dropdown-for-list-dropdown.inbox-payment-cancel {
        opacity: initial;
        top: 100%;
        pointer-events: all;
        padding: 5px 5px 5px 0 !important;
    }

        .dropdown-for-list-dropdown.inbox-payment-cancel.active {
            opacity: 1;
        }

        .dropdown-for-list-dropdown.inbox-payment-cancel:before, .dropdown-for-list-dropdown.inbox-payment-cancel:after {
            display: none;
        }

        .dropdown-for-list-dropdown.inbox-payment-cancel li {
            line-height: 15px;
        }

    .dropdown-for-list-dropdown:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 15px;
        border-width: 0 6px 6px 6px;
        border-style: solid;
        border-color: #fff transparent;
    }

    .dropdown-for-list-dropdown:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 13px;
        border-width: 0 8px 8px 8px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.1) transparent;
    }

    .dropdown-for-list-dropdown li {
        padding: 0 !important;
        line-height: 35px;
    }

        .dropdown-for-list-dropdown li a {
            display: block;
            text-decoration: none;
            color: #000;
            border-bottom: 1px solid #e3e3e3;
            padding: 0 0 0 10px;
            background-position: right 10px top 10px;
            background-repeat: no-repeat;
        }

            .dropdown-for-list-dropdown li a.hover {
                background-color: #d8eff7;
            }

        .dropdown-for-list-dropdown li:first-of-type a {
            border-radius: 2px 2px 0 0;
        }

        .dropdown-for-list-dropdown li:last-of-type a {
            border-radius: 0 0 2px 2px;
            border: none;
        }

.accordionItem {
    margin-bottom: 10px;
    box-shadow: 0px 3px 0px 0 #e3e3e3;
}

    .accordionItem.active .accordionItem-body {
        display: block;
    }

    .accordionItem .accordionItem-title {
        position: relative;
        height: 40px;
        padding: 0 25px;
        background-color: #bb1d2c;
        line-height: 40px;
        font-size: 13px;
        color: #fff;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        user-select: none;
    }

        .accordionItem .accordionItem-title:after {
            border-width: 0 6px 6px 6px;
        }

    .accordionItem .accordionItem-body {
        display: none;
        overflow: hidden;
        background-color: #e3e3e3;
    }

body.assistant-overlay {
    overflow: hidden !important;
}

    body.assistant-overlay #WrapperLeft,
    body.assistant-overlay #DesktopMenu,
    body.assistant-overlay .mailboxMenu,
    body.assistant-overlay .menuContainer,
    body.assistant-overlay aside {
        overflow: visible !important;
    }

    body.assistant-overlay #Header,
    body.assistant-overlay #MainContent {
        z-index: 0;
    }

.highlight-element-active {
    z-index: 50 !important;
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.8) !important;
    background-color: #fff !important;
    border-radius: 0 !important;
}

.highlight-element-active-message {
    position: absolute;
    z-index: 51 !important;
    color: #fff;
    background: #bb1d2c;
    padding: 15px;
}

.clear-input {
    position: relative;
    display: block;
}

    .clear-input .clear-input-btn {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 1;
        cursor: pointer;
    }

        .clear-input .clear-input-btn.hide {
            display: none;
        }

.notification-toast {
    border-width: 1px;
    border-style: solid;
    padding: 15px 20px;
    display: none;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 121;
}

.fixedHeading .notification-toast {
    top: 25px !important;
}

.mobile .notification-toast {
    left: 30px !important;
}

.notification-toast.success {
    border-color: #67bd53;
}

.notification-toast.danger {
    border-color: #f0ad4e;
}

.notification-toast.error {
    border-color: #d9534f;
}

.notification-toast.defaut {
    border-color: #7f7f7f;
}

.notification-toast .sprite {
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .notification-toast .sprite {
        vertical-align: top;
    }
}

.notification-toast .toast-message {
    width: 80%;
}

.general-dropdown {
    position: relative;
    float: left;
    width: auto;
    width: 280px;
    height: 38px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
}

.full-width-gd-wrapper .general-dropdown {
    width: 100%;
}

.modalContent .general-dropdown ul {
    position: absolute;
}

    .modalContent .general-dropdown ul.opened-dropdown {
        padding-bottom: 0;
    }

@media (max-width: 767px) {
    .general-dropdown {
        width: 100%;
        height: 38px;
    }
}

.general-dropdown:focus {
    outline: none;
    box-shadow: none;
}

.general-dropdown.error {
    border: 2px solid #bb1d2c !important;
    position: relative;
}

    .general-dropdown:focus > .gd-placeholder {
        outline: #a5c7fe solid 2px;
        z-index: 1;
    }

.general-dropdown.bordered {
    border: 1px solid #e3e3e3;
}

.general-dropdown.hover ul {
    left: 0;
}

.general-dropdown.public-mail-rule-dropdown ul {
    max-height: 125px;
}

.general-dropdown .name a {
    color: #333;
    font-weight: bold;
}

.general-dropdown .gd-placeholder {
    padding: 0 30px 0 20px;
    line-height: 36px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .general-dropdown .gd-placeholder:after {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 40px;
        content: '\25BC';
        font-size: 7px;
        color: #7f7f7f;
        width: 20px;
        height: 38px;
    }

.general-dropdown .logged div {
    background-color: #fff;
    width: 100%;
    padding: 0 0 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.general-dropdown .sprite {
    top: 9px;
    left: 14px;
}

.general-dropdown .dropdown-search-query {
    width: 100%;
    border: none;
    padding: 0;
    outline: none;
    height: 36px;
    display: block;
}

.general-dropdown ul {
    position: absolute;
    z-index: 9999;
    left: -9999px;
    width: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: auto;
    max-height: 300px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    top: 38px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(51, 51, 51, 0.11);
    -moz-box-shadow: 1px 1px 5px 0px rgba(51, 51, 51, 0.11);
    box-shadow: 1px 1px 5px 0px rgba(51, 51, 51, 0.11);
}

    .general-dropdown ul:focus {
        outline: none;
        box-shadow: none;
    }

    .general-dropdown ul li {
        display: block;
        box-sizing: border-box;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 !important;
    }

        .general-dropdown ul li.disabled {
            background: #ccc;
            color: #7f7f7f;
            pointer-events: none;
            cursor: default;
        }

        .general-dropdown ul li:hover, .general-dropdown ul li.hover {
            background-color: #d8eff7;
        }

        .general-dropdown ul li a {
            padding: 15px 20px !important;
            display: block;
        }

.general-dropdown input[placeholder] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.general-dropdown-compatible {
    width: 280px;
    height: 38px;
    display: block;
}

@media (max-width: 767px) {
    .general-dropdown-compatible {
        width: 100%;
    }
}

.toggles {
    width: 38px;
}

    .toggles.d-inline-block {
        margin-top: -18px;
        vertical-align: middle;
    }

    .toggles .ios-toggle, .toggles .ios-toggle:active {
        height: 0;
        width: 0;
        opacity: 0;
        border: none;
        outline: none;
    }

        .toggles .ios-toggle:checked + .checkbox-label {
            -webkit-box-shadow: inset 0 0 0 20px #67bd53, 0 0 0 0px #67bd53;
            -moz-box-shadow: inset 0 0 0 20px #67bd53, 0 0 0 0px #67bd53;
            box-shadow: inset 0 0 0 20px #67bd53, 0 0 0 0px #67bd53;
        }

            .toggles .ios-toggle:checked + .checkbox-label:before {
                left: calc(100% - 23px);
                -webkit-box-shadow: 0 0 0 0px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 0 0 0px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 0 0px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
            }

            .toggles .ios-toggle:checked + .checkbox-label:after {
                content: attr(data-on);
                left: 45px;
                width: 24px;
            }

        .toggles .ios-toggle:focus + .checkbox-label {
            outline: #a5c7fe solid 2px;
            z-index: 1;
        }

    .toggles.toggle-no-text .checkbox-label:not([data-off]):after {
        content: none;
    }

    .toggles.toggle-no-text .ios-toggle:checked + .checkbox-label:not([data-on]):after {
        content: none;
    }

    .toggles .checkbox-label {
        display: block;
        position: relative;
        padding: 10px;
        font-size: 0px;
        line-height: 16px;
        width: 100%;
        height: 25px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        background: #dadada;
        cursor: pointer;
    }

        .toggles .checkbox-label:before {
            content: '';
            display: block;
            position: absolute;
            z-index: 1;
            line-height: 34px;
            text-indent: 40px;
            height: 21px;
            width: 21px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            top: 2px;
            left: 0px;
            right: auto;
            background: #fff;
            -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dadada;
            -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dadada;
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dadada;
        }

        .toggles .checkbox-label:after {
            content: attr(data-off);
            display: block;
            position: absolute;
            z-index: 0;
            top: 0;
            left: -300px;
            padding: 10px;
            height: 100%;
            text-align: right;
            color: #b3b3b3;
            white-space: nowrap;
        }

    .toggles *,
    .toggles *:before,
    .toggles *:after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        outline: none;
        font-family: Helvetica Neue,helvetica,arial,verdana,sans-serif;
    }

@media (max-width: 767px) {
    .toggles-wrap label:first-child {
        max-width: 80%;
        display: inline-block;
    }
}

.search {
    float: left;
    width: 100%;
    z-index: 10;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .search .menu {
        position: relative;
        float: right;
        width: 105px;
        height: 40px;
        cursor: pointer;
        line-height: 40px;
        margin: 0 10px 0 0;
        padding: 0 0 0 40px;
        overflow: visible;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        background-color: #000;
        z-index: 2;
    }

        .search .menu.hover .dropdown {
            left: 0;
        }

        .search .menu .dropdown {
            position: absolute;
            top: 40px;
            left: -9999px;
            width: 150px;
            background-color: #f00;
            color: #fff;
        }

    .search .buttonHeader {
        position: relative;
        float: right;
        display: block;
        width: 75px;
        height: 40px;
        margin: 0 10px 0 0;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        background-color: #000;
        z-index: 2;
    }

        .search .buttonHeader:hover {
            opacity: 0.85;
            filter: alpha(opacity=85);
        }

    .search form {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        z-index: 1;
    }

    .search fieldset {
        height: 40px;
        padding: 0 5px;
        width: 100%;
        overflow: hidden;
    }

    .search input {
        position: relative;
        float: left;
        width: 100%;
        height: 40px;
        line-height: 16px;
        padding: 10px 85px 10px 15px;
        border: 1px solid #dadada;
        border-right: 0 none;
        background-color: #fff;
        -moz-box-shadow: inset 0 1px 4px #dadada;
        -webkit-box-shadow: inset 0 1px 4px #dadada;
        box-shadow: inset 0 1px 4px #dadada;
        color: #7f7f7f;
    }

    .search button {
        position: relative;
        float: right;
        top: -40px;
        width: 70px;
        height: 40px;
        border: 0 none;
        background-color: #bb1d2c;
        cursor: pointer;
    }

        .search button:hover {
            opacity: 0.85;
            filter: alpha(opacity=85);
        }

        .search button .sprite {
            top: 50%;
            left: 50%;
            margin-top: -8px;
            margin-left: -8px;
        }

#SearchResults {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0 0;
}

    #SearchResults .group {
        position: relative;
        float: left;
        width: 100%;
        margin: 35px 0 0;
        list-style: none;
    }

        #SearchResults .group li {
            position: relative;
            float: left;
            width: 100%;
            line-height: 25px;
            padding: 10px 0;
            border-bottom: 1px solid #e3e3e3;
        }

            #SearchResults .group li span,
            #SearchResults .group li a {
                text-decoration: none;
                font-size: 12px;
                font-weight: normal;
            }

            #SearchResults .group li a {
                color: #bb1d2c;
            }

                #SearchResults .group li a:hover {
                    text-decoration: underline;
                }

#SenderSelection {
    position: relative;
    float: left;
    width: 100%;
    padding: 19px 15px;
    text-align: center;
    line-height: 1;
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

    #SenderSelection a {
        display: inline-block;
        color: #000;
        font-size: 13px;
        padding: 7px 5px 8px;
        text-decoration: none;
        text-align: center;
    }

        #SenderSelection a.selected {
            color: #fff;
            background-color: #bb1d2c;
        }

        #SenderSelection a.disabled {
            color: #ccc;
            cursor: text;
        }

@media (min-width: 768px) and (max-width: 1020px) {
    #SenderSelection a:last-child {
        width: 6.66%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #SenderSelection a:last-child {
        width: 8.66%;
    }
}

@media (max-width: 479px) {
    #SenderSelection a:last-child {
        width: 11.99%;
    }
}

@media (max-width: 1020px) {
    #SenderSelection a {
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 1020px) {
    #SenderSelection a {
        width: 3.33%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #SenderSelection a {
        width: 6.66%;
    }
}

@media (max-width: 479px) {
    #SenderSelection a {
        width: 9.99%;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) {
    .dibsWindowIframeWrap {
        height: 820px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .dibsWindowIframeWrap {
        height: 590px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

.dibsWindowIframeWrap iframe {
    height: 931px;
    width: 100%;
}

.dibsReepayWindowIframeWrap {
    height: 1040px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) {
    .dibsReepayWindowIframeWrap {
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .dibsReepayWindowIframeWrap {
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 992px) {
    .dibsReepayWindowIframeWrap {
        height: 1100px;
    }
}

@media (max-width: 380px) {
    .dibsReepayWindowIframeWrap {
        height: 1200px;
    }
}

.dibsReepayWindowIframeWrap iframe {
    height: 100%;
    width: 100%;
}

.activitiesContainer {
    float: left;
    position: relative;
    margin-right: -160px;
    width: 100%;
}

    .activitiesContainer .topFiltering {
        position: relative;
        top: -5px;
        height: 20px;
    }

        .activitiesContainer .topFiltering .topFilteringDropdown.hover ul {
            right: 0;
            left: auto;
            top: 13px;
            z-index: 10;
        }

            .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li {
                height: 30px;
                background-color: #fff;
                line-height: 30px;
                white-space: nowrap;
            }

                .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li:first-child {
                    border-top: none;
                }

                .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li a {
                    position: relative;
                    color: #000;
                    font-size: 13px;
                    width: 100%;
                    height: 30px;
                    line-height: 30px;
                    float: left;
                    display: block;
                    padding: 0 10px 0 10px;
                    white-space: nowrap;
                }

                    .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li a.selected {
                        font-weight: bold;
                    }

        .activitiesContainer .topFiltering .topFilteringDropdown .sprite {
            top: 8px;
            left: 10px;
        }

        .activitiesContainer .topFiltering .topFilteringDropdown ul {
            left: -9999px;
            position: absolute;
        }

        .activitiesContainer .topFiltering .topFilteringDropdown > a {
            float: right;
            line-height: 13px;
            font-size: 10px;
            color: #000;
            font-weight: bold;
            cursor: pointer;
        }

            .activitiesContainer .topFiltering .topFilteringDropdown > a:after {
                content: '\25BC';
                font-size: 8px;
                vertical-align: 1.7px;
                font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'sans-serif';
                float: right;
                color: #999;
                font-weight: bold;
                margin-left: 5px;
            }

        .activitiesContainer .topFiltering > span {
            float: right;
            line-height: 13px;
            font-size: 10px;
            color: #666;
            margin-right: 5px;
            font-weight: bold;
        }

    .activitiesContainer .showMore {
        width: 100%;
        background: #f5f5f5;
        height: 60px;
        margin-top: 30px;
    }

        .activitiesContainer .showMore.loader {
            background-position: 50% 50%;
            background-repeat: no-repeat;
            min-height: 0;
        }

            .activitiesContainer .showMore.loader a {
                display: none;
            }

        .activitiesContainer .showMore a {
            display: block;
            font-size: 13px;
            font-weight: bold;
            height: 60px;
            line-height: 60px;
            width: 100%;
            text-align: center;
        }

.activitiesList {
    margin-top: 5px;
    width: 100%;
    min-width: 280px;
}

.activitiesNoItemsBox {
    float: none;
    height: 56px;
}

.activitiesSubContainer {
    margin-right: 150px;
}

@media (max-width: 767px) {
    .activitiesSubContainer {
        margin-right: 0;
    }
}

.activitiesFeedItem {
    font-size: 13px;
}

#activitiesContainer > .full {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.sideBar {
    float: right;
    width: 100px;
    margin: 26px 0 30px 10px;
}

@media (max-width: 767px) {
    .sideBar {
        display: none;
    }
}

.FeedActivityTileToolbar.documentToolbar {
    border-top: 1px solid #e3e3e3;
    float: left;
    width: 100%;
    padding-top: 10px;
    margin-top: 14px;
}

    .FeedActivityTileToolbar.documentToolbar .sectionFolder {
        position: relative;
        line-height: 18px;
    }

@media (max-width: 400px) {
    .FeedActivityTileToolbar.documentToolbar .sectionFolder {
        width: 100%;
    }
}

.FeedActivityTileToolbar.documentToolbar .sectionFolder .folderNameText {
    color: #999;
    position: absolute;
}

.FeedActivityTileToolbar.documentToolbar .sectionFolder .folderNameBinding {
    float: none;
    width: 100%;
    padding-left: 45px;
    /* overflow: hidden;*/
    text-overflow: ellipsis;
}

.FeedActivityTileToolbar.documentToolbar .toolbarSection {
    position: relative;
    border-right: 1px solid #e3e3e3;
    float: left;
    padding-right: 19px;
    margin-right: 19px;
    color: #004769;
    font-size: 12px;
    max-width: 100%;
}

@media (max-width: 400px) {
    .FeedActivityTileToolbar.documentToolbar .toolbarSection {
        padding-left: 0;
        padding-right: 0;
        border-right: none;
    }
}

.FeedActivityTileToolbar.documentToolbar .toolbarSection:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.FeedActivityTileToolbar.documentToolbar .toolbarSection.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_10x10.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left: 14px;
    min-height: 0;
}

.FeedActivityTileToolbar.documentToolbar .sectionMore {
    cursor: pointer;
    position: relative;
    line-height: 18px;
}

    .FeedActivityTileToolbar.documentToolbar .sectionMore.actionDisabled {
        cursor: default;
        color: #ccc;
    }

    .FeedActivityTileToolbar.documentToolbar .sectionMore.hover ul {
        top: auto;
        left: auto;
    }

@media (max-width: 600px) {
    .FeedActivityTileToolbar.documentToolbar .sectionMore.hover ul {
        right: 0;
    }
}

.FeedActivityTileToolbar.documentToolbar .sectionMore:after {
    content: "\25BC";
    font-size: 8px;
    vertical-align: 1.7px;
    font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'sans-serif';
}

.FeedActivityTileToolbar.documentToolbar .sectionMore ul {
    top: -9999px;
    left: -9999px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 12;
    cursor: default;
}

    .FeedActivityTileToolbar.documentToolbar .sectionMore ul li {
        border-top: 1px solid #ccc;
        height: 40px;
        line-height: 18px;
        font-size: 12px;
        color: #000;
        white-space: nowrap;
        width: 100%;
    }

        .FeedActivityTileToolbar.documentToolbar .sectionMore ul li:first-child, .FeedActivityTileToolbar.documentToolbar .sectionMore ul li.grouppedAction {
            border-top: none;
        }

        .FeedActivityTileToolbar.documentToolbar .sectionMore ul li.actionDisabled {
            color: #ccc;
        }

            .FeedActivityTileToolbar.documentToolbar .sectionMore ul li.actionDisabled:hover {
                background-color: inherit;
            }

        .FeedActivityTileToolbar.documentToolbar .sectionMore ul li:hover {
            background-color: #d8eff7;
        }

        .FeedActivityTileToolbar.documentToolbar .sectionMore ul li a,
        .FeedActivityTileToolbar.documentToolbar .sectionMore ul li span {
            padding: 10px 15px 12px;
            display: block;
        }

.FeedActivityTileToolbar.documentToolbar .actionDisabled {
    cursor: default;
    color: #ccc;
}

#ShowSearch {
    display: none;
    position: relative;
    width: 50px;
    height: 50px;
    float: right;
    color: transparent;
    background-color: #bb1d2c;
    font-size: 0;
}

.modalVisible #ShowSearch {
    display: none;
}

#ShowSearch .sprite {
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.message {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 15px 20px;
    background-color: #233E4B;
    font-size: 13px;
}

    .message.warning p,
    .message.warning div, .message.info p,
    .message.info div {
        color: #000;
    }

    .message.error {
        background-color: #bb1d2c;
    }

        .message.error a {
            color: #fff;
            text-decoration: underline;
        }

    .message.info {
        background-color: #d8eff7;
    }

    .message.warning {
        background-color: #fef8c4;
        border: 1px solid #d0c059;
    }

    .message .header {
        font-weight: bold;
    }

    .message p,
    .message a,
    .message div {
        line-height: 1;
        font-size: 13px;
        font-weight: normal;
        margin: 0;
    }

    .message p {
        margin: 5px 0;
        float: left;
        width: auto;
    }

.form .message p {
    width: 100%;
}

.message > * {
    color: #fff;
}

.savePopupConfirm {
    position: fixed;
    height: 64px;
    z-index: 3;
    width: auto;
    bottom: 20px !important;
    left: 20px;
    background-color: #C6DFEC;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border: 1px solid #9FC9DF;
}


/*color-profile information section*/

.contactinfoHelpIcon {
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Help.jpg);
    /*position: absolute;*/
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    margin-top: -5px;
    float: right;
}

.contactInfoHeader {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.contactInfotext {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
}

.primaryEmailHeader {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    padding-left: 0px
}

.primaryMailInfo {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px; /* 153.846% */
    margin-left: 5px;
    cursor: pointer;
    float: right
}

.undelineLineHr {
    background: #EAEAEA;
}

.emailPrimaryLabel {
    color: #333;
    font-size: 15px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    margin-right: 60px;
}

.notificationHeader {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.notificationText {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.contactInfoButtons {
    padding-right: 0px !important;
}

@media (max-width: 767px) {
    .contactInfoButtons {
        width: 100% !important;
        padding: 10px 45px !important;
    }

    .primaryEmailHeader {
        padding-left: 15px !important
    }

    .emailPrimaryLabel {
        padding-left: 15px !important;
        margin-right:0px
    }

    .notificationHeader {
        padding-left: 15px !important
    }

    .primaryMailInfo {
        margin-top: 15px;
        margin-right: 5px;
    }

    .contactinfoHelpIcon {
        margin-top: 15px;
    }
}
/*color-profile information section*/


.actionRequirepoupheader {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.actionRequireContext {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.actionRequireFollowPartHeader {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.actionrequireFollow {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.profilePageSubHeaders {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.confirmMessageConfirmIcon {
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Checkmark.png);
    position: absolute;
    display: inline-block;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}


.confirmMessageCloseIcon {
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Close.png);
    position: absolute;
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    margin-top: -5px;
}

.confirmArrowIcon {
    margin-bottom: 35px;
}

.confirmmsgContainer {
    display: flex;
    margin-left: 50px;
    font-size: 16px;
    font-weight: 700;
}

.confirmCloseIcon {
    margin: 0px 10px 0px 15px;
    cursor: pointer
}


.monthYearPicker .yearList .yearExpander {
    background-color: #e3e3e3;
}

.monthYearPicker ul li {
    position: relative;
    float: left;
    width: 100%;
}

    .monthYearPicker ul li a {
        border-bottom: 1px solid #dadada;
        float: left;
        width: 100%;
        outline-offset: -2px;
        background-color: #f5f5f5;
    }

.monthYearPicker a {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 13px;
    color: #6b6b6b;
}

    .monthYearPicker a.active {
        background-color: #202f38;
        font-size: 13px;
        color: #fff;
    }

        .monthYearPicker a.active:before {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: transparent #202f38 transparent transparent;
            border-image: none;
            border-style: solid;
            border-width: 5px;
            content: "";
            height: 0;
            left: -8px;
            position: absolute;
            top: 11px;
            width: 0;
        }

.mdc-select {
    border-radius: 4px 4px 0 0;
    will-change: opacity, transform, color;
    overflow: hidden;
    position: relative;
}

.mdc-select__native-control {
    color: rgba(0, 0, 0, 0.87);
    padding-left: 5px;
    font-size: 13px;
    line-height: 28px;
    width: 100%;
    height: 56px;
    padding-top: 20px;
    padding-bottom: 4px;
    border: none;
    border-bottom: 1px solid #7f7f7f;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px 4px 0 0;
    z-index: 1;
}

    .mdc-select__native-control::-ms-expand {
        display: none;
    }

    .mdc-select__native-control:focus {
        outline: none;
    }

.mdc-select__dropdown-icon {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #7f7f7f;
    right: 8px;
    top: 50%;
    left: auto;
    position: absolute;
    bottom: 16px;
    transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.mdc-select .mdc-floating-label {
    color: #999;
    left: 5px;
    top: 21px;
    pointer-events: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    position: absolute;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 18px;
    text-align: left;
    text-overflow: ellipsis;
    cursor: text;
}

.mdc-select .mdc-floating-label--float-above {
    cursor: auto;
    -webkit-transform: translateY(-70%) scale(0.75);
    transform: translateY(-70%) scale(0.75);
}

.mdc-select--focused .mdc-line-ripple {
    background-color: #bb1d2c;
}

.mdc-select--focused .mdc-floating-label {
    color: #bb1d2c;
}

.mdc-select--focused .mdc-select__dropdown-icon {
    border-top: 5px solid #bb1d2c;
    -webkit-transform: rotate(180deg) translateY(-5px);
    transform: rotate(180deg) translateY(-5px);
    transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-select .mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: 2;
}

.mdc-select .mdc-line-ripple--active {
    transform: scaleX(1);
    opacity: 1;
}

.mdc-select .mdc-line-ripple--deactivating {
    opacity: 0;
}

#Wrapper {
    float: left;
    width: 100%;
    padding-left: 280px;
}

@media (min-width: 768px) and (max-width: 992px) {
    #Wrapper {
        padding-left: 70px;
    }
}

@media (max-width: 767px) {
    #Wrapper {
        padding-left: 0;
    }
}

#WrapperContentOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    display: none;
    z-index: 30;
}

@media (min-width: 768px) and (max-width: 992px) {
    #WrapperContentOverlay {
        display: block;
    }
}

#WrapperContentUnderlay {
    position: fixed;
    top: 0;
    left: 280px;
    width: 100%;
    height: 120%;
    background-color: #14242c;
    display: block;
    z-index: -1;
}

#WrapperLeftUnderlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 120%;
    background-color: #e3e3e3;
    display: block;
    z-index: -1;
}

.tabletView #WrapperLeftUnderlay {
    z-index: 15;
}

#WrapperLeft {
    position: fixed;
    float: left;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 992px) {
    #WrapperLeft {
        width: 280px;
        -moz-transition: width 0.2s ease-in;
        -o-transition: width 0.2s ease-in;
        -webkit-transition: width 0.2s ease-in;
        transition: width 0.2s ease-in;
        z-index: 40;
    }
}

@media (max-width: 767px) {
    #WrapperLeft {
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .cookieConsentNotAccepted #WrapperLeft,
    #CookieConsent + #Wrapper #WrapperLeft {
        top: 0 !important;
    }
}

#WrapperLeft .logo {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
}

@media (min-width: 768px) and (max-width: 992px) {
    #WrapperLeft .logo img {
        display: inline;
    }
}

@media (max-width: 767px) {
    #WrapperLeft .logo img {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #WrapperLeft .logo a {
        float: none;
        width: auto;
        height: auto;
        margin: 0;
    }
}

#WrapperContent {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
}

@media (max-width: 767px) {
    #WrapperContent {
        position: static;
    }
}

#StartPanel {
    position: relative;
    float: left;
    width: 100%;
    padding: 65px;
}

    #StartPanel .item {
        position: relative;
        float: left;
        width: 33.33%;
        padding: 15px;
    }

@media (min-width: 420px) and (max-width: 767px) {
    #StartPanel .item {
        width: 50%;
        padding: 10px;
    }
}

@media (max-width: 419px) {
    #StartPanel .item {
        width: 100%;
        padding: 5px;
    }
}

#StartPanel .item a {
    position: relative;
    float: left;
    width: 100%;
    height: 125px;
    text-decoration: none;
    background-color: #999;
}

    #StartPanel .item a:hover {
        background-color: #bb1d2c;
    }

    #StartPanel .item a span {
        position: absolute;
        left: 10px;
        bottom: 15px;
        color: #fff;
        font-size: 12px;
    }

#Container {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    overflow: visible;
}

    #Container.loader * {
        display: none;
    }

#LeftMenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 110px;
    overflow: hidden;
}

@media (max-width: 767px) {
    #LeftMenu {
        position: relative;
        float: left;
        width: 100%;
        left: 0;
        padding: 10px 30px 0;
        background-color: #fff;
    }
}

@media (max-width: 767px) {
    #LeftMenu.showMenu .menu #MobileMenuPlaceholder:after {
        content: '\25B2';
    }
}

@media (max-width: 767px) {
    #LeftMenu.showMenu .menu li {
        display: block;
    }
}

@media (max-width: 767px) {
    #LeftMenu.showMenu .menu li.heading {
        display: none;
    }
}

#LeftMenu .generalNavigation {
    position: relative;
    float: left;
    width: 100%;
}

#LeftMenu .mailboxMenu {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modalVisible #LeftMenu .mailboxMenu {
    overflow: hidden;
}

#LeftMenu .breadcrumb {
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0;
    line-height: 1.2;
    padding: 0 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

@media (max-width: 767px) {
    #LeftMenu .breadcrumb {
        display: block;
    }
}

#LeftMenu .breadcrumb a {
    text-decoration: none;
    font-size: 13px;
    color: #333;
}

    #LeftMenu .breadcrumb a:hover {
        text-decoration: underline;
    }

#LeftMenu .menuContainer {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: auto;
}

@media (max-width: 767px) {
    #LeftMenu .menuContainer {
        overflow: visible;
    }
}

#LeftMenu .menu {
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
}

@media (max-width: 767px) {
    #LeftMenu .menu {
        display: block;
        padding-top: 50px;
        border: 1px solid #ccc;
    }
}

#LeftMenu .menu #MobileMenuPlaceholder {
    display: none;
}

@media (max-width: 767px) {
    #LeftMenu .menu #MobileMenuPlaceholder {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border: none;
        z-index: 2;
        width: 100%;
        height: 50px;
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    #LeftMenu .menu #MobileMenuPlaceholder:after {
        content: '\25BC';
        line-height: 48px;
        position: absolute;
        right: 20px;
        cursor: pointer;
    }
}

#LeftMenu .menu li {
    position: relative;
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    #LeftMenu .menu li {
        display: none;
        border-top: 1px solid #ccc;
    }
}

#LeftMenu .menu li.spacer {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 20px;
}

    #LeftMenu .menu li.spacer hr {
        margin: 14px 0;
    }

@media (max-width: 767px) {
    #LeftMenu .menu li.selected {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border: none;
        z-index: 1;
    }
}

#LeftMenu .menu li.selected a {
    background-color: #fff;
    font-weight: bold;
}

@media (max-width: 767px) {
    #LeftMenu .menu li.selected a {
        background-color: #e3e3e3;
    }
}

#LeftMenu .menu li.heading {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 20px 20px;
    font-size: 32px;
    font-weight: normal;
    color: #333;
}

#LeftMenu .menu li a {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 767px) {
    #LeftMenu .menu li a {
        line-height: 50px;
        height: 50px;
        padding: 0 20px;
    }
}

#MainContent {
    float: left;
    position: relative;
    background-color: #fff;
    padding: 24px 0 24px 30px;
    width: 100%;
}

@media (max-width: 767px) {
    #MainContent,
    .noLeftMenu #MainContent {
        padding: 0 0 25px;
    }
}

#MainContent .navigation {
    position: relative;
    float: left;
    width: 100%;
}

    #MainContent .navigation a {
        float: left;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: #bb1d2c;
    }

        #MainContent .navigation a:hover {
            text-decoration: underline;
        }

#MainContent .backButton {
    position: relative;
    float: left;
    z-index: 1;
}

    #MainContent .backButton a {
        float: left;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: #bb1d2c;
    }

        #MainContent .backButton a:hover {
            text-decoration: underline;
        }

#MainContent .infoBox {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 20px 5px;
    background-color: #d8eff7;
    margin-bottom: 5px;
}

.info_Box {
    float: left;
    padding: 10px 16px;
    background-color: #d8eff7;
    margin-bottom: 5px;
    margin-top: 5px;
}

    #MainContent .infoBox .info-text {
        padding-left: 50px !important;
        line-height: 30px;
        font-size: 13px;
        display: table-cell;
        width: 100%;
    }

    #MainContent .infoBox .info-link {
        text-decoration: underline !important;
        color: black;
        font-weight: bold;
    }

    #MainContent .infoBox.noHeader {
        padding-top: 5px;
    }

    #MainContent .infoBox .navigation {
        margin: 5px 0;
    }

    #MainContent .infoBox h2 {
        position: relative;
        float: left;
        width: 100%;
        line-height: 1;
        padding: 0;
        font-size: 13px;
        font-weight: bold;
        color: #333;
    }

    #MainContent .infoBox p {
        font-size: 12px;
        color: #333;
        width: 100%;
        float: left;
    }

        #MainContent .infoBox p a {
            text-decoration: none;
            color: #014c85;
        }

            #MainContent .infoBox p a:hover {
                text-decoration: underline;
            }

    #MainContent .infoBox ul {
        position: relative;
        width: 100%;
        list-style: circle inside none;
        margin: 0 0 10px;
        padding-left: 15px;
        font-size: 12px;
        float: left;
    }

        #MainContent .infoBox ul li {
            position: relative;
            float: left;
            line-height: 20px;
        }

    #MainContent .infoBox .actionContainer {
        display: table-cell;
        vertical-align: top;
        min-width: 150px;
    }

        #MainContent .infoBox .actionContainer ul {
            float: right;
            line-height: 16px;
            font-size: 12px;
            list-style: none;
            width: 100%;
        }

            #MainContent .infoBox .actionContainer ul li {
                min-width: 60px;
                float: left;
                padding: 0 10px;
            }

            #MainContent .infoBox .actionContainer ul a {
                text-decoration: none;
                padding: 5px 0;
                float: left;
            }

#MainContent .marginBottom {
    margin-bottom: 10px;
}

#MainContent .errorBox {
    position: relative;
    background-color: #bb1d2c;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 15px 10px 15px 60px;
    margin: 0 0 35px;
}

    #MainContent .errorBox .sprite {
        top: 22px;
        left: 28px;
    }

    #MainContent .errorBox p {
        margin: 10px 0;
    }

#ToggleMenu {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 992px) {
    #ToggleMenu {
        display: block;
    }
}

@media (max-width: 767px) {
    #ToggleMenu {
        display: none;
    }
}

#ToggleMenu .tablet-hide {
    display: block;
    top: 13px;
    right: 13px;
}

#ToggleMenu .tablet-show {
    display: none;
}

#ToggleMenu a {
    position: relative;
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
}

#TabletMenu {
    display: none;
}

@media (min-width: 768px) and (max-width: 992px) {
    #TabletMenu {
        color: #000;
        display: block;
        font-size: 32px;
        font-weight: bold;
        height: 30px;
        position: absolute;
        right: -165px;
        top: 250px;
        white-space: nowrap;
    }
}

.collapseTablet #WrapperContentUnderlay {
    position: fixed;
    top: 0;
    left: 70px;
}

.collapseTablet #WrapperLeftUnderlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 70px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet #WrapperLeft {
        width: 70px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet #WrapperContentOverlay,
    .collapseTablet #ManageFolder,
    .collapseTablet #WrapperLeft .logo img,
    .collapseTablet #FolderList .filter {
        display: none;
    }
}

.collapseTablet #ToggleMenu .tablet-hide {
    display: none;
}

.collapseTablet #ToggleMenu .tablet-show {
    display: block;
    top: 13px;
    left: 28px;
}

.collapseTablet #ToggleMenu a {
    position: relative;
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet #DesktopMenu .mailboxMenu .mailboxMenuUsersWrapper,
    .collapseTablet #DesktopMenu .mailboxMenu .leftMenuExpander,
    .collapseTablet #DesktopMenu .generalNavigation .menu {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet .mailboxMenu .tabContainer {
        border: 0 none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet .mailboxMenu .foldersList li a > div {
        background-position: 50% 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet .mailboxMenu .foldersList li a .unread {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet .mailboxMenu .sendersList li a .unread {
        display: none;
    }
}

.responsiveView {
    max-width: 860px;
}

@media (max-width: 767px) {
    .mailboxMobileView #WrapperContentOverlay {
        display: block;
        z-index: 5;
    }
}

@media (max-width: 767px) {
    .mailboxMobileView .mailboxMenu #DesktopMenu {
        left: 0;
        visibility: visible;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .mailboxMenu .generalNavigation {
        display: none;
    }
}

@media (max-width: 767px) {
    .mailboxMenu #ToggleMailboxMobileMenu {
        position: absolute;
        display: block;
        top: 55px;
        right: 47px;
        left: auto;
        margin: 6px 7px 0 0;
        width: 33px;
        height: 33px;
        font-size: 0;
        cursor: pointer;
        z-index: 5;
    }
}

@media (max-width: 767px) {
    .mailboxMenu #ToggleMailboxMobileMenu .sprite.folder-big {
        top: 5px;
        left: 5px;
    }
}

@media (max-width: 767px) {
    .mailboxMenu #ToggleMailboxMobileMenu .sprite.folder {
        top: 6px;
        left: 5px;
    }
}

.paragraph-top {
    margin-top: 80px;
}

    .paragraph-top p {
        margin: 0 5px 0 0;
        padding: 0;
        display: inline-block;
        vertical-align: top;
        width: auto !important;
    }

.sectionDescription {
    font-size: 13px;
    float: left;
    width: 100%;
    line-height: 18px;
    position: relative;
}

.imageFitter {
    text-align: center;
}

    .imageFitter > img {
        max-height: 100%;
        max-width: 100%;
    }

.list {
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
}

    .list > li {
        float: left;
        width: 100%;
    }

.logon .loader {
    position: fixed;
    width: 300px;
}

.logon .business {
    min-height: 400px;
}

.logon .citizen {
    min-height: 350px;
}

.side-content-resizer {
    top: 0;
    width: 8px;
    cursor: e-resize;
    background: #e3e3e3;
    float: left;
    z-index: 10;
    position: fixed;
    height: 100vh;
    left: 860px;
}

.side-content-resizer-shadow {
    z-index: 11;
    opacity: 0.7;
    position: fixed;
    display: none;
    width: 30px;
    background: #f00;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* multiple select on reply forms*/
.list-template {
    min-width: 50%;
    max-width: 100%;
    overflow: auto;
    border: 1px solid #dadada;
}

@media (max-width: 767px) {
    .list-template {
        width: 100%;
    }
}

.list-template > option {
    white-space: pre-wrap;
    min-height: 20px;
    line-height: 20px;
    font-size: 13px;
    padding: 3px 10px;
}

.tablet .mailboxHome {
    margin: 0;
}

.mailboxMenuUsersWrapper {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 20px;
}

.documentInfo .outerStatusButton {
    margin-left: 0;
}

.signingButton {
    float: left;
    margin: 0 5px;
    padding-top: 0;
    font-size: 12px;
}

.signDocumentInfoStatusButton {
    margin: 0 5px;
}

.signDocumentInfoStatusButton {
    margin: 0 5px;
}

.documentAttachmentItem {
    padding-bottom: 10px;
}

.attachmentBox ul:last-child {
    padding-bottom: 0px;
}

.attachment-item-link span {
    margin-left: 16px;
}

.attachmentBox div {
    display: flex;
    margin-bottom: 12px;
}

    .attachmentBox div:last-child {
        margin: 0;
    }


    .attachmentBox div span {
        cursor: pointer;
    }

        .attachmentBox div span:last-child {
            display: inline-block;
            padding: 2px 0 0 8px;
            color: #014c85;
        }

    .attachmentBox div:hover span:last-child {
        text-decoration: underline;
    }

.attachmentBox.notclickable span:last-child {
    color: #5A7581;
    text-decoration: none !important;
    cursor: default !important;
}

.draggedMail {
    position: relative;
    font-weight: bold;
    padding: 0 0 0 35px;
}

    .draggedMail .sprite {
        top: 50%;
        left: 0;
        margin-top: -8px;
    }

.draggedMailContainer {
    position: fixed;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.uploadDocumentTitle {
    font-size: 24px;
    padding-bottom: 15px;
}

.draggedMailContent {
    color: #fff;
    background-color: #000;
    line-height: 20px;
    font-size: 13px;
    padding: 5px;
}

.cannotDropMail {
    position: relative;
    font-weight: bold;
    padding: 0 0 0 35px;
}

    .cannotDropMail .sprite {
        top: 50%;
        left: 0;
        margin-top: -12px;
    }

.uploadDocumentLoader {
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: -3px;
    float: left;
    width: 20px;
    height: 20px;
}

.cannotDropMailContent {
    color: #fff;
    background-color: #f00;
    line-height: 20px;
    font-size: 13px;
    padding: 5px;
}

.dropFolder {
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 100%;
    vertical-align: central;
}

.uploadDocumentYourSpace div {
    float: left;
    width: 100%;
}

.uploadDocumentYourSpace .paragraph {
    padding-bottom: 20px;
}

.yourSpaceProgressContainer {
    height: 40px;
    border: 1px;
    border-color: #6b6b6b;
    border-style: solid;
    margin-bottom: 15px;
    position: relative;
}

    .yourSpaceProgressContainer .used {
        background: #add8e6;
    }

    .yourSpaceProgressContainer .new {
        background: #90ee90;
    }

    .yourSpaceProgressContainer .exceeded {
        background: #f08080;
    }

    .yourSpaceProgressContainer div {
        height: 38px;
        border: 1px;
        border-color: #6b6b6b;
        border-style: solid;
        padding-top: 1px;
        padding-bottom: 1px;
        position: absolute;
    }

.progress-bar {
    height: 5px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 6px;
}

@media (max-width: 650px) {
    #UploadFileInput {
        width: 60%;
    }
}

@media (max-width: 420px) {
    #UploadFileInput {
        width: 100%;
    }
}

.infoBackround {
    padding: 10px;
    border: 1px;
    border-color: #dadada;
    border-style: solid;
}

.transparent {
    color: transparent;
    visibility: hidden;
}

.lockedDocument {
    position: relative;
    float: left;
    width: 100%;
}

.warningDialog {
    position: relative;
    padding-left: 30px;
}

.warningText {
    background-position: 3px 2px;
    line-height: 20px;
    font-size: 13px;
}

    .warningText p {
        padding-top: 0;
    }

    .warningText .wrongLogonLink {
        margin-top: 12px;
    }

.warningDialog .sprite {
    top: 2px;
    left: 3px;
}

.warningDialog .buttons {
    position: relative;
    width: 100%;
    overflow: auto;
}

.title {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

.paragraph {
    font-size: 13px;
}

.warningBackround {
    background-color: #fef8c4;
    padding: 10px;
    border: 1px;
    border-color: #dadada;
    border-style: solid;
}

.line {
    margin-bottom: 20px;
    margin-top: 20px;
}

.recipentHasNoChildren,
.recipentHasNoItems {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.recipentHasNoItems {
    text-align: center;
    padding-top: 75px;
}

.recipientInfoError {
    position: relative;
    top: 100px;
    left: 100px;
}

.informationButtons {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 30px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

    .informationButtons .loading {
        background-position: right 10px center;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        float: left;
        margin: 5px 0 0 52px;
    }

.loaderModal {
    max-width: 780px;
    max-height: 780px;
    min-width: 300px;
    min-height: 300px;
}

.informationContent {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 30px;
    border-top: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

@media (max-width: 470px) {
    .informationContent {
        padding: 20px;
    }
}

.mailboxInformation,
.recipientInformation {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #e3e3e3;
    max-height: 300px;
    max-width: 700px;
    padding: 10px;
    background-color: #fff;
}

.metadataContainer .half {
    padding: 0 5px;
}

@media (max-width: 470px) {
    .metadataContainer.fullOuter {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 420px) {
    .fullOuter.metadataContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 420px) {
    .fullOuter.metadataContainer .half {
        padding-left: 0;
        padding-right: 0;
    }
}

#openLink {
    display: none;
}

.warning {
    width: 400px;
}

.attachementDocumentContainer {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 25px;
    border-top: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

    .attachementDocumentContainer .searchRecipient {
        padding: 5px 5px;
        border-top: 0;
    }

.replyError ul {
    float: left;
    font-size: 13px;
    line-height: 1.25;
    margin-bottom: 20px;
    width: 100%;
}

.emptyItemsInfo {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 60px 0 45px;
}

    .emptyItemsInfo p {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 5px;
        line-height: 16px;
        font-size: 13px;
        color: #333;
    }

.ng-pristine .ng-valid {
    box-shadow: none;
}

.ng-pristine .ng-invalid {
    box-shadow: none;
}

.ng-valid {
    box-shadow: none;
}

.mailListItem .mailRight .buttonSmall {
    margin: 5px 10px 5px 0;
    max-width: 100%;
}

.actionSection {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 32px;
}

.mailTitleSection {
    width: 60%
}

.actions {
    float: right;
}

@media (max-width: 767px) {
    .full.mailboxFeedItems {
        padding: 0;
    }
}

@media (max-width: 470px) {
    .full .full {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    #MainContent #MailboxHeader {
        padding: 0;
        margin-top: 0;
    }
}

.toggleMailboxMobileMenu {
    display: none;
}

@media (max-width: 767px) {
    .toggleMailboxMobileMenu .sprite.folder {
        left: 5px;
        top: 14px;
    }
}

@media (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome {
        line-height: 30px;
    }
}

.link-template {
    color: #bb1d2c !important;
    text-decoration: underline;
}

.attachmentDocumentPopup .mailItemTitle {
    position: relative;
    float: left;
    padding-top: 3px;
    padding-left: 5px;
    max-width: 80%;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachmentDocumentPopup .mailsList {
    height: 300px;
    width: 100%;
    overflow: auto;
    border: 1px solid #dadada;
    padding: 10px;
    float: left;
    background-color: #fff;
}

    .attachmentDocumentPopup .mailsList .mailItem {
        width: 100%;
        float: left;
        min-height: 30px;
    }

.attachmentDocumentPopup .mailItemCheckbox {
    position: relative;
    float: left;
}

.attachmentDocumentPopup .mailItemDate {
    position: relative;
    float: right;
    padding-top: 3px;
    padding-left: 5px;
}

.attachmentDocumentPopup .buttons {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 15px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

.attachmentDocumentPopup .attachmentDocumentError {
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
    width: 98.7%;
}

    .attachmentDocumentPopup .attachmentDocumentError p {
        margin-bottom: 0;
        margin-left: 25px;
    }

.attachmentDocumentPopup .popupLoader {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 30px;
}

@media (max-width: 650px) {
    .attachmentDocumentPopup span.mailItemTitle {
        width: 70%;
    }
}

@media (max-width: 470px) {
    .attachmentDocumentPopup span.mailItemTitle {
        width: 55%;
    }
}

.documentAttachment ul {
    float: left;
}

.documentAttachment span {
    text-decoration: none;
    font-weight: normal;
    color: #333;
}

.downloadDocuments .documentAttachment ul {
    padding: 0;
}

    .downloadDocuments .documentAttachment ul li {
        padding: 5px 0 0 0;
        border-bottom: 1px solid #e3e3e3;
    }

        .downloadDocuments .documentAttachment ul li:first-child {
            padding-top: 0;
        }

        .downloadDocuments .documentAttachment ul li:last-child {
            padding-bottom: 0;
            border: none;
        }

        .downloadDocuments .documentAttachment ul li:only-child {
            padding: 10px 0 0;
            border: none;
        }

@media (max-width: 767px) {
    .downloadDocuments .documentAttachment ul li:only-child {
        padding: 10px 5px;
    }
}

.downloadDocuments .documentAttachment ul li ul.attachments {
    padding: 5px 0 0 0;
}

    .downloadDocuments .documentAttachment ul li ul.attachments li {
        padding: 5px 0 0 0;
    }

        .downloadDocuments .documentAttachment ul li ul.attachments li:first-child {
            padding-top: 0;
        }

        .downloadDocuments .documentAttachment ul li ul.attachments li:last-child {
            padding-bottom: 0;
        }

        .downloadDocuments .documentAttachment ul li ul.attachments li:only-child {
            padding: 0;
        }

.downloadDocuments .documentAttachment ul li ul li {
    padding: 5px 0;
}

    .downloadDocuments .documentAttachment ul li ul li:first-child {
        padding: 5px 0;
    }

.downloadDocuments .documentAttachment .documentName.receiptName {
    padding-right: 0;
}

.downloadDocuments .documentAttachment span {
    float: left;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    height: auto;
}

    .downloadDocuments .documentAttachment span.documentName {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
        white-space: nowrap;
    }

    .downloadDocuments .documentAttachment span.sizeInformation {
        position: absolute;
    }

    .downloadDocuments .documentAttachment span.sizeInformationLong {
        right: 0;
    }

.downloadDocuments .documentAttachment .attachments fieldset {
    padding-left: 20px;
}

    .downloadDocuments .documentAttachment .attachments fieldset + span.documentName {
        padding-left: 50px;
    }

.downloadDocuments .documentAttachment .attachments span.documentName {
    padding-left: 20px;
}

.downloadDocuments .documentAttachment fieldset {
    float: left;
    width: auto;
    top: 10px;
    margin-right: 10px;
}

    .downloadDocuments .documentAttachment fieldset label {
        padding: 0;
    }

    .downloadDocuments .documentAttachment fieldset + span.documentName {
        width: 100%;
        margin-top: -22px;
        padding-left: 30px;
    }

.downloadDocuments .selectAttachment {
    position: absolute;
    right: 0;
    top: 0;
}

    .downloadDocuments .selectAttachment button {
        margin-top: 0;
        margin-bottom: 0;
    }

        .downloadDocuments .selectAttachment button.deselectAttachment {
            background-color: transparent;
            cursor: pointer;
            overflow: hidden;
            min-width: 30px;
            padding: 0 10px;
            overflow: hidden;
            width: 30px;
        }

.downloadDocuments .margin {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .downloadDocuments .saveButtonsContainer {
        padding: 5px 5px 15px;
    }
}

@media (max-width: 767px) {
    .downloadDocuments .saveButtonsContainer .buttons {
        position: relative;
        width: 100%;
        float: left;
    }
}

@media (max-width: 767px) {
    .downloadDocuments .saveButtonsContainer .buttons .button {
        float: right;
    }
}

@media (max-width: 767px) {
    .downloadDocuments .saveButtonsContainer span {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding-top: 5px;
        line-height: 1.4;
    }
}

#ErrorPage {
    margin-left: 30px;
}

    #ErrorPage li {
        list-style: disc;
        margin-left: 30px;
    }

    #ErrorPage textarea {
        width: 100%;
        margin-top: 20px;
    }

    #ErrorPage div {
        margin: 15px 0;
    }

    #ErrorPage #ErrorId {
        margin-left: 30px;
    }

.folderDropdown {
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: visible;
    font-weight: normal;
}

    .folderDropdown:focus ul, .folderDropdown.hover ul {
        left: auto;
        right: 10px;
    }

    .folderDropdown ul {
        position: absolute;
        left: -9999px;
        top: 29px;
        background-color: #fff;
        color: #000;
        z-index: 3;
    }

        .folderDropdown ul:focus ul {
            left: auto;
            right: 10px;
        }

        .folderDropdown ul li {
            border-bottom-width: 1px;
            background-color: #fff;
            height: 40px;
            white-space: nowrap;
        }

    .folderDropdown li,
    .folderDropdown a {
        position: relative;
        line-height: 35px;
        width: 100%;
        float: left;
        height: 35px;
    }

    .folderDropdown span:after {
        position: absolute;
        right: -2px;
        top: 0;
        line-height: 42px;
        content: '\25BC';
        font-size: 7px;
        width: 20px;
        height: 40px;
    }

    .folderDropdown .more-dropdown:after {
        position: absolute;
        right: -2px;
        top: 0;
        line-height: 42px;
        content: '\25BC';
        font-size: 7px;
        width: 20px;
        height: 40px;
    }

    .folderDropdown span,
    .folderDropdown .more-dropdown {
        position: relative;
        float: left;
        width: 100%;
        line-height: 40px;
        height: 40px;
        padding: 0 20px;
    }

.mail .signDocument {
    width: 100%;
    float: left;
}

    .mail .signDocument div {
        font-size: 11px;
        color: #6b6b6b;
        margin: 5px 0;
        float: left;
        width: 100%;
    }

.mail .receiptConfirmationDocument {
    float: left;
    position: relative;
    margin: 0 10px 5px 0;
    width: 100%;
}

.mail .documentAttachment {
    float: left;
    font-size: 11px;
    clear: both;
    display: block;
    overflow: hidden;
}

    .mail .documentAttachment ul li:first-child .documentAttachmentItem {
        margin-top: 0;
    }

    .mail .documentAttachment td {
        vertical-align: top;
        padding: 5px 0;
    }

    .mail .documentAttachment .documentAttachmentHeader {
        margin-right: 10px;
    }

    .mail .documentAttachment .documentAttachmentItem {
        margin-right: 10px;
        white-space: nowrap;
        margin: 0 0 5px 0;
        float: left;
        clear: both;
        cursor: pointer;
    }

@media (max-width: 767px) {
    .mail .documentAttachment .documentAttachmentItem {
        white-space: normal;
    }
}

.mail .reply.loader {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height: 0;
    width: 20px;
    height: 28px;
    float: left;
    margin: 10px 5px 5px;
}

.mail .lockedDocument {
    float: left;
    position: relative;
    width: 100%;
}

.attachmentBox {
    top: 25px;
    position: absolute;
    -webkit-animation: fadeIn .5s 0s forwards;
    animation: fadeIn .5s 0s forwards;
    color: #587179;
    font-size: 13px;
    line-height: 18px;
    z-index: 20;
    word-break: break-all;
    max-width: 302px;
    max-height: 113px;
    padding: 16px;
    border-radius: 8px;
    gap: 15px;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    background: #fff;
}

.attachmentBox {
    max-height: none !important;
}

.documentNote {
    padding: 5px 8px 5px 5px;
    border-radius: 6px;
    background: rgba(230, 235, 240, 0.40);
}

.documentNote, .documentNote .documentNoteIcon, .documentNote .note, .documentNote .noteEdit {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

.documentNote .documentNoteIcon {
    width: auto;
}

.documentNote .note {
    text-indent: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    line-height: 20px;
}

.documentNote .noteEdit {
    margin-left: auto;
    width: 100px;
}

.documentNote .noteEdit a {
    font-weight: 500;
    margin-left: auto;
    text-align: right;
    color: #223944;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}

.documentNote .noteEdit a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .documentNote .noteEdit {
       display: none !important;
    }
}

.mail .documentAttachment ul li:last-child .documentAttachmentItem {
    margin-bottom: 0;
}

.mail .documentAttachment ul li:only-child .documentAttachmentItem {
    margin: 0;
}

.mail .signedDocument {
    float: left;
    position: relative;
    width: 100%;
}

#MailboxHeader h1 {
    float: left;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    #MailboxHeader h1 {
        position: relative;
        float: left;
        width: auto;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 22px;
        font-weight: normal;
    }
}

#MailboxHeader ul.mailboxTopLinks li:last-child a {
    margin-right: 0;
    padding-right: 0;
}

#MailboxHeader ul.mailboxTopLinks li a {
    position: relative;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 6px center;
    margin: 0 5px;
    padding: 0 5px 0 30px;
    color: #333;
}

#MailboxHeader ul.mailboxTopLinks .sprite {
    top: 2px;
    left: 6px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopLinks {
        display: none;
    }
}

#MailboxHeader .moreActionsMail > a,
#MailboxHeader .moreActionsMail > span {
    padding-left: 15px;
}

@media (max-width: 767px) {
    #MailboxHeader .moreActionsMail > a:after,
    #MailboxHeader .moreActionsMail > span:after {
        content: "";
    }
}

#MailboxHeader .mailboxTopActions {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0 10px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .hover ul {
        top: 48px;
    }
}

#MailboxHeader .mailboxTopActions .sprite-big {
    display: none;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .sprite-big {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .sprite-normal {
        display: none;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .actionElement {
        height: 100%;
        line-height: 1;
        margin-top: 0;
        border: none !important;
        font-size: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .actionElement > a,
    #MailboxHeader .mailboxTopActions .actionElement > span {
        display: table-cell;
        float: none;
        width: 50px;
        height: 48px;
        vertical-align: middle;
        margin: 0;
        padding: 0 !important;
        font-size: 0;
    }
}

@media (max-width: 470px) {
    #MailboxHeader .mailboxTopActions .actionElement > a,
    #MailboxHeader .mailboxTopActions .actionElement > span {
        width: 40px;
    }
}

#MailboxHeader .mailboxTopActions .actionElement > ul li.foldersListTopActions ul {
    position: relative;
    float: left;
    left: auto;
    top: 0px !important;
    right: auto;
    max-height: 175px;
    overflow-y: auto;
    border: 0 none;
    width: 100%;
}

#MailboxHeader .mailboxTopActions .actionElement > ul li.foldersListTopActions li {
    border: none;
}

    #MailboxHeader .mailboxTopActions .actionElement > ul li.foldersListTopActions li a {
        position: relative;
        height: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .actionElement em.sprite {
        top: auto;
        left: auto;
    }
}

#MailboxHeader .mailboxTopActions .actionElement ul {
    left: -9999px;
    right: 9999px;
    position: absolute;
    background-color: #fff;
    z-index: 11;
}

    #MailboxHeader .mailboxTopActions .actionElement ul li {
        float: left;
        width: 100%;
    }

        #MailboxHeader .mailboxTopActions .actionElement ul li:first-child {
            border-top: none;
        }

        #MailboxHeader .mailboxTopActions .actionElement ul li a,
        #MailboxHeader .mailboxTopActions .actionElement ul li span {
            padding: 10px 15px;
            height: 40px;
            line-height: 18px;
            font-size: 12px;
            color: #000;
            white-space: nowrap;
            float: left;
            width: 100%;
        }

#MailboxHeader .mailboxTopActions .dropdownActions > span {
    color: #000;
}

#MailboxHeader .mailboxTopActions .dropdownActions ul li span {
    color: #6b6b6b;
    cursor: default;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions .forwardMail,
    #MailboxHeader .mailboxTopActions .archiveMail {
        display: none;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moveMail.hover ul {
        top: 48px;
    }
}

@media (max-width: 450px) {
    #MailboxHeader .mailboxTopActions div.moveMail.hover ul {
        left: auto;
        right: -202px;
    }
}

#MailboxHeader .mailboxTopActions div.moveMail.inactive > span {
    color: #6b6b6b;
    cursor: default;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > .selectAll {
        position: relative;
        display: block;
        float: left;
        width: 75px;
        height: 100%;
        margin: 0;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > .selectAll:focus ul {
        top: 48px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > .selectAll .hover ul {
        top: 48px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > .selectAll > .selectAllCheckbox {
        width: 35px;
        height: 100%;
        padding: 0;
    }
}

#MailboxHeader .mailboxTopActions > .selectAll .dropdown > .select .sprite {
    top: 18px;
    right: 7px;
}

#MailboxHeader .mailboxTopSorting {
    position: absolute;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopSorting {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 240px;
        float: right;
    }
}

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > span,
#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > .sorting-dorpdown {
    float: right;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    margin-right: 20px;
}

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > .sorting-dorpdown em{
    top: 5px;
    right: 2px;
}

   /* #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > span:after,
    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > .sorting-dorpdown:after {
        content: '\25BC';
        font-size: 8px;
        vertical-align: 1.7px;
        font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
        float: right;
        color: #999;
        font-weight: bold;
        margin-left: 5px;
    }*/

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown.hover ul {
    right: 0;
    left: auto;
}

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown.hover ul li:first-child {
        border-top: none;
    }

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown.hover ul li a.selected {
        font-weight: bold;
    }

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul {
    left: -9999px;
    position: absolute;
    z-index: 10;
}

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul li {
        position: relative;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown .sorting-dorpdown:after {
        font-size: 12px;
    }
    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > .sorting-dorpdown em {
        right: 10px;
    }
}

#MailboxHeader .mailboxTopSorting > span {
    float: right;
    margin-right: 5px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopSorting > span {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .headerMenu {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 3;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .noTopActions {
        padding-top: 25px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader.feedsFixedHeading .fixedWrapper {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader.feedsFixedHeading h1 {
        max-height: 55px;
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader.feedsFixedHeading .headerMenu {
        position: relative !important;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .smallLogoRight {
        position: absolute;
        right: 0;
        top: 60px;
    }
}

.mailboxHome {
    position: relative;
    float: left;
    width: 100%;
    line-height: 40px;
    padding-left: 45px;
    height: 40px;
}

@media (max-width: 767px) {
    .mailboxHome {
        margin-top: 0;
    }
}

.mailboxHome .sprite {
    top: 13px;
    left: 19px;
}

.mailboxHome a:hover {
    text-decoration: none;
}

.mailboxHome span {
    line-height: 1;
    color: #333;
}

.mailboxInformation .header img {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 64px;
    height: 64px;
}

.mailboxInformation .header h1 {
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
}

.mailboxInformation .header h2 {
    float: none;
    margin: 10px 0 0 0;
    padding: 0;
    width: auto;
}

.mailboxInformation p.description {
    margin: 20px 0 0 0;
    margin: 5px;
    float: none;
    max-width: 700px;
    word-wrap: break-word;
}

.mailboxMenu .loader {
    min-height: 400px;
}

.mailboxMenu .leftMenuExpander {
    float: left;
    position: relative;
    padding-top: 10px;
    width: 100%;
}

    .mailboxMenu .leftMenuExpander > a {
        float: left;
        position: relative;
        background-repeat: no-repeat;
        font-weight: bold;
        color: #333;
        padding: 10px 10px 10px 45px;
        width: 100%;
        clear: right;
    }

    .mailboxMenu .leftMenuExpander .expand-dark-small {
        display: block;
        position: absolute;
        top: 14px;
        left: 22px;
    }

    .mailboxMenu .leftMenuExpander .collapse-dark-small {
        display: block;
        position: absolute;
        top: 13px;
        left: 24px;
    }

.mailboxMenu .searchBySender {
    position: relative;
    float: left;
    width: 100%;
}

    .mailboxMenu .searchBySender img,
    .mailboxMenu .searchBySender .emptyIconPlaceholder {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 3px;
        top: 7px;
    }

.mailboxMenu .sendersList {
    margin-top: 0;
}

    .mailboxMenu .sendersList ul {
        position: relative;
        float: left;
        width: 100%;
    }

        .mailboxMenu .sendersList ul li {
            position: relative;
            float: left;
            width: 100%;
            border: 0 none;
            height: 40px;
            line-height: 40px;
        }

            .mailboxMenu .sendersList ul li.selected {
                width: 100%;
                float: left;
                background-color: #fff;
            }

            .mailboxMenu .sendersList ul li div {
                position: relative;
                float: left;
                width: 100%;
                height: 40px;
                line-height: 40px;
                padding: 0 0 0 45px;
                text-decoration: none;
                font-size: 13px;
                font-weight: normal;
                color: #333;
            }

    .mailboxMenu .sendersList .expandNoAccess {
        background: rgba(0, 0, 0, 0.1);
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mailboxMenu .sendersList li a .senderName {
        float: left;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        padding: 0 45px 0 30px;
    }

    .mailboxMenu .sendersList li a .unread {
        margin-left: -45px;
    }

.mailboxMenu .filterUsersList {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 20px 5px 20px;
}

    .mailboxMenu .filterUsersList .filterInput {
        position: relative;
        float: left;
        width: 100%;
        height: 22px;
        line-height: 1;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px solid #dadada;
        background-color: #fff;
    }

    .mailboxMenu .filterUsersList .sprite {
        top: 7px;
    }

.mailboxMenu .filterSendersList {
    position: relative;
    float: left;
    width: 100%;
    border: 0 none;
    z-index: 1;
}

    .mailboxMenu .filterSendersList .sprite {
        top: 14px;
        left: 48px;
    }

.mailboxMenu .tabContainer {
    position: relative;
    float: left;
    width: 100%;
}

    .mailboxMenu .tabContainer .tabContent {
        display: none;
        position: relative;
        float: left;
        width: 100%;
    }

        .mailboxMenu .tabContainer .tabContent.active {
            display: block;
        }

        .mailboxMenu .tabContainer .tabContent .foldersListSpace {
            padding: 50px 0 0;
        }

    .mailboxMenu .tabContainer .actions {
        position: relative;
        float: left;
        width: 100%;
        line-height: 40px;
        padding: 10px 20px 0 45px;
    }

        .mailboxMenu .tabContainer .actions p,
        .mailboxMenu .tabContainer .actions a {
            text-decoration: none;
            font-weight: normal;
        }

    .mailboxMenu .tabContainer .filterInput {
        position: relative;
        float: left;
        width: 100%;
        height: 26px;
        line-height: 1;
        font-size: 12px;
        border: 1px solid #dadada;
        background-color: #fff;
    }

    .mailboxMenu .tabContainer .filter {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 45px 10px 75px;
    }

        .mailboxMenu .tabContainer .filter .sprite {
            top: 3px;
            left: -27px;
        }

    .mailboxMenu .tabContainer .disabled {
        cursor: default;
    }

        .mailboxMenu .tabContainer .disabled a {
            pointer-events: none;
            cursor: default;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .mailboxMenu .tabContainer .actions a {
        position: relative;
        float: left;
    }

.mailboxMenu .wrapper {
    position: relative;
    float: left;
    width: 100%;
}

.mailboxMenu .foldersList {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0 0;
}

    .mailboxMenu .foldersList li {
        position: relative;
        float: left;
        width: 100%;
    }

        .mailboxMenu .foldersList li .expander {
            position: absolute;
            top: 0;
            left: 0;
            width: 45px;
            height: 40px;
            padding: 0 !important;
            cursor: pointer;
            z-index: 1;
        }

            .mailboxMenu .foldersList li .expander .expand-dark-small {
                display: inline-block;
                position: absolute;
                top: 17px;
                left: 22px;
            }

            .mailboxMenu .foldersList li .expander .collapse-dark-small {
                display: inline-block;
                position: absolute;
                top: 15px;
                left: 24px;
            }

        .mailboxMenu .foldersList li .sprite {
            top: 10px;
            left: 40px;
        }

        .mailboxMenu .foldersList li a {
            position: relative;
            float: left;
            width: 100%;
            height: 40px;
            line-height: 40px;
            padding: 0 0 0 45px;
            text-decoration: none;
            font-weight: normal;
        }

            .mailboxMenu .foldersList li a span.name {
                position: relative;
                padding: 0 45px 0 30px;
                background-position: 0 50%;
                background-repeat: no-repeat;
                float: left;
                height: 40px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
            }

            .mailboxMenu .foldersList li a span.unread {
                margin-left: -45px;
            }

            .mailboxMenu .foldersList li a > div {
                position: relative;
                background-repeat: no-repeat;
                background-position: 0 50%;
            }

        .mailboxMenu .foldersList li .subfolders {
            position: relative;
            float: left;
            width: 100%;
        }

            .mailboxMenu .foldersList li .subfolders li a {
                padding-left: 60px;
            }

            .mailboxMenu .foldersList li .subfolders .archive > .sprite {
                left: 60px;
            }

            .mailboxMenu .foldersList li .subfolders .expander {
                left: 20px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders > li > a {
                padding-left: 70px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .archive > .sprite {
                left: 70px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .expander {
                left: 30px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders > li > a {
                padding-left: 80px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .archive > .sprite {
                left: 80px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .expander {
                left: 40px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders > li > a {
                padding-left: 90px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .archive > .sprite {
                left: 90px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .expander {
                left: 50px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders > li > a {
                padding-left: 100px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders .archive > .sprite {
                left: 100px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders .expander {
                left: 60px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders .subfolders > li > a {
                padding-left: 110px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders .subfolders .archive > .sprite {
                left: 110px;
            }

            .mailboxMenu .foldersList li .subfolders .subfolders .subfolders .subfolders .subfolders .subfolders .expander {
                left: 70px;
            }

@media (max-width: 767px) {
    .mailboxMenu .mailboxHome {
        width: 100%;
    }
}

.collapseTablet .mailboxMenu .searchBySender .subscribe {
    display: none;
}

.collapseTablet .mailboxMenu .searchBySender .filterSendersList {
    display: none;
}

.collapseTablet .mailboxMenu .searchBySender li {
    border: 0 none;
    padding: 3px 0;
}

.collapseTablet .mailboxMenu .searchBySender img {
    position: relative;
    left: auto;
}

.collapseTablet .mailboxMenu .searchBySender .emptyIconPlaceholder {
    position: static;
    display: inline-block;
}

.collapseTablet .mailboxMenu .sendersList li a .senderName {
    display: none;
}

.collapseTablet .mailboxMenu .sendersList li a .sprite.unread {
    display: inline-block;
}

.collapseTablet .mailboxMenu .foldersList li a .name {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
}

.collapseTablet .mailboxMenu .foldersList li a .sprite.unread {
    display: inline-block;
}

.collapseTablet .mailboxMenu .foldersList li .archive {
    display: none;
}

.collapseTablet .mailboxMenu .foldersList .sprite {
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.collapseTablet .emptyItemsInfo {
    display: none;
}

.collapseTablet .mailboxHome {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .collapseTablet .mailboxHome .sprite {
        top: 50%;
        left: 50%;
        margin-top: -7px;
        margin-left: -7px;
    }

    .collapseTablet .mailboxHome span {
        display: none;
    }

.mailboxMenuUsers {
    position: relative;
    float: left;
    width: 100%;
    height: 32px;
    cursor: pointer;
    line-height: 2px;
    overflow: visible;
    font-weight: normal;
    background-color: #fff;
    z-index: 2;
}

    .mailboxMenuUsers.hover ul {
        left: 0;
    }

    .mailboxMenuUsers .name a {
        color: #333;
    }

    .mailboxMenuUsers .logged {
        background-color: #fff;
        display: block;
        width: 100%;
        padding: 0 40px 0 0;
    }

        .mailboxMenuUsers .logged:after {
            position: absolute;
            right: 0;
            top: 0;
            line-height: 34px;
            content: '\25BC';
            font-size: 7px;
            color: #6b6b6b;
            width: 20px;
            height: 32px;
        }

        .mailboxMenuUsers .logged div {
            width: 100%;
            height: 100%;
            padding: 0 0 0 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: #fff;
        }

    .mailboxMenuUsers .sprite {
        top: 9px;
        left: 14px;
    }

    .mailboxMenuUsers ul {
        position: absolute;
        left: -9999px;
        width: 100%;
        background-color: #fff;
        color: #000;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        top: 32px;
    }

        .mailboxMenuUsers ul li {
            position: relative;
            float: left;
            width: 100%;
            height: 32px;
            background-color: #fff;
            border-style: solid;
        }

            .mailboxMenuUsers ul li.last {
                border-top-width: 1px;
                background: none;
            }

            .mailboxMenuUsers ul li a {
                width: 100%;
                height: 100%;
                display: block;
                padding: 0 20px 0 20px;
                /*overflow: hidden;*/
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .mailboxMenuUsers ul .filterUsersList:hover, .mailboxMenuUsers ul .filterUsersList.hover {
            background: none;
        }

#MailList {
    float: left;
    position: relative;
    margin: 0 0 15px 0;
    width: 100%;
}

@media (max-width: 767px) {
    #MailList {
        z-index: 1;
    }
}

#MailList .showMore {
    height: 60px;
    width: 100%;
    margin-top: 30px;
}

    #MailList .showMore a {
        display: block;
        font-weight: bold;
        height: 60px;
        line-height: 60px;
        width: 100%;
        text-align: center;
    }

#MailList .replyDocument .loader {
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    min-height: 0;
}

#MailList .loader.showMore {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    height: 60px;
    min-height: 0;
}

    #MailList .loader.showMore a {
        display: none;
    }

@media (max-width: 767px) {
    .mailList {
        padding: 0;
    }
}

.mailList > li.mail {
    float: left;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
}

    .mailList > li.mail:focus {
        outline: #a5c7fe solid 0px !important;
        border: #a5c7fe solid 2px !important;
        z-index: 1;
    }

    .mailList > li.mail:first-child {
        border-top: 1px solid #e3e3e3;
    }

    .mailList > li.mail.unread {
        background-color: #FBFCFC;
    }

        .mailList > li.mail.unread:before, .mailList > li.mail.flagedMail:before {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            height: 100%;
        }

    .mailList > li.mail .alertSection {
    }

    .mailList > li.mail .mailSender,
    .mailList > li.mail .mailHeading,
    .mailList > li.mail .mailItemWarningText {
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
        color: #294350;
        width: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .mailList > li.mail .mailItemWarningText {
        color: #5A7581;
    }

    .mailList > li.mail .mailRight .mailTitle .mailHeading .mailTitleText div,
    .mailList > li.mail .mailRight .mailTitle .mailItemWarning div,
    .mailSenderText {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        max-width: 100%;
    }

    .mailList > li.mail .mailRight .mailTitle .mailItemWarning div {
        float: inherit;
        font-size: 12px;
    }

    .mailList > li.mail.unread .mailSender {
        font-weight: 700;
    }

    .mailList > li.mail.unread .mailRight .mailDate {
    }

    .mailList > li.mail.unread .mailRight .mailTitle .mailHeading {
        font-weight: 700;
    }

    .mailList > li.mail.unread .mailItemWarningText {
        color: #A8242E;
        font-weight: 500;
    }

    .mailList > li.mail .mailSender {
        overflow: hidden;
        display: flex;
        justify-items: center;
        padding-right: 5px;
        text-indent: 10px;
    }

@media (max-width: 767px) {
    .mailList > li.mail .mailSender {
        position: relative;
        line-height: 32px;
        width: 100%;
        padding-left: 80px;
        margin-top: 40px;
        color: #000;
        z-index: 2;
        padding-right: 10px;
        text-indent: 0px;
    }

    .noselection .mailList > li.mail .mailSender {
        padding-left: 15px;
    }
}

.mailList > li.mail .mailLeft {
    width: 30%;
    padding-left: 82px;
    float: left;
    position: relative;
    margin: 8px 0;
}

    .mailList > li.mail .mailLeft .mailSender .crownIcon {
        display: flex;
        align-items: center;
        margin-left: 8px;
    }

.noselection .mailList > li.mail .mailLeft {
    padding-left: 45px;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailLeft {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-left: 0;
    }
}

.mailList > li.mail .mailLeft fieldset {
    position: absolute;
    top: 5px;
    left: 14px;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailLeft fieldset {
        left: 10px;
        top: 12px;
        z-index: 2;
    }
}

.mailList > li.mail .mailLeft .mailIcon {
    position: absolute;
    left: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 50%;
    overflow: hidden;
    height: 32px;
    width: 32px;
}

    .mailList > li.mail .mailLeft .mailIcon img {
        max-height: 22px;
        max-width: 22px;
    }

.mailList > li.mail .mailLeft .uploadIconSVG {
}

    .mailList > li.mail .mailLeft .uploadIconSVG svg {
    }

.noselection .mailList > li.mail .mailLeft .mailIcon {
    left: 15px;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailLeft .mailIcon {
        left: 40px;
        top: 8px;
    }

    .mailList > li.mail .mailLeft .uploadIconSVG svg {
        left: auto;
    }

    .noselection .mailList > li.mail .mailLeft .mailIcon {
        left: 15px;
    }
}

.mailList > li.mail .mailRight {
    display: flex;
    width: 70%;
    float: left;
    position: relative;
    margin: 8px 0;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight {
        padding-right: 10px;
        padding-left: 80px;
        width: 100%;
    }

    .noselection .mailList > li.mail .mailRight {
        padding-left: 60px;
    }
}

.mailList > li.mail .mailRight .mailTitle {
    float: left;
    width: 60%;
}

    .mailList > li.mail .mailRight .mailTitle .mailHeading {
        position: relative;
        padding-right: 25px;
    }

        .mailList > li.mail .mailRight .mailTitle .mailHeading .mailTitleText {
            cursor: pointer;
        }

            .mailList > li.mail .mailRight .mailTitle .mailHeading .mailTitleText:focus {
            }

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle .mailHeading .mailTitleText {
        line-height: 26px;
    }
}

.mailList > li.mail .mailRight .mailTitle .mailHeading .mailTitleText:hover div {
    text-decoration: underline;
}

.mailList > li.mail .mailRight .mailTitle .mailHeading .sprite {
    top: 8px;
    right: 4px;
    font-size: 0;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle .mailHeading .hasCrown,
    .mailList > li.mail .mailRight .mailTitle .mailHeading .isUploaded {
        background-position: right center;
    }

    .mailList > li.mail .mailLeft .mailSender .hasCrown {
        text-indent: 10px
    }
}

.mailList > li.mail .mailRight .mailTitle h4.mailHeading {
    margin-top: 35px;
    padding-bottom: 7px;
    padding-top: 10px;
    color: #004769;
    text-overflow: clip;
    white-space: normal;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle.isModifiedTitle {
        padding-top: 10px;
        margin-top: 15px;
    }
}

.mailList > li.mail .mailRight .mailDate {
    line-height: 32px;
    white-space: nowrap;
    text-align: right;
    width: 20%;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailDate {
        display: flex;
        align-items: center;
        margin: 0;
        width: auto !important;
        position: absolute;
        right: auto;
        left: 80px;
        font-size: 12px;
        color: #6b6b6b !important;
        font-weight: normal !important;
        text-transform: uppercase;
        text-align: left;
    }

    .noselection .mailList > li.mail .mailRight .mailDate {
        left: 60px;
    }

    .mailList > li.mail .mailRight .actionSection {
        position: absolute;
        right: 10px;
    }

    .mailList > li.mail .mailRight .mailDate .foldeNameContent {
        text-transform: none;
        margin-top: 0 !important;
        margin-left: 10px;
    }

    .mailList > li.mail .mailRight .mailTitle {
        width: 100%;
    }

    .mailList > li.mail .alertSection {
        clear: both;
    }
}

.mailList .searchFolderLink {
    position: relative;
    width: 100%;
    font-size: 11px;
    color: #6b6b6b;
    float: left;
    padding-top: 5px;
}

    .mailList .searchFolderLink span {
        margin-right: 10px;
    }

#newMail {
    position: relative;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px 0 30px;
}

@media (max-width: 800px) {
    #newMail {
        width: 100%;
    }
}

#newMail h2 {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0 40px 20px;
    line-height: 1;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    word-wrap: break-word;
}

#newMail .modalAlert .modalHeader h2 {
    padding-left: 50px;
}

#newMail .removeHeader .modalHeader h2 {
    padding-left: 50px;
}

#newMail .inner {
    padding: 15px 0;
    float: left;
    width: 100%;
}

#newMail .input {
    float: left;
    clear: both;
    background: #fff;
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: relative;
    padding: 2px 2px 2px 95px;
    line-height: 38px;
    margin: 15px 0;
}

    #newMail .input.favorite {
        display: flex;
    }

    #newMail .input.error {
        border: 2px solid #bb1d2c;
        margin: 13px 0;
        position: relative;
        left: -2px;
        right: -2px;
    }

    #newMail .input a,
    #newMail .input span.selectRecipient {
        float: right;
        padding-right: 15px;
        font-size: 13px;
        cursor: pointer;
        margin: 2px 2px 2px 2px;
        height: 90%;
    }

    #newMail .input img {
        max-width: 16px;
        max-height: 16px;
    }

    #newMail .input .placeholder {
        color: #999;
        font-family: Arial;
        font-size: 13px;
        padding-left: 10px;
    }

    #newMail .input .to .name {
        position: absolute;
        left: 35px;
        right: 145px;
        white-space: nowrap;
    }

    #newMail .input .to img {
        float: left;
        padding: 2px;
        width: 22px;
        height: 22px;
        border: 1px solid #dadada;
        background-color: #fff;
        margin: 8px 5px 0 10px;
        max-width: none;
        max-height: none;
    }

    #newMail .input .to span {
        font-weight: bold;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    #newMail .input span.selectRecipient {
        font-weight: normal;
    }

    #newMail .input .label {
        position: absolute;
        left: 0;
        width: 65px;
        height: 38px;
        font-weight: bold;
        padding-left: 15px;
    }

    #newMail .input input {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        border: none;
        padding: 10px 15px 10px 10px;
        line-height: 20px;
        background-color: transparent;
    }

        #newMail .input input.carbonCopyInput {
            width: calc(100% - 45px);
        }

        #newMail .input input.favoriteInput {
            flex: 1;
        }

#newMail .addToFavorite {
    position: relative;
    float: left;
    width: 100%;
    line-height: 20px;
}

#newMail select.error {
    border: 2px solid #bb1d2c;
    margin: 13px 0;
    position: relative;
    left: -2px;
    right: -2px;
}

#newMail .showBlindCarbonCopy {
    float: right;
    padding-right: 15px;
    cursor: pointer;
    font-size: 13px;
    width: 45px;
    height: 36px;
}

#newMail .removeReceipient {
    position: static;
    float: right;
    margin-top: 13px;
    margin-right: 5px;
}

#newMail .submitted .metadata input.ng-invalid {
    border: 2px solid #bb1d2c;
    margin: 0 0 30px;
    position: relative;
    top: -2px;
    left: -2px;
    right: -2px;
}

#newMail .submitted .textareaNotWYSWIG textarea.ng-invalid {
    border: 2px solid #bb1d2c;
    position: relative;
    top: -1px;
    left: -1px;
    right: -1px;
}

#newMail .metadata input.ng-invalid.ng-blured {
    border: 2px solid #bb1d2c;
    margin: 0 0 30px;
    position: relative;
    top: -2px;
    left: -2px;
    right: -2px;
}

#newMail .textareaNotWYSWIG textarea.ng-invalid.ng-blured {
    border: 2px solid #bb1d2c;
    position: relative;
    top: -1px;
    left: -1px;
    right: -1px;
}

#newMail .decorationBox {
    top: -14px;
    left: -2px;
    width: 100%;
    display: block;
    padding-left: 30px;
    margin: 20px 0 0;
}

#newMail .textareaNotWYSWIG .error,
#newMail .textareaWYSWIG .error {
    border: 2px solid #bb1d2c;
    position: relative;
    top: -2px;
    left: -2px;
    right: -2px;
}

#newMail .textareaNotWYSWIG .decorationBox,
#newMail .textareaWYSWIG .decorationBox {
    top: -2px;
}

#newMail .metadata .decorationBox {
    top: -32px;
}

#newMail .metadata input {
    height: 40px;
    border: none;
    width: 100%;
    border: none;
    padding-left: 15px;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
}

#newMail .metadata label {
    display: block;
    line-height: 20px;
    min-height: 40px;
    font-weight: bold;
    padding: 10px 0;
    overflow: hidden;
    word-break: break-word;
}

#newMail .decorationBox:before {
    border-bottom-color: #bb1d2c;
}

#newMail .errorBox {
    position: relative;
    background-color: #bb1d2c;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 15px 10px 15px 60px;
    margin: 0 0 35px;
}

    #newMail .errorBox .sprite {
        top: 22px;
        left: 28px;
    }

    #newMail .errorBox p {
        margin: 10px 0;
    }

#newMail .guideline {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
}

    #newMail .guideline p {
        margin: 0;
    }

#newMail .buttonBox {
    position: relative;
    float: left;
    width: 100%;
}

    #newMail .buttonBox .button,
    #newMail .buttonBox .saved,
    #newMail .buttonBox .loading {
        margin: 5px;
    }

#newMail .to {
    float: left;
    width: 100%;
    position: relative;
}

#newMail .generalSelect {
    width: 100%;
    height: 40px;
    border: none;
    padding: 10px 0 10px 15px;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    margin: 14px 0;
    line-height: 40px;
}

#newMail .metadataContainer {
    margin: 0 0 32px;
    float: left;
    width: 100%;
}

#newMail .attachments {
    padding: 14px 0;
    width: 100%;
    float: left;
}

    #newMail .attachments li {
        float: left;
        padding-right: 10px;
        width: 100%;
    }

    #newMail .attachments span {
        position: relative;
        float: right;
        width: 10px;
        height: 12px;
        margin-left: 3px;
        margin-top: 3px;
    }

    #newMail .attachments .attachment-title {
        float: left;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 95%;
        height: 100%;
        margin: 0;
        padding-bottom: 5px;
        white-space: nowrap;
    }

    #newMail .attachments .loading {
        color: #ccc;
        height: auto;
    }

        #newMail .attachments .loading .remove-attachment-icon {
            display: none;
        }

    #newMail .attachments .remove-attachment-icon {
        cursor: pointer;
    }

#newMail .save {
    float: right;
}

@media (max-width: 470px) {
    #newMail .save {
        float: left;
    }
}

@media (max-width: 470px) {
    #newMail .saved {
        float: left;
    }
}

#newMail textarea.mailContent {
    width: 100%;
    height: 220px;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    padding: 10px;
    background-color: #fff;
    border: 1px solid #dadada;
    resize: none;
    overflow: auto;
}

#newMail .newMailOptionsPanel {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

    #newMail .newMailOptionsPanel .tinymceOptionButton .sprite {
        top: 5px;
        left: 8px;
    }

    #newMail .newMailOptionsPanel .attachmentNewMailDropdown ul li {
        margin: 5px;
    }

#newMail .attachmentDocumentPopup .contents {
    width: 100%;
    float: left;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

    #newMail .attachmentDocumentPopup .contents .general-dropdown {
        width: 100%;
    }

#newMail .attachmentDocumentPopup .folders {
    margin-bottom: 10px;
    -moz-box-shadow: inset 0 1px 4px #dadada;
    -webkit-box-shadow: inset 0 1px 4px #dadada;
    box-shadow: inset 0 1px 4px #dadada;
    border: 1px solid #dadada;
    float: left;
    width: 100%;
    position: relative;
    padding: 5px;
    background-color: #fff;
}

    #newMail .attachmentDocumentPopup .folders select {
        margin: 0;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        border: none;
        box-shadow: none;
        float: left;
        height: 30px;
        position: relative;
        padding: 6px 0 6px 5px;
        max-width: 100%;
    }

@media (-webkit-min-device-pixel-ratio: 0) {
    #newMail .attachmentDocumentPopup .folders select {
        line-height: 30px;
    }
}

#newMail .modalContent {
    padding: 0 30px;
}

    #newMail .modalContent h2 {
        padding: 10px 0;
    }

#newMail .multipleRecipients .input {
    height: auto;
    min-height: 43px;
}

    #newMail .multipleRecipients .input label,
    #newMail .multipleRecipients .input .label {
        line-height: 40px;
    }

    #newMail .multipleRecipients .input ul {
        float: left;
        width: 100%;
        margin: 5px 0;
    }

    #newMail .multipleRecipients .input li {
        float: left;
        margin: 5px 0;
        padding-right: 10px;
        max-width: 100%;
    }

        #newMail .multipleRecipients .input li div {
            background-color: #f5f5f5;
            height: 23px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            float: left;
            position: relative;
            line-height: 22px;
            font-size: 13px;
            padding-left: 33px;
            padding-right: 33px;
            overflow: hidden;
            max-width: 100%;
        }

            #newMail .multipleRecipients .input li div span {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                float: left;
                width: 100%;
                cursor: pointer;
            }

                #newMail .multipleRecipients .input li div span.removeRecipient {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 23px;
                    height: 23px;
                    background-color: #e3e3e3;
                    text-align: center;
                }

                    #newMail .multipleRecipients .input li div span.removeRecipient:after {
                        content: "\2A2F";
                        font-size: 20px;
                        line-height: 17px;
                    }

    #newMail .multipleRecipients .input .recipientIcon {
        float: left;
        width: 22px;
        height: 22px;
        margin: 4px 5px 0 -23px;
    }

        #newMail .multipleRecipients .input .recipientIcon + span {
            width: 95%;
        }

#newMail .multipleRecipients .decorationBox {
    left: 0;
    top: -18px;
}

    #newMail .multipleRecipients .decorationBox + .input {
        margin-top: 0;
    }

#newMail .multipleRecipients .selectRecipient {
    font-size: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}

@media (max-width: 767px) {
    #newMail .information {
        padding: 0;
    }
}

#newMail .dropdown-wrapper.full-width-gd-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    margin: 15px 0;
}

#newMail .dropdown-wrapper .decorationBox {
    position: relative;
    top: initial;
    left: initial;
}

#newMail.greenlandic .input {
    padding-left: 100px;
}

#newMail.greenlandic .to .name {
    right: 210px;
}

.notifications {
    position: relative;
    width: 100%;
    float: left;
}

    .notifications .notifications-on {
        background: url(/privat/Resources/resources/skins/sweden/img/icons/notifications01.png) no-repeat 0 center;
        padding-left: 25px;
    }

        .notifications .notifications-on:not(.disabled):after {
            content: "";
            display: inline-block;
            height: 12px;
            padding-left: 7px;
            border-right: 1px solid #6b6b6b;
            vertical-align: middle;
            margin-right: 7px;
        }

    .notifications .notifications-off {
        background: url(/privat/Resources/resources/skins/sweden/img/icons/notifications02.png) no-repeat 0 center;
        padding-left: 25px;
    }

        .notifications .notifications-off:not(.disabled):after {
            content: "";
            display: inline-block;
            height: 12px;
            padding-left: 7px;
            border-right: 1px solid #6b6b6b;
            vertical-align: middle;
            margin-right: 7px;
        }

    .notifications .offlink {
        color: #bb1d2c !important;
    }

.payment-actions-menu {
    position: relative;
    float: left;
    cursor: pointer;
}

    .payment-actions-menu .btn-dropdown {
        padding: 0 10px;
        line-height: 28px;
        height: 28px;
        margin-left: -9px;
        min-width: 30px;
        color: #fff;
    }

        .payment-actions-menu .btn-dropdown:after {
            content: "\25BC";
            font-size: 13px;
            font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
        }

    .payment-actions-menu:focus ul, .payment-actions-menu.hover ul {
        left: -75px;
        right: auto;
    }

        .payment-actions-menu:focus ul.right-aligned, .payment-actions-menu.hover ul.right-aligned {
            left: auto;
            right: 10px;
        }

        .payment-actions-menu.hover ul li {
            background-color: #fff;
            height: 26px;
            white-space: nowrap;
        }

            .payment-actions-menu.hover ul li a {
                padding: 0 10px;
                font-size: 12px;
                color: #333;
            }

    .payment-actions-menu ul {
        position: absolute;
        left: -9999px;
        top: 33px;
        background-color: #fff;
        color: #000;
        z-index: 1;
    }

    .payment-actions-menu li,
    .payment-actions-menu a {
        position: relative;
        height: 26px;
        line-height: 26px;
        width: 100%;
        float: left;
    }

.recipientContainer {
    position: relative;
    float: left;
    width: 100%;
    height: 260px;
    margin: 0 0 20px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #dadada;
    background-color: #fff;
}

    .recipientContainer.loader {
        height: 160px;
        width: 100%;
    }

        .recipientContainer.loader * {
            visibility: hidden;
        }

    .recipientContainer .recipientItem {
        float: left;
    }

    .recipientContainer li {
        margin: 0;
        cursor: text;
        position: relative;
    }

        .recipientContainer li a {
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-decoration: none;
            font-weight: normal;
            color: #333;
        }

            .recipientContainer li a.loading .sprite {
                display: none !important;
            }

            .recipientContainer li a.info {
                color: #004769;
                font-weight: bold;
                float: right;
            }

        .recipientContainer li .selectRecipientIcon .loading {
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }

        .recipientContainer li .selectRecipientIcon a {
            height: 40px;
            position: absolute;
            width: 40px;
            left: 0;
            line-height: 40px;
        }

        .recipientContainer li .selectRecipientIcon .expand .expand_dark {
            display: block;
        }

        .recipientContainer li .selectRecipientIcon .expand .collapse_dark {
            display: none;
        }

        .recipientContainer li .selectRecipientIcon .collapse .collapse_dark {
            display: block;
        }

        .recipientContainer li .selectRecipientIcon .collapse .expand_dark {
            display: none;
        }

        .recipientContainer li .selectRecipientIcon .sprite {
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -10px;
        }

        .recipientContainer li .info {
            margin-top: 0;
            float: right;
            margin-right: 30px;
            width: 100px;
        }

    .recipientContainer ul li .recipentHasNoChildren {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        font-weight: normal;
        color: #333;
    }

@media (max-width: 767px) {
    .recipientContainer .info {
        margin-right: 5px;
    }
}

.recipientContainer .recentAndFavoriteRecipients {
    border-bottom: 1px solid #e3e3e3;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding-left: 20px;
}

.recipientContainer .disabled {
    cursor: text;
}

.recipientInformation .header img {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 64px;
    height: 64px;
}

.recipientInformation .header h1 {
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
}

.recipientInformation .contact {
    margin: 20px 0 0 0;
}

.recipientInformation p.description {
    margin: 20px 0 0 0;
    margin: 5px;
    float: none;
    max-width: 700px;
    word-wrap: break-word;
}

.replyTemplate .popupLoader {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    min-height: 50px;
}

.replyTemplate .bold {
    font-weight: bold;
}

.replyTemplate .radiobox {
    vertical-align: sub;
}

.replyTemplate .label {
    float: left;
    margin-right: 2px;
}

.replyTemplate .item .required:after {
    content: "*";
    margin-left: 3px;
    color: #f00;
}

.searchRecipient {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 30px;
    border-top: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

    .searchRecipient .list > li {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 15px;
    }

    .searchRecipient button {
        width: 64px;
        position: absolute;
        top: 0;
        right: 0;
        height: 35px;
        float: right;
        border: 0 none;
        cursor: pointer;
    }

        .searchRecipient button .sprite {
            top: 50%;
            left: 50%;
        }

    .searchRecipient label {
        display: table-cell;
        height: 35px;
        left: 0;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        width: 150px;
    }

    .searchRecipient .recipientSearchInput {
        float: left;
        position: relative;
        width: 100%;
        line-height: 21px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
        height: 35px;
        border: none;
        background-color: #fff;
    }

    .searchRecipient .emptyRecipientCategory {
        color: #6b6b6b;
    }

    .searchRecipient .row-wrapper {
        padding-right: 74px;
        width: 100%;
    }

    .searchRecipient .dropdown-wrapper {
        left: 0;
        padding: 0 74px 0 150px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .searchRecipient .general-dropdown {
        width: 100%;
    }

@media (max-width: 767px) {
    .selectRecipient {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .selectRecipient h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .selectRecipient label {
        width: 120px;
    }
}

@media (max-width: 767px) {
    .selectRecipient .dropdown-wrapper {
        padding-left: 120px;
    }
}

.selectRecipient .buttons {
    position: relative;
    float: left;
    width: 100%;
}

.selectRecipientItem, .selectEmailItem {
    padding-left: 0;
}

    .selectRecipientItem.cantExpandItem {
        padding-left: 20px;
    }

    .selectRecipientItem.email {
        padding-left: 0;
    }

        .selectRecipientItem.email .selectRecipientItemContent {
            padding-left: 20px;
        }

    .selectRecipientItem .child {
        margin-left: 20px;
    }

.selectRecipientItemContent, .selectEmailItemContent {
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
}

    .selectRecipientItemContent.canExpand .recipientName {
        padding-left: 20px;
    }

    .selectEmailItemContent a.favorite {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        margin-left: 2px;
    }

    .selectEmailItemContent a.removeBtn {
        padding-right: 10px;
        margin-right: 2px;
        text-align: right;
        width: auto;
    }

    .selectEmailItemContent .favoriteEmail {
        width: calc(100% - 200px);
        display: inline-block;
    }

    .selectEmailItemContent .removeEmail {
        width: 200px;
        float: right;
    }

.signDocumentPopup {
    width: 700px;
}

    .signDocumentPopup .popupLoader {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .signDocumentPopup .signDocumentFramePlaceholder {
        height: 370px;
    }

    .signDocumentPopup .signDocumentFrame {
        height: 100%;
        width: 100%;
        border: 0;
    }

#TabletMenu {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    right: auto;
    top: auto;
}

    #TabletMenu .mailboxMenu ul {
        position: relative;
        float: left;
        width: 100%;
        list-style: none;
    }

        #TabletMenu .mailboxMenu ul li {
            position: relative;
            float: left;
            width: 100%;
            height: 40px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
        }

.uploadDocumentContainer {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    margin: 20px 0;
    border-top: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

    .uploadDocumentContainer input.file {
        width: 100%;
        margin-top: 5px;
    }

        .uploadDocumentContainer input.file.hide {
            display: none;
        }

    .uploadDocumentContainer .fileName {
        line-height: 50px;
        padding-left: 10px;
        white-space: nowrap;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.uploadedDocumentStatusError {
    color: #f00;
}

.uploadedDocumentAddFile {
    padding-top: 20px;
}

.uploadDocumentItem {
    position: relative;
}

.uploadDocumentItemDisabledOverlay {
    background: #fff;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1000;
}

.uploadedDocumentChooseFile {
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    width: 56%;
}

@media (max-width: 1080px) {
    .uploadedDocumentChooseFile {
        width: 50%;
    }
}

@media (max-width: 650px) {
    .uploadedDocumentChooseFile {
        width: 100%;
    }
}

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

@media (max-width: 1080px) {
    .uploadedDocumentChooseFileIncreasedWidth {
        width: 74%;
    }
}

@media (max-width: 650px) {
    .uploadedDocumentChooseFileIncreasedWidth {
        width: 100%;
    }
}

.uploadedDocumentStatus {
    padding: 9px 5px 14px 5px;
    width: 33.3%;
    height: 40px;
    text-align: right;
}

@media (max-width: 1080px) {
    .uploadedDocumentStatus {
        width: 33.3%;
    }
}

@media (max-width: 650px) {
    .uploadedDocumentStatus {
        width: 100%;
    }
}

.uploadedDocumentDelete {
    position: relative;
    float: right;
    width: auto;
}

@media (max-width: 420px) {
    .uploadedDocumentDelete {
        float: left;
    }
}

.uploadedDocumentDelete.full {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.uploadedDocumentDelete .button {
    display: inline-block;
    float: right;
    width: auto;
}

#Feeds {
    padding-top: 25px;
}

@media (max-width: 767px) {
    #Feeds {
        padding: 0;
    }
}

.paymentNote {
    float: left;
    height: 28px;
    margin-top: 5px;
    color: #6b6b6b;
    font-size: 11px;
    line-height: 28px;
}

.feedItems {
    margin-bottom: 20px;
}

    .feedItems.ngdp-feedItem {
        margin-bottom: 0px !important;
    }

.feedItem {
    margin-bottom: 3px;
    font-size: 13px;
}

    .feedItem.receiptsFeedItem .feedItemNotification {
        padding: 23px 17px 23px 55px;
    }

        .feedItem.receiptsFeedItem .feedItemNotification .feedItemText,
        .feedItem.receiptsFeedItem .feedItemNotification .feedItemActions {
            line-height: 16px;
        }

    .feedItem.receiptsFeedItem .sprite {
        top: 15px;
    }

    .feedItem .button {
        font-size: 12px;
        margin: 5px 10px 0 0;
    }

    .feedItem .sprite {
        top: 12px;
        left: 15px;
    }

.feedItemNotification,
.feedItemNotificationHighlighted,
.feedItemNotificationWarning,
.feedItemNotificationConfirm {
    overflow: hidden;
    position: relative;
    padding: 17px 17px 17px 55px;
}

.feedItemExtraMargin {
    margin-bottom: 15px;
}

.feedItemRow {
    display: table-row;
    word-break: break-word;
    width: 100%;
}

.feedItemNews {
    margin: 17px;
    color: #705f66;
}

.feedItemNewsFooter {
    font-size: 13px;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .feedItemNewsFooter {
        text-align: right;
    }
}

.feedItemNewsFooterSeparator {
    margin-left: 10px;
    margin-right: 10px;
}

.feedItemWithDeleteOption {
    padding-top: 30px;
    padding-right: 30px;
    position: relative;
}

    .feedItemWithDeleteOption .feedItemDelete {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

        .feedItemWithDeleteOption .feedItemDelete .sprite {
            top: 6px;
            left: 7px;
        }

.feedItemMessageSurvey {
    display: table;
    background-color: #fff;
    width: 100%;
    padding: 0 17px;
}

.feedItemVideoCampaign {
    padding: 0;
}

    .feedItemVideoCampaign .feedItemCampaignLeftContainer {
        padding-left: 17px;
        padding-top: 17px;
        padding-bottom: 17px;
    }

.feedItemVideoFrame {
    width: 100%;
    height: 500px;
}

.feedItemCampaign {
    display: table;
    background-color: #d8eff7;
    width: 100%;
    padding: 17px;
    table-layout: fixed;
}

    .feedItemCampaign .feedItemActions {
        line-height: 16px;
        font-size: 12px;
        width: 100%;
    }

@media (max-width: 767px) {
    .feedItemCampaign .feedItemActions {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .feedItemCampaign .feedItemVideoCampaignDescContainer .feedItemText {
        margin-bottom: 15px;
        min-height: 0;
    }
}

.feedItemCampaign .feedItemTitle {
    font-weight: bold;
}

.feedItemCampaign .videoFrame {
    position: relative;
    float: right;
    width: 100%;
}

.feedItemCampaign .feedItemText {
    min-height: 93px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 17px;
    word-wrap: break-word;
}

.feedItemCampaign .feedItemTextBelowActions {
    line-height: 16px;
    float: left;
    margin-top: 15px;
    clear: both;
    width: 100%;
}

.feedItemCampaignLeftContainer {
    min-height: 150px;
    float: left;
    padding-right: 20px;
    overflow: hidden;
}

@media (max-width: 600px) {
    .feedItemCampaignLeftContainer {
        float: none;
        word-wrap: break-word;
    }
}

.feedItemCampaignLeftContainer,
.feedItemCampaignRightContainer {
    display: table-cell;
    max-width: 100%;
}

@media (max-width: 600px) {
    .feedItemCampaignLeftContainer,
    .feedItemCampaignRightContainer {
        width: 50%;
    }
}

.feedItemCampaignRightContainer {
    vertical-align: middle;
    background: #fff;
    width: 256px;
}

.feedItemCampaignRightVideoContainer {
    display: table-cell;
    background-color: #fff;
    width: 50%;
    vertical-align: middle;
    cursor: pointer;
}

.feedItemCampaignImage {
    width: 100%;
}

.feedItemMessageSurveyImage {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

.feedItemCampaignVideoImage {
    background: url(/privat/Resources/resources/skins/sweden/img/objects/campaign-play.png);
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
}

.feedItemVideoCampaignImgContainer {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .feedItemVideoCampaignImgContainer img {
        width: 100%;
    }

@media (max-width: 767px) {
    .feedItemVideoCampaignImgContainer img {
        width: auto;
        max-width: 100%;
    }
}

.feedItemVideoCampaignDescContainer,
.feedItemVideoCampaignFrameContainer {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .feedItemVideoCampaignDescContainer,
    .feedItemVideoCampaignFrameContainer {
        float: left;
        width: 100%;
    }
}

.feedItemVideoCampaignDescContainer {
    width: 55%;
    padding-right: 20px;
}

.feedItemVideoCampaignFrameContainer {
    width: 45%;
    cursor: pointer;
}

@media (max-width: 767px) {
    .feedItemVideoCampaignFrameContainer {
        padding-top: 15px;
    }
}

.feedItemMessageSurveyCloseButton {
    top: 0;
    right: 0;
    width: 10px;
    height: 12px;
    padding: 25px;
    overflow: hidden;
    cursor: pointer;
}

.feedItemButtons {
    margin-top: 15px;
}

.feedItemTitle {
    line-height: 16px;
}

.feedItemMessageSurveyTitle {
    margin-bottom: 10px;
}

.dimmedOut .tileReceivedDate,
.dimmedOut .tileTitleBox,
.dimmedOut .tileProfileDescription,
.dimmedOut .tileSenderInfo,
.dimmedOut .tileDocumentNote span,
.dimmedOut .FeedActivityTileToolbar.documentToolbar {
    color: #ccc;
}

@media (max-width: 767px) {
    .feedItemNotificationHighlighted {
        padding: 17px 17px 17px 55px;
    }
}

.feedItemNotificationHighlighted .feedItemText {
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 17px;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .feedItemNotificationHighlighted div:last-child {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .feedItemNotificationHighlighted div:last-child .button {
        display: inline;
        float: none;
    }
}

@media (max-width: 600px) {
    .feedItemNotificationRightContainer,
    .notificationCampaign.feedItemNotification .feedItemNotificationRightContainer {
        width: 100px;
    }
}

.feedItemNotification {
    display: table;
    width: 100%;
}

    .feedItemNotification .feedItemActions {
        float: right;
        line-height: 16px;
        font-size: 12px;
    }

        .feedItemNotification .feedItemActions li {
            float: left;
            padding: 0 10px;
            border-left: 1px solid #e3e3e3;
        }

            .feedItemNotification .feedItemActions li:first-child {
                border: none;
                padding-left: 0;
            }

            .feedItemNotification .feedItemActions li:last-child {
                padding-right: 0;
            }

            .feedItemNotification .feedItemActions li:only-child {
                float: right;
            }

@media (max-width: 600px) {
    .feedItemNotification .feedItemActions li {
        padding: 0;
        border: none;
        display: block;
        width: 100%;
        float: right;
    }
}

@media (max-width: 600px) {
    .feedItemNotification .feedItemActions li > a {
        float: right;
        text-align: right;
    }
}

.feedItemNotification .feedItemText {
    line-height: 16px;
    display: table-cell;
    word-break: break-all;
    word-break: break-word;
}

.notificationCampaignModal .modalHeader h2 {
    margin-left: 40px;
    margin-top: -3px;
}

.tile {
    overflow: visible;
    padding-left: 24px;
    padding-right: 24px;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-left: 3px solid transparent;
}

.tileCell {
    display: table-cell;
    padding-bottom: 20px;
}

    .tileCell:first-child {
        width: 82px;
        position: relative;
    }

.tileRight,
.tileLeft {
    margin-top: 28px;
    margin-bottom: 18px;
    top: 0;
}

.tileLeft {
    margin-right: 20px;
    width: 62px;
    position: absolute;
}

.tileRight {
    width: 100%;
}

.tileTitle {
    position: relative;
    float: left;
    margin: 0;
    padding-left: 35px;
    line-height: 29px;
    font-weight: normal;
    word-wrap: break-word;
    width: 100%;
    color: #004769;
    cursor: pointer;
    width: 100%;
    float: left;
}

    .tileTitle .tileTitleText {
        color: #004769;
        cursor: pointer;
        width: 100%;
        float: left;
    }

.tileRow {
    display: table-row;
}

.tileLogo {
    width: 60px;
    height: 60px;
    border: 1px solid #dadada;
    padding: 2px;
}

.tileTitleBox {
    margin-bottom: 2px;
    float: left;
    clear: both;
    font-size: 13px;
    width: 100%;
}

.tileTypeIcon {
    position: absolute;
    width: 33px;
    height: 29px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: left;
}

    .tileTypeIcon .sprite {
        left: 0;
        bottom: 3px;
    }

    .tileTypeIcon .sprite-unread {
        display: none;
    }

.tileNotRead .tileTypeIcon .sprite-read {
    display: none;
}

.tileNotRead .tileTypeIcon .sprite-unread {
    display: inline-block;
}

.tileNotRead .tileTitle {
    font-weight: bold;
}

.tileNormalIcon {
    float: left;
}

.tileSignDocument {
    clear: both;
}

.tileSignDocument,
.tileStatus {
    /*overflow: hidden;*/
    float: left;
    margin-top: 8px;
}

.tileSignButton {
    margin-right: 10px;
}

    .tileSignButton .loader {
        background-image: url(/privat/Resources/resources/skins/sweden/img/objects/preloader20x20.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        min-height: 0;
        border-width: 0;
        box-shadow: none;
    }

.tileSignBefore {
    color: #6b6b6b;
    font-size: 11px;
    float: left;
    clear: both;
    height: 20px;
}

.tileSignInDesktop {
    max-width: 449px;
}

.tileReceivedDate {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #6b6b6b;
}

.tileSenderInfo {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
}

.tileProfileDescription {
    font-weight: normal;
    color: #6b6b6b;
}

    .tileProfileDescription strong {
        color: #000;
    }

.tileDocumentAttachment {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 11px;
}

    .tileDocumentAttachment ul {
        float: left;
    }

    .tileDocumentAttachment li {
        margin-top: 20px;
    }

        .tileDocumentAttachment li:first-child {
            margin-top: 0;
        }

    .tileDocumentAttachment a {
        color: #004769;
        margin-right: 10px;
        word-break: normal;
    }

    .tileDocumentAttachment span {
        color: #333;
        float: left;
        margin-right: 10px;
    }

#EmailRuleContainer {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
}

    #EmailRuleContainer .button {
        margin-top: 15px;
    }

    #EmailRuleContainer th,
    #EmailRuleContainer td {
        padding-right: 15px;
    }

    #EmailRuleContainer p,
    #EmailRuleContainer ul,
    #EmailRuleContainer > a.underlinedLink {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

#RulesDeleteModal .detailsContent {
    padding: 10px 5px;
    line-height: 25px;
}

#RulesDeleteModal .buttons a {
    margin-bottom: 10px;
}

#RulesDetails {
    line-height: 18px;
}

    #RulesDetails li.navigation a {
        line-height: 20px;
    }

#RulesView .buttons {
    position: relative;
    float: right;
    width: auto;
    padding: 0;
    text-align: right;
}

#RulesView .buttonLink:hover {
    text-decoration: underline;
}

.cancelDescription,
.confirmCancellationMessage {
    margin-bottom: 25px;
}

#ConfirmCancellation .error,
#CancellationFail .error {
    padding-bottom: 18px;
}

#movePublicMailContainer .section {
    float: left;
}

#movePublicMailContainer .mailToMove {
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e3e3e3;
}

    #movePublicMailContainer .mailToMove h4 {
        font-weight: bold;
        color: #000;
    }

    #movePublicMailContainer .mailToMove img {
        float: left;
        margin-left: 10px;
    }

    #movePublicMailContainer .mailToMove fieldset {
        float: left;
    }

    #movePublicMailContainer .mailToMove div.mailToMoveInformation {
        margin-left: 28px;
    }

#movePublicMailContainer .disabledMenu {
    opacity: 0.4;
}

#movePublicMailContainer .sendMailSuccess {
    font-weight: bold;
    position: relative;
}

    #movePublicMailContainer .sendMailSuccess .sprite {
        top: 50%;
        left: 10px;
        margin-top: -7px;
    }

    #movePublicMailContainer .sendMailSuccess p {
        padding-left: 10px;
    }

#movePublicMailContainer .mailToMoveContainer > div.mailToMove:first-child {
    border-top: 1px solid #e3e3e3;
}

#movePublicMailContainer a.button {
    color: #fff;
}

#movePublicMailContainer ul {
    padding-left: 30px;
}

    #movePublicMailContainer ul li {
        list-style: none;
    }

.termsOfUseArea {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    max-width: 100%;
    max-height: 300px;
    overflow: auto;
}

.termsOfUseCheckBox {
    width: 100%;
    float: left;
    padding-top: 10px;
}

#resendConfirmationContainer .description p {
    font-size: 13px;
    line-height: 20px;
}

.mailToMoveInformation span {
    display: block;
    word-wrap: break-word;
}

    .mailToMoveInformation span:first-child {
        font-weight: bold;
    }

.noFolderAccessMessage {
    font-size: 13px;
}

#FolderAccessOverviewTable {
    font-size: 13px;
    width: 100%;
    table-layout: fixed;
    line-height: normal;
}

@media (max-width: 767px) {
    #FolderAccessOverviewTable {
        table-layout: auto;
    }
}

@media (min-width: 768px) {
    #FolderAccessOverviewTable .folderAccessRowToShow {
        display: none;
    }
}

@media (max-width: 767px) {
    #FolderAccessOverviewTable thead {
        display: none;
    }
}

#FolderAccessOverviewTable th {
    padding: 5px;
    vertical-align: bottom;
    font-weight: bold;
    border-bottom: 2px solid #dadada;
}

    #FolderAccessOverviewTable th.folderAccessOverviewColumn {
        width: 33%;
    }

#FolderAccessOverviewTable td {
    border: 1px solid #dadada;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

    #FolderAccessOverviewTable td.sharedFolderTextCell {
        vertical-align: central;
        text-align: left;
    }

        #FolderAccessOverviewTable td.sharedFolderTextCell.folderAccessFolderAccessCell {
            border-left: 0 !important;
        }

            #FolderAccessOverviewTable td.sharedFolderTextCell.folderAccessFolderAccessCell .folderAccessInnerTable {
                display: table;
                table-layout: fixed;
                width: 100%;
            }

                #FolderAccessOverviewTable td.sharedFolderTextCell.folderAccessFolderAccessCell .folderAccessInnerTable .folderAccessRow {
                    display: table-row;
                }

@media (max-width: 767px) {
    #FolderAccessOverviewTable td.sharedFolderTextCell {
        border-right: 0 !important;
    }
}

#FolderAccessOverviewTable td.folderAccessFolderCell {
    border-left: 0 !important;
    border-right: 0 !important;
    vertical-align: top !important;
    text-align: left !important;
}

@media (max-width: 767px) {
    #FolderAccessOverviewTable td.folderAccessFolderCell {
        background-color: #e3e3e3;
        box-shadow: 0px 3px 5px -2px rgba(51, 51, 51, 0.75);
    }
}

#FolderAccessOverviewTable td.folderAccessExternalUser {
    border-right: 0 !important;
}

#FolderAccessOverviewTable td.folderAccessDot {
    color: #7f7f7f;
    font-size: 23px;
    line-height: 16px;
}

@media (max-width: 767px) {
    #FolderAccessOverviewTable td.folderAccessCellToHide {
        display: none;
    }
}

#FolderAccessOverviewTable td .folderName {
    position: relative;
    padding-left: 22px;
    word-wrap: break-word;
}

    #FolderAccessOverviewTable td .folderName .sprite {
        top: -2px;
        left: 0;
    }

#FolderAccessOverviewTable td .folderAccessCell {
    display: table-cell;
    word-wrap: break-word;
}

    #FolderAccessOverviewTable td .folderAccessCell .externalUserShareName {
        clear: left;
        float: left;
    }

#FolderAccessOverviewTable td .folderAccessRemoveCell {
    width: 58px;
    vertical-align: top;
}

    #FolderAccessOverviewTable td .folderAccessRemoveCell .folderAccessRemove {
        float: right;
        margin-left: 5px;
        font-size: 13px;
    }

#FolderAccessFilter {
    background-color: #f5f5f5;
    padding: 10px 5px 10px 5px;
    margin-bottom: 20px;
    line-height: normal;
    font-size: 13px;
}

    #FolderAccessFilter select {
        min-width: 200px;
        max-width: 100%;
    }

.formGroup {
    padding: 10px 0;
    position: relative;
    max-width: 280px;
}

    .formGroup.full-width {
        max-width: 100%;
    }

    .formGroup.buttons {
        float: none;
        width: auto;
        display: inline-block;
        padding: 0;
    }

    .formGroup .input-prepend {
        width: 20%;
        padding: 0;
        text-align: center;
        background: #fff;
        float: left;
        border-right: none;
    }

        .formGroup .input-prepend.bg-grey {
            background-color: #e3e3e3;
        }

        .formGroup .input-prepend + input[type='text'] {
            width: 80%;
        }

    .formGroup .mobileNumberPaddedWrapper {
        float: none;
    }

    .formGroup .error-field {
        position: relative;
        width: 100%;
        display: inline-block;
    }

    .formGroup .error {
        position: absolute;
        top: 3px;
        font-size: 13px;
        right: 10px;
        color: #bb1d2c;
        background: #fff;
        padding: 10px;
        right: 2px;
    }

    .formGroup input {
        position: relative;
        width: 100%;
        height: 40px;
        line-height: 20px;
        padding: 10px;
        border: 1px solid #dadada;
        border-radius: 2px;
        font-size: 13px;
        font-weight: normal;
        color: #000;
    }

    .formGroup label {
        position: relative;
        float: initial;
        padding: 0 0 8px;
        line-height: 20px;
        font-size: 13px;
        font-weight: normal;
        cursor: initial;
        color: #333;
    }

    .formGroup p {
        font-size: 13px;
        line-height: 1.5;
    }

.grantingAccessDescription {
    font-weight: bold;
}

.permissionChoice {
    font-size: 13px;
    font-weight: bold;
}

#UsersWithAccessList .button {
    margin-left: 0;
}

#UsersWithAccessList .noShare {
    font-size: 13px;
    padding-bottom: 10px;
}

.profileForm {
    width: 680px;
}

@media (max-width: 767px) {
    .profileForm {
        width: 100%;
    }
}

.profileForm .inputs-with-save .inputs {
    width: 70%;
    max-width: 70%;
    float: left;
}

    .profileForm .inputs-with-save .inputs .formGroup {
        width: 100%;
        max-width: 100%;
    }

        .profileForm .inputs-with-save .inputs .formGroup .inputError {
            width: 100%;
        }

@media (max-width: 767px) {
    .profileForm .inputs-with-save .inputs {
        width: 100%;
        max-width: 100%;
        float: none;
    }
}

.profileForm .inputs-with-save .save {
    float: right;
    max-width: 30%;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .profileForm .inputs-with-save .save {
        margin-top: 10px;
        float: none;
        max-width: 100%;
        width: 100%;
    }
}

.profileForm .inputs-with-save .save .button {
    float: right;
    margin-top: 0;
}

@media (max-width: 767px) {
    .profileForm .inputs-with-save .save .button {
        float: none;
        width: 100%;
    }
}

.profileForm .verify-phone .formGroup {
    width: 100%;
    max-width: 100%;
}

    .profileForm .verify-phone .formGroup .inputs-wrapper {
        position: static;
    }

        .profileForm .verify-phone .formGroup .inputs-wrapper input {
            width: 180px;
            float: left;
        }

@media (max-width: 767px) {
    .profileForm .verify-phone .formGroup .inputs-wrapper input {
        float: none;
        width: 100%;
    }
}

.profileForm .verify-phone .formGroup .inputs-wrapper .inputError {
    width: 70%;
}

@media (max-width: 767px) {
    .profileForm .verify-phone .formGroup .inputs-wrapper .inputError {
        width: 100%;
    }
}

.profileForm .verify-phone .formGroup .inputs-wrapper .button {
    position: absolute;
    left: 180px;
}

@media (max-width: 767px) {
    .profileForm .verify-phone .formGroup .inputs-wrapper .button {
        width: 100%;
        position: static;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .profileForm .emails .inputs-with-save .save {
        position: absolute;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .profileForm .emails {
        position: relative;
        padding-bottom: 50px;
    }
}

.profileForm .notification-toast {
    position: fixed;
    top: 25px;
    width: 620px;
}

.profileForm .profileSection {
    position: relative;
}

    .profileForm .profileSection .section-loader {
        background: rgba(255, 255, 255, 0.7);
        position: relative;
        float: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.profileForm .info-save-button .loaderSmall {
    display: none;
}

.profileForm .save-profile-loader {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .profileForm .save-profile-loader {
        display: none;
    }
}

.profileForm .greySection {
    position: relative;
    padding: 10px 20px 20px;
    border: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .profileForm .greySection {
        padding: 0;
        background-color: transparent;
        border: none;
    }
}

.profileForm .button {
    height: 40px;
    margin: 0;
}

    .profileForm .button.mobile-section-toggle {
        display: none;
    }

@media (max-width: 767px) {
    .profileForm .button.mobile-section-toggle {
        display: block;
        margin-bottom: 5px;
    }
}

.profileForm .formGroup.cpr input[readonly] {
    cursor: default;
}

.profileForm .formGroup.cpr .show-trigger {
    position: absolute;
    top: 40px;
    right: 10px;
    opacity: 0.2;
}

    .profileForm .formGroup.cpr .show-trigger:hover {
        opacity: 1;
        cursor: pointer;
    }

    .profileForm .formGroup.cpr .show-trigger span {
        font-size: 12px;
    }

    .profileForm .formGroup.cpr .show-trigger img {
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }

.profileForm .mobile-section .close-link {
    display: none;
}

@media (max-width: 767px) {
    .profileForm .mobile-section .close-link {
        display: block;
    }
}

.profileForm .mobile-section .close-link a {
    font-size: 13px;
}

@media (max-width: 767px) {
    .profileForm .mobile-section {
        float: left;
        position: relative;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .profileForm .mobile-section.mobile-section-hidden {
        display: none;
    }
}

.profileForm .not-specified {
    top: 1px;
}

.myProfileOptionsList {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
}

    .myProfileOptionsList .absoluteListLabel {
        padding-left: 200px;
        position: relative;
        float: left;
        width: 100%;
    }

    .myProfileOptionsList li {
        position: relative;
        float: left;
        width: 100%;
        line-height: 21px;
        padding: 12px 0;
        font-size: 13px;
    }

        .myProfileOptionsList li > label:after {
            content: ":";
        }

        .myProfileOptionsList li div a.loading {
            background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
            background-position: 0 50%;
            background-repeat: no-repeat;
            padding-left: 24px;
        }

@media (max-width: 767px) {
    .myProfileOptionsList .absoluteListLabel {
        padding-left: 135px;
    }
}

.absoluteListLabel > .myProfileCol,
.absoluteListLabel > label {
    width: 200px;
    position: absolute;
    padding: 12px 0;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
    .absoluteListLabel > .myProfileCol,
    .absoluteListLabel > label {
        width: 135px;
    }
}

.absoluteListLabel > label {
    padding: 3px 0;
}

.absoluteListLabel a {
    float: right;
}

@media (max-width: 767px) {
    .addressListItem {
        height: 50px;
    }
}

.myProfileSectionDescription {
    margin-bottom: 0;
}

.myProfileShowMailFromPrivateBox {
    padding-top: 15px;
    padding-bottom: 15px;
}

.myProfileDefaultInput {
    width: 100%;
    max-width: 350px;
}

.myProfileFullInput {
    width: 100%;
}

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

.myProfileFieldset {
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.myProfleNewsletterDescription {
    margin-top: 0;
    margin-bottom: 0;
}

    .myProfleNewsletterDescription p {
        margin-top: 0;
        margin-bottom: 0;
    }

.myProfileError {
    font-size: 16px !important;
}

#VerifyMobile #confirm {
    font-size: 13px;
}

#VerifyMobile #buttonArea {
    margin-top: 20px;
    margin-bottom: 20px;
}

    #VerifyMobile #buttonArea > a {
        margin: 0 5px 5px 0;
    }

#VerifyMobile p {
    line-height: 19.5px;
}

.verifyEmailStatusDescription {
    padding: 10px 0 25px;
    float: left;
}

.verifyEmailatmShortcutList {
    margin-top: 15px;
    float: left;
}

    .verifyEmailatmShortcutList li {
        border-left: 1px solid #ccc;
        padding: 0 5px;
        float: left;
    }

        .verifyEmailatmShortcutList li:first-child {
            border-left: none;
            padding-left: 0;
        }

.verifyMobileActivationLinkDescription {
    margin-bottom: 15px;
}

.verifyMobileActivationLinkInput {
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
}

.verifyMobileActivationLinkWarning {
    margin-top: 0;
}

.verifyMobileActivationLinkInfoBox {
    padding: 15px !important;
    margin-bottom: 15px;
}

.verifyMobileActivationLinkButton {
    clear: both;
    margin-left: 0;
}

.myProfileNewsletterOptions span.checkbox {
    display: inline-block;
}

.mobile-access .activate-access {
    margin: 20px 5px 5px 0;
}

.mobile-access .highlighted {
    font-size: 13px;
}

.mobile-access .activated-devices .no-devices {
    float: none;
    text-align: center;
    color: #7f7f7f;
    margin: 25px 0;
}

.mobile-access .activated-devices .devices-list {
    clear: both;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

    .mobile-access .activated-devices .devices-list ul {
        float: none;
    }

    .mobile-access .activated-devices .devices-list li {
        position: relative;
    }

        .mobile-access .activated-devices .devices-list li + li {
            border-top: 1px solid #dadada;
        }

    .mobile-access .activated-devices .devices-list .device-info {
        display: inline-block;
    }

    .mobile-access .activated-devices .devices-list .button {
        font-size: 12px;
        color: #000;
        background-color: #e3e3e3;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin: 0;
        min-width: 75px;
        width: auto !important;
    }

.mobile-access .activated-devices .device-os {
    color: #7f7f7f;
}

.mobile-access .activation-code {
    clear: both;
    margin-top: 15px;
    padding-bottom: 12px;
}

    .mobile-access .activation-code .code {
        font-size: 13px;
        padding: 6px 18px;
        border: 1px solid #000;
        margin-right: 10px;
    }

    .mobile-access .activation-code p {
        margin-bottom: 24px;
    }

.searchContainer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

    .searchContainer form {
        position: relative;
        float: left;
        width: 100%;
    }

    .searchContainer fieldset {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 15px;
        border: 0 none;
    }

    .searchContainer a:hover {
        text-decoration: underline;
    }

#SenderHeading {
    height: 85px;
    margin-bottom: 25px;
    margin-top: 20px;
}

@media (max-width: 767px) {
    #SenderHeading {
        width: 100%;
        margin-top: -110px;
        padding-left: 90px;
    }
}

#SenderHeading h1 {
    padding: 0 0 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    margin: 0;
}

#SenderLogo {
    height: 85px;
    margin-bottom: 25px;
    margin-top: 22px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #ccc;
}

@media (max-width: 767px) {
    #SenderLogo {
        border: none;
        width: 83px;
    }
}

#SenderLogo .metroLogo {
    display: none;
}

@media (max-width: 767px) {
    #SenderLogo .metroLogo {
        display: block;
        width: 83px;
        height: 83px;
    }
}

@media (max-width: 767px) {
    #SenderLogo .desktopLogo {
        display: none;
    }
}

#SenderLogo img {
    max-width: 100%;
    max-height: 100%;
}

.greyText {
    color: #6b6b6b;
    cursor: default;
}

    .greyText:hover {
        text-decoration: none;
    }

#SubscriptionsList .registrationName,
#SubscriptionsList .alignToTop {
    vertical-align: top;
}

#SubscriptionsList ul {
    margin-bottom: 15px;
}

#SubscriptionsList li:last-child {
    border-bottom: none;
}

#SubscriptionsList a:hover {
    text-decoration: underline;
}

.registerUnregisterListButton {
    width: 85px;
}

#SenderInfo {
    margin-top: 10px;
}

#RegistrationAliasForm {
    padding: 16px 5px 5px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    float: left;
    width: 100%;
}

    #RegistrationAliasForm .full,
    #RegistrationAliasForm .half,
    #RegistrationAliasForm .third,
    #RegistrationAliasForm .twoThird {
        padding: 0 15px;
    }

@media (max-width: 767px) {
    #RegistrationAliasForm .full,
    #RegistrationAliasForm .half,
    #RegistrationAliasForm .third,
    #RegistrationAliasForm .twoThird {
        padding: 0 7px;
    }
}

#RegistrationAliasForm .helpPicture {
    width: 100%;
    margin-top: 13px;
    padding: 10px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

#RegistrationAliasForm p {
    float: left;
    font-size: 13px;
    line-height: 1.25;
    clear: both;
}

    #RegistrationAliasForm p:first-child {
        font-weight: bold;
        font-size: 13px;
        line-height: 1.25;
        margin: 0;
    }

#RegistrationAliasForm form {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

#RegistrationAliasForm fieldset label {
    font-size: 13px;
    width: 100%;
    line-height: 1.25;
    float: left;
    margin: 15px 0 5px;
}

#RegistrationGroupInfo {
    margin-top: 10px;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.25;
}

    #RegistrationGroupInfo p,
    #RegistrationGroupInfo li {
        font-size: 13px;
        line-height: 1.25;
    }

#SearchData.wrapText {
    word-wrap: break-word;
    word-break: break-all;
}

.info {
    position: relative;
    float: left;
    margin-top: 15px;
}

    .info .button {
        padding: 0;
    }

    .info h2 {
        border-bottom: 1px solid #ccc;
    }

    .info p {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.6;
    }

.sendersList {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .sendersList li {
        position: relative;
        float: left;
        width: 100%;
        line-height: 26px;
        border-bottom: 1px solid #ccc;
        padding: 7px 0;
    }

        .sendersList li.noBorder {
            border-bottom: none;
        }

#SelectedSenders {
    position: relative;
}

    #SelectedSenders .tile {
        float: left;
        padding: 31px 5px 0;
        text-align: center;
        height: 166px;
        max-height: 166px;
        margin-top: 0;
        border-top: 0;
    }

        #SelectedSenders .tile img {
            width: 80px;
            max-height: 80px;
        }

    #SelectedSenders .imgPlaceHolder {
        width: 82px;
        max-height: 82px;
        border: 1px solid #ccc;
        margin: auto;
    }

    #SelectedSenders .arrow {
        position: absolute;
        top: 0;
        width: 25px;
        height: 170px;
        border: 1px solid #e3e3e3;
        background-color: #f5f5f5;
    }

        #SelectedSenders .arrow .sprite {
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -10px;
        }

        #SelectedSenders .arrow a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #SelectedSenders .arrow-left {
        left: 30px;
    }

    #SelectedSenders .arrow-right {
        right: 30px;
    }

    #SelectedSenders .content {
        float: left;
        overflow: hidden;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        padding-left: 25px;
        padding-right: 25px;
        width: 100%;
        height: 170px;
    }

        #SelectedSenders .content a {
            font-size: 13px;
            line-height: 16px;
            color: #000;
        }

    #SelectedSenders .caption {
        margin-top: 10px;
        word-wrap: break-word;
        overflow: hidden;
        height: 48px;
    }

    #SelectedSenders a:hover {
        text-decoration: underline;
    }

.registrationSuccess {
    position: relative;
    font-weight: bold;
}

    .registrationSuccess .sprite {
        top: 50%;
        left: 10px;
        margin-top: -7px;
    }

    .registrationSuccess p {
        padding-left: 10px;
    }

.registerForm .button {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    margin: 5px 5px;
}

@media (max-width: 511px) {
    .registerForm .button {
        width: 100%;
    }
}

.registerForm .section {
    background-color: #f5f5f5;
    padding-right: 20px;
}

.registerForm .buttons {
    margin: 0;
}

.registerForm .formMargin {
    margin-bottom: 10px;
}

.registerForm p.termsContent > p,
.registerForm p.termsContent li {
    font-size: 13px;
}

.registerForm p.termsContent ul:last-child {
    margin-bottom: 8px;
}

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

.registerForm li {
    padding-left: 15px;
    text-indent: -10px;
}

    .registerForm li:before {
        content: '■ ';
        color: #bb1d2c;
    }

.registerForm a {
    display: block;
}

.modalContent.termsOfUsePosition {
    padding: 0;
    margin-bottom: 10px;
}

.modalContent p.termsOfUseContent {
    background-color: #fff;
    border: 1px solid #dadada;
    border-style: solid;
    padding: 10px;
    line-height: 18px;
}

.modalContent div.termsNemSMS {
    padding: 20px;
}

#NemSmsView {
    position: relative;
    float: left;
    width: 100%;
}

    #NemSmsView .formSection {
        position: relative;
        float: left;
        width: 100%;
        padding-top: 20px;
    }

        #NemSmsView .formSection:first-child {
            padding-top: 0;
        }

    #NemSmsView .countryCode {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 0 10px;
        border: 1px solid #dadada;
        border-radius: 2px;
        font-weight: normal;
        color: #000;
        width: 40px;
        height: 40px;
        line-height: 40px;
        min-width: 40px;
    }

    #NemSmsView .textLabel {
        position: relative;
        left: -40px;
        padding: 10px 0;
        float: left;
        width: 100%;
        line-height: 1.3;
        font-size: 13px;
    }

    #NemSmsView .inputWrapper {
        position: relative;
        float: left;
        width: 100%;
    }

    #NemSmsView .smsDigit {
        position: relative;
        float: left;
        max-width: 303px;
        padding: 0 10px;
        border: 1px solid #dadada;
        border-radius: 2px;
        font-weight: normal;
        color: #000;
        height: 40px;
        line-height: 40px;
        min-width: 40px;
        padding: 0 30px;
        width: 95px;
        margin-right: 10px;
        margin-top: 5px;
    }

    #NemSmsView section {
        padding-bottom: 15px;
    }

        #NemSmsView section:last-child {
            padding-bottom: 0;
        }

#mobileNumber {
    position: relative;
    float: left;
    max-width: none;
    padding: 0 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-weight: normal;
    color: #000;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
}

.senderButton.floatRight + .senderButton.floatRight {
    border-right: 1px solid #ccc;
    border-left: 0;
}

.registrationButtons + .infoBox {
    margin-bottom: 20px;
}

.modalAlert h2.cancelExamptionIcon {
    background-position: 0 16px;
}

.CategoryTiles {
    padding-right: 20px;
}

@media (max-width: 767px) {
    .CategoryTiles {
        padding-right: 0;
    }
}

.CategoryTiles .tile {
    width: 100%;
    float: left;
    display: flex;
    padding: 12px 18px;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 15px;
}

.atRegistrationsCategoryTileHeader_ {
    display: flex;
    height: 24px;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    overflow: hidden;
    color: #090E11;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.25px;
}

.CategoryTiles .tile.greyTile {
    border: 1px solid #E3E3E3;
    background: #F5F5F5;
    color: #000;
}

#CategoryTiles .tile.greyTile * {
    color: #000;
}

.CategoryTiles .tile.blueTile {
    background-color: #233E4B;
    color: #fff;
    background-image: url(/privat/Resources/resources/skins/sweden/img/objects/checked-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
}

    .CategoryTiles .tile.blueTile * {
        color: #fff;
    }

.CategoryTiles .tile .heading {
    position: relative;
    width: 100%;
    float: left;
    line-height: 27px;
    font-size: 20px;
    text-align: left;
    height: 58px;
    margin-bottom: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    /* Non standard for webkit */
    word-wrap: normal !important;
}

.CategoryTiles .tile .button {
    width: 100%;
    float: left;
    margin: 0;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 0 15px;
}

.CategoryTiles .tile .link {
    width: 100%;
    float: left;
    margin-top: 7px;
    line-height: 13px;
    height: 13px;
    text-align: left;
    font-size: 13px;
    text-decoration: underline;
}

.CategoryTiles .tile p {
    width: 100%;
    float: left;
    line-height: 16px;
    font-size: 13px;
    margin: 0 0 10px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    /* Non standard for webkit */
}

.CategoryTiles div > div {
    position: relative;
    float: left;
    width: 100%;
}

.pendingSubscriptions {
    float: left;
    width: 100%;
}

    .pendingSubscriptions .logo {
        display: table-cell;
        vertical-align: top;
        padding: 12px 25px 0 0;
    }

        .pendingSubscriptions .logo img {
            padding: 2px;
            border: 1px solid #dadada;
        }

    .pendingSubscriptions .infoContainer {
        display: table-cell;
        padding-right: 290px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

@media (max-width: 767px) {
    .pendingSubscriptions .infoContainer {
        padding-right: 0;
    }
}

.pendingSubscriptions .buttonContainer {
    position: absolute;
    width: 270px;
    bottom: 10px;
    right: 0;
}

@media (max-width: 767px) {
    .pendingSubscriptions .buttonContainer {
        position: relative;
        float: right;
        bottom: 0;
    }
}

.pendingSubscriptions .buttonContainer .normalButtons {
    font-size: 20px;
}

.pendingSubscriptions h1 {
    overflow: hidden;
    padding-bottom: 5px;
}

.pendingSubscriptions ul {
    display: table;
}

    .pendingSubscriptions ul li {
        display: table-row;
        overflow: auto;
    }

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

.helpbody .section {
    border-top: none;
    border-bottom: none;
    padding: 0;
    text-align: center;
    clear: both;
    font-size: 13px;
}

.helpbody .container {
    margin: 0;
    padding: 35px 0;
    max-width: 1024px;
    text-align: left;
}

    .helpbody .container.line {
        border-top: 1px solid #ccc;
    }

.helpbody .no_bottom_padding {
    padding-bottom: 0;
}

.helpbody .no_padding {
    padding-top: 0;
    padding-bottom: 0;
}

.helpbody .column_20,
.helpbody .column_33,
.helpbody .column_32,
.helpbody .column_50,
.helpbody .column_66,
.helpbody .column_80,
.helpbody .column_100 {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .helpbody .column_20.offset,
    .helpbody .column_33.offset,
    .helpbody .column_32.offset,
    .helpbody .column_50.offset,
    .helpbody .column_66.offset,
    .helpbody .column_80.offset,
    .helpbody .column_100.offset {
        margin-left: 0;
    }
}

.helpbody .column_33 {
    vertical-align: top;
}

.helpbody .column_50 {
    width: 48%;
}

.helpbody .column_66 {
    width: 66%;
    vertical-align: top;
}

.helpbody .align_top .column_20,
.helpbody .align_top .column_33,
.helpbody .align_top .column_32,
.helpbody .align_top .column_50,
.helpbody .align_top .column_66,
.helpbody .align_top .column_80,
.helpbody .align_top .column_100 {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .helpbody .align_top .column_20,
    .helpbody .align_top .column_33,
    .helpbody .align_top .column_32,
    .helpbody .align_top .column_50,
    .helpbody .align_top .column_66,
    .helpbody .align_top .column_80,
    .helpbody .align_top .column_100 {
        width: 100%;
    }
}

.helpbody .search_box select {
    width: 95%;
}

.helpbody .search_box option span {
    padding: 5px;
}

.helpbody .tile_sm.red {
    background-color: #bb1d2c;
    color: #fff;
}

    .helpbody .tile_sm.red p {
        color: #fff;
    }

.helpbody .tile_sm.grey {
    background-color: #f5f5f5;
    color: #000;
}

    .helpbody .tile_sm.grey p {
        color: #000;
    }

.helpbody .tile_sm img {
    margin: 20px 0 0;
    height: 32px;
    width: 32px;
}

.helpbody .tile_sm a {
    display: block;
    text-decoration: none;
    height: 110px;
    width: 140px;
}

.helpbody .links li {
    position: relative;
    padding: 0 0 12px 10px;
    list-style-type: none !important;
}

.helpbody .links .column_33 {
    margin-bottom: 10px;
}

.helpbody .search_wrapper input[type=text],
.helpbody .search_box select {
    padding-left: 12px;
}

.helpbody .helpbodysectionsupport {
    padding-bottom: 40px;
}

.helpbody div.section div.container {
    clear: both;
}

.helpbody .content.line {
    border-top: 1px solid #ccc;
}

.helpbody .search_wrapper .left {
    width: 80%;
}

.helpbody li {
    position: relative;
    line-height: 20px;
}

.ng-modal-dialog {
    position: absolute;
    top: 5% !important;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 742px;
    max-width: 742px !important;
    background-color: #fff;
    transition: width 0.2s ease-in;
    z-index: 10000;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 95%;
    outline: none;
}

@media (max-width: 767px) {
    .ng-modal-dialog {
        width: 100%;
        margin: 0;
        top: 50px !important;
    }
}

@media (max-width: 868px) {
    .ng-modal-dialog.ng-modal-dialog-wide {
        width: 100%;
        margin: 0;
        top: 50px !important;
    }
}

.ng-modal-dialog .ng-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

    .ng-modal-dialog .ng-modal-close .sprite {
        top: 18px;
        left: 20px;
    }

    .ng-modal-dialog .ng-modal-close a {
        position: relative;
        float: right;
        width: 48px;
        height: 48px;
        font-size: 0;
    }

.ng-modal-dialog.ng-modal-dialog-wide {
    width: 868px;
    max-width: 868px !important;
}

.ng-modal-dialog .ng-modal-dialog-content {
    height: 100%;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: left;
    z-index: 1;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content {
        width: 100%;
        padding: 0 0 25px;
        margin: 0;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContainer,
.ng-modal-dialog .ng-modal-dialog-content .content,
.ng-modal-dialog .ng-modal-dialog-content .fullScreen-hiddenModalContent {
    height: 100%;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContainer .attachmentItemAnchorMarginRight {
        margin-right: 100px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContainer .attachmentItemSpanExtensionRight {
        position: absolute;
        right: 0;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContainer .attachmentItemUnderlined {
        position: relative;
        float: left;
        width: 100%;
        padding: 15px 0 15px 0 !important;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent {
    height: 100%;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .iframeOut {
        overflow: hidden;
        height: 500px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .modalApplet {
        width: 100%;
        height: 500px;
        outline: none;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .modalAccessTypeDesc {
        padding-bottom: 50px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons {
        /*position: relative;
        float: left;
        width: 100%;*/
        float: right;
        display: block;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps {
        position: relative;
        float: left;
        width: 100%;
        height: 55px;
        max-height: 55px;
        margin: 0 0 35px;
        line-height: 55px;
        overflow: visible;
    }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .step {
            position: relative;
            float: left;
            width: 50%;
            height: 55px;
            overflow: hidden;
            padding: 0 20px 0 35px;
        }

            .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .step .first {
                overflow: hidden;
                float: left;
                width: 100%;
            }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowBackground {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 28px 0 27px 14px;
            z-index: 1;
        }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowBorder {
            position: absolute;
            top: 0;
            right: 0;
            width: 14px;
            height: 55px;
            z-index: 2;
        }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrow {
            position: absolute;
            top: 0;
            right: 0;
            height: 55px;
            width: 14px;
            background-color: #e3e3e3;
        }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowInactive .arrowBorder {
            border-color: transparent;
        }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .current .stepDesc, .ng-modal-dialog .ng-modal-dialog-content .modalContent .current .stepNumber {
        color: #fff;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .text {
        color: #fff;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .textVisible {
        color: #333;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .stepNumber {
        font-weight: normal;
        font-size: 13px;
        color: #999;
        position: absolute;
        left: 20px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .stepDesc {
        font-size: 13px;
        font-weight: normal;
        color: #999;
        float: left;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .progress-section {
        position: relative;
        float: left;
        padding: 0;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .fileName {
        line-height: 50px;
        padding-left: 10px;
        white-space: nowrap;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent input[type="radio"] + label {
        display: inline-block;
        height: 100%;
        line-height: 16px;
        padding: 0;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent input[type="file"] {
        position: relative;
        float: left;
    }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent input[type="file"].hide {
            display: none;
        }

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent input.timeInput {
        width: 100%;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent input.modalInput {
    float: left;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent input.modalInput {
        max-width: 100%;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent input.datepickerInput, .ng-modal-dialog .ng-modal-dialog-content .modalContent input.modalInput {
    position: relative;
    height: 40px;
    width: 100%;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    max-width: 280px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent input.checkbox + label.text {
    padding-bottom: 0;
    color: #333;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .info-error .sprite {
    top: 10px;
    left: 0;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .nativeDate {
    position: relative;
    float: left;
    width: 100%;
    max-width: 303px;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    -webkit-appearance: none;
    z-index: 1;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .nativeDate:after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        right: 10px;
        bottom: 12px;
        background-position: 0 -44px;
        outline: none;
        border: none;
        margin: 0;
        font-size: 0;
        color: transparent;
        cursor: pointer;
        z-index: 2;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .half {
    position: relative;
    float: left;
    width: 50%;
    padding: 0;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half input.datepickerInput,
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half input.modalInput,
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half .general-dropdown,
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half .inputError {
        max-width: none;
        width: 100%;
    }

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .half > p {
        width: 100%;
        padding: 5px 0;
        margin: 0;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .additionalTopSpace {
    padding-top: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .contentWithSpace {
    padding: 0 0 0 25px;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .contentWithSpace input[type="radio"] {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        height: 16px;
        width: 16px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .contentWithSpace span.checkbox {
        position: absolute;
        left: 0;
        top: 1px;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modalConfirm .modalHeader {
    padding-bottom: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modalConfirm .full {
    padding: 0 50px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modalConfirm .buttons {
    padding: 10px 45px;
    border: 0 none;
    background: none;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modalConfirm h2 {
    padding-left: 50px;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent.modalConfirm h2.withoutIcon {
        padding-left: 0;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modalInfo .buttons {
    background: transparent;
    border: none;
    padding: 30px 0 0;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent.modalInfo .buttons .button:first-child {
        margin-left: 0;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent.modalInfo .buttons .button:last-child {
        margin-right: 0;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .generalError {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 35px;
    height: auto;
    min-height: 65px;
    padding: 20px 20px 20px 55px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .inputError {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    max-width: 330px;
    height: auto;
    padding: 4px 20px 4px 35px;
    margin: 20px 0 0;
    line-height: 20px;
    background-color: #bb1d2c;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .inputError:before {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        top: -10px;
        left: 20px;
        border: 5px solid transparent;
        border-bottom: 5px solid #bb1d2c;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .inputError p {
        position: relative;
        float: left;
        width: 100%;
        line-height: 20px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-size: 11px;
        color: #fff;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .inputError .sprite {
        top: 7px;
        left: 10px;
    }

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent.modalInfo {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalBreadcrumb {
    position: relative;
    float: left;
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .termsOfUseArea h2 {
    font-size: 20px;
    padding: 10px 0 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .checkboxwrap {
    width: 95%;
    padding-top: 0;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .modalHeader {
        padding: 15px 50px 15px 10px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalHeader h2 {
    overflow: visible;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .modalHeader h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .modalHeader .sprite {
        top: 25px;
        left: 10px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .paragraph {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    line-height: 1.3;
    font-size: 13px;
    color: #333;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .datepicker {
    position: relative;
    width: 100%;
    max-width: 303px;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .datepicker {
        max-width: 100%;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .ui-datepicker-trigger {
    z-index: 10;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .fileInputType {
    position: relative;
    float: left;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .fileInputType.file {
        width: 100%;
        margin-top: 5px;
    }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .fileInputType.file.hide {
            display: none;
        }

.ng-modal-dialog .ng-modal-dialog-content .modalContent textarea {
    position: relative;
    float: left;
    width: 100%;
    height: 150px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    resize: none;
    margin-top: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .buttonspoItion {
    display: flex !important;
    justify-content: flex-end
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .datepickerInput {
    z-index: 10;
}

.moveFolderButtons {
    display: flex !important;
    justify-content: flex-end;
}

.accessButtons {
    width: 100%;
}


.confirmButtons {
    display: flex !important;
    justify-content: flex-end;
}


@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .datepickerInput {
        max-width: 100%;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalTable .table-row-red {
    background-color: #bb1d2c;
    color: #fff;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons .tileTooltip,
.ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons p {
    padding-right: 10px;
    padding-left: 5px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons .modalButtonRight {
    float: right;
    margin: 5px 0px 5px 5px;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons .modalButtonRight {
        float: left !important;
        margin: 5px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalBody {
    overflow-y: auto;
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .helpbody ul,
.ng-modal-dialog .ng-modal-dialog-content .modalContent .helpbody ol,
.ng-modal-dialog .ng-modal-dialog-content .modalContent .helpbody p {
    float: left;
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons {
    padding: 10px 0;
    border: 0 none;
    background: none;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .button {
        width: 100%;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .payment-title {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .payment-method-title {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent textarea {
    overflow: auto;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent fieldset {
    position: relative;
    float: left;
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .multipleFieldset fieldset {
    padding-bottom: 20px;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .multipleFieldset fieldset:last-child {
        padding-bottom: 0;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .list-item-radio {
    line-height: 16px;
    padding-bottom: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .bold {
    font-weight: bold;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .subSectionDescription {
    line-height: 41px;
    padding-bottom: 0;
    font-weight: bold;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .tab.disabled {
    color: #999;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .disabled {
    color: #999;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .textLabel {
    position: relative;
    float: left;
    padding: 0 0 8px;
    line-height: 1.3;
    cursor: initial;
    font-size: 13px;
    font-weight: normal;
    color: #333;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .info-error {
    position: relative;
    float: left;
    width: 100%;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .info-error span {
        margin-left: 50px;
        color: #bb1d2c;
        position: relative;
        float: left;
        padding: 10px 0;
        width: auto;
        overflow: hidden;
        line-height: 1;
        font-size: 13px;
        font-weight: 400;
        word-wrap: break-word;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .documentInfo li {
    padding-left: 150px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .documentInfo li {
        padding-left: 100px;
        padding-bottom: 15px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .documentInfo span:first-child {
    position: absolute;
    left: 0;
    width: 150px;
    padding-top: 3px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .documentInfo span:first-child {
        width: 100px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .contactInfo li {
    padding-left: 150px;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .contactInfo li {
        padding-left: 100px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .contactInfo span:first-child {
    position: absolute;
    left: 0;
    width: 150px;
    padding-top: 3px;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .contactInfo span:first-child {
        width: 100px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .message * {
    color: #fff;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .message p {
    margin: 0;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .noBottomSpaceList p {
    padding: 0;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent li.signDocumentInfo {
    margin-right: 50px;
    display: block;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent li.signDocumentInfo button {
        float: left;
        margin: 0 5px;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .generalError p {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .fullWithButton {
    padding-bottom: 5px;
    padding-right: 200px;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .fullWithButton .selectAttachment {
        position: absolute;
        right: 0;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .tinymceOptionButton {
    background-color: transparent;
    border: none;
    float: left;
    width: 32px;
    height: 25px;
    font-size: 0;
    cursor: pointer;
    position: relative;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .tinymceOptionButton .sprite {
        top: 5px;
        left: 8px;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentNewMailDropdown ul {
    z-index: 20;
    position: absolute;
    top: -9999px;
    left: -9999px;
    background-color: #14242c;
    max-width: 300px;
    padding: 10px;
    height: 65px;
    border: 1px solid #dadada;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentNewMailDropdown ul::before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent #14242c;
        border-image: none;
        border-style: solid;
        border-width: 5px;
        content: "";
        height: 0px;
        left: 11px;
        position: absolute;
        top: -10px;
        width: 0px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentNewMailDropdown ul li {
        margin: 2px;
        padding: 0px;
    }

        .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentNewMailDropdown ul li button {
            color: #fff;
            background: none !important;
            border: none;
            padding: 0 !important;
            font-size: 12px;
            cursor: pointer;
        }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentNewMailDropdown.hover ul {
    left: 0px;
    top: 29px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachments {
    padding: 14px 0px;
    width: 100%;
    float: left;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachments li {
        float: left;
        padding-right: 10px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachments span {
        position: absolute;
        width: 10px;
        height: 12px;
        margin-left: 3px;
        margin-top: 3px;
        cursor: pointer;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentDocumentPopup .contents {
    width: 100%;
    float: left;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentDocumentPopup .folders {
    margin-bottom: 10px;
    box-shadow: 0px 1px 4px #dadada inset;
    border: 1px solid #dadada;
    float: left;
    width: 100%;
    position: relative;
    padding: 5px;
    background-color: #fff;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentDocumentPopup .folders select {
        margin: 0px;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        border: medium none;
        box-shadow: none;
        float: left;
        height: 30px;
        position: relative;
        padding: 6px 0px 6px 5px;
        max-width: 100%;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalSearch input.modalInput {
    padding-right: 85px;
    max-width: none;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modal_integration_forwardByXml .mobileNumberPaddedWrapper input.countryCode {
    width: 35px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent.modal_integration_forwardByXml .mobileNumberPaddedWrapper input.contactPhoneNumber {
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .selectedCompany {
    border-width: 1px 0;
    border-style: solid;
    border-color: #e3e3e3;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .selectedCompany span {
        height: 20px;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        margin: 10px 0;
        font-size: 13px;
        line-height: 20px;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .required + form {
    position: relative;
    float: left;
    width: auto;
}

.ng-modal-dialog.fullScreen .viewDocument .document-loader {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -20px;
}

@media (max-width: 767px) {
    .newMailModalVisible .ng-modal-dialog {
        box-shadow: none;
        left: 0 !important;
        top: 95px !important;
        width: 100%;
        max-width: none !important;
        position: absolute !important;
    }
}

@media (max-width: 767px) {
    .newMailModalVisible .ng-modal-dialog .ng-modal-dialog-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .newMailModalVisible .ng-modal-dialog form.mail > .full {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .newMailModalVisible .ng-modal-dialog form.mail > .full h2 {
        padding-left: 15px;
    }
}

.modalContent {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .modalContent {
        padding: 0 !important;
    }
}

.modalContent.modalConfirm {
    padding: 20px 40px;
}

.modalContent .modalHeader {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 20px;
}

.modalContent .modalSection {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
}

@media (max-width: 767px) {
    .modalContent .modalSection {
        padding: 5px 10px;
    }
}

@media (max-width: 767px) {
    .modalContent .modalSection .selectedCompany {
        border: none;
    }
}

@media (max-width: 767px) {
    .modalContent .modalSection .selectedCompany span {
        margin-top: 0;
    }
}

.modalContent .modalSection.receiptRuleForm .centeredCheckbox {
    width: 100px;
    text-align: center;
}

    .modalContent .modalSection.receiptRuleForm .centeredCheckbox label {
        float: none !important;
    }

.modalContent .modalSection.receiptRuleForm input.checkbox + label:before {
    float: none;
    display: inline-block;
}

.modalContent .modalSection.receiptRuleForm .table-responsive {
    overflow-x: auto;
}

.modalContent .modalSection .modalTable {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    min-width: 400px;
}

    .modalContent .modalSection .modalTable tr {
        width: 100%;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
    }

    .modalContent .modalSection .modalTable th {
        width: 25%;
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 13px;
        font-weight: bold;
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        background-color: #dadada;
    }

    .modalContent .modalSection .modalTable td {
        width: 25%;
        padding: 15px 10px;
        font-size: 13px;
        vertical-align: middle;
        text-align: left;
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
    }

        .modalContent .modalSection .modalTable td .name {
            position: relative;
            float: left;
            width: 100%;
        }

        .modalContent .modalSection .modalTable td .idNumber {
            position: relative;
            float: left;
            width: 100%;
            color: #dadada;
        }

.modalContent h2 {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    line-height: 1;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    word-wrap: break-word;
}

.modalContent h3 {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0 15px;
    line-height: 1;
    font-size: 22px;
    font-weight: 100;
    color: #000;
}

    .modalContent h3 + .full > p {
        padding-top: 0;
    }

.modalContent p {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0 15px;
    line-height: 1.3;
    color: #333;
}

    .modalContent p.top {
        margin-top: 10px;
    }

.modalContent ul {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

    .modalContent ul li {
        position: relative;
        float: left;
        width: 100%;
    }

        .modalContent ul li:first-child {
            padding-top: 0;
        }

.modalContent label {
    position: relative;
    float: initial;
    padding: 0 0 8px;
    line-height: 20px;
    cursor: initial;
    font-weight: normal;
    color: #333;
    display: inline-block;
    font-size: 13px;
}

    .modalContent label.loading {
        padding-left: 25px;
        background-position: 0 0;
        background-repeat: no-repeat;
        min-height: 0;
    }

    .modalContent label + .textLabel {
        padding-left: 5px;
    }

.modalContent .full {
    position: relative;
    float: left;
    width: 100% !important;
    padding: 0;
}

.modalConfirm {
    padding: 20px 40px;
}

.modalHeader .sprite {
    top: 10px;
    left: 0;
}

.modalAlert {
    padding: 20px 40px;
}

    .modalAlert .modalHeader {
        padding-bottom: 10px;
    }

    .modalAlert .full {
        padding: 0 50px;
    }

    .modalAlert .buttons {
        padding: 10px 45px;
        border: 0 none;
        background: none;
    }

    .modalAlert .modalWarning {
        background-color: #fef8c4;
        border: 1px solid #d0c059;
        color: #000;
        float: none !important;
        font-size: 13px;
        margin: 15px 0;
        padding: 15px 20px 30px;
        position: relative;
        clear: both;
    }

.modalContent .modalAlert .modalWarning p {
    padding: 0;
}

.modalAlert .modalWarning > p.normalFont {
    margin: 0;
    float: none;
}

.modalContainer {
    position: relative;
    float: left;
    width: 100%;
    word-wrap: break-word;
}

    .modalContainer .center {
        display: grid;
        justify-content: center;
    }

.ng-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    z-index: 9999;
}

.button:first-child {
    margin-left: 0 !important;
}

#Modal #SenderSelection {
    background: none;
    border: none;
    padding: 0;
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    #Modal #SenderSelection {
        margin-bottom: 5px;
        border: 1px solid #ccc;
    }
}

#Modal .searchContainer {
    background: none;
    border: none;
    padding: 0;
}

#MainContent > .hiddenModalContent,
#MainContent > .hiddenModalContent2,
#MainContent > .hiddenModalContent3 {
    display: none;
}

.modalContent.modalPayment {
    padding: 30px;
}

@media (max-width: 600px) {
    .modalContent.modalPayment .modalHeader {
        padding-right: 20px;
    }
}

.modalContent.modalPayment .payment-info {
    padding: 10px 0 5px;
}

.modalContent.modalPayment .betalingsservice-wrapper {
    overflow-x: auto;
    float: left;
    width: 100%;
    padding: 30px 0 30px 0;
}

.modalContent.modalPayment .betalingsservice-wrapper-confirmed {
    overflow-x: auto;
    float: left;
    width: 100%;
    padding: 30px 0 0 0;
}

.modalContent.modalPayment .betalingsservice-info {
    padding-right: 20px;
    overflow: hidden;
}

    .modalContent.modalPayment .betalingsservice-info.confirm-info {
        padding-right: 70px;
        padding-bottom: 20px;
    }

@media (max-width: 600px) {
    .modalContent.modalPayment .betalingsservice-info.confirm-info {
        padding-right: 10px;
        padding-bottom: 20px;
    }
}

.modalContent.modalPayment .betalingsservice-info .payment-data {
    margin: 50px 0 20px;
}

@media (max-width: 600px) {
    .modalContent.modalPayment .betalingsservice-info .payment-data {
        margin-top: 30px;
    }
}

.modalContent.modalPayment .betalingsservice-img-phone {
    float: right;
    width: 110px;
    height: 200px;
}

@media (max-width: 600px) {
    .modalContent.modalPayment .betalingsservice-img-phone {
        width: 100px;
        height: 190px;
    }
}

.modalContent.modalPayment .betalingsservice-img-flow {
    max-width: 100%;
    margin-bottom: 10px;
}

.modalContent.modalPayment .betalingsservice-img-download {
    display: inline-block;
    overflow: hidden;
    width: 135px;
    height: 40px;
    margin-right: 20px;
}

    .modalContent.modalPayment .betalingsservice-img-download.img-appstore {
        background: url(/privat/Resources/resources/skins/sweden/img/objects/app-store.png) no-repeat;
    }

    .modalContent.modalPayment .betalingsservice-img-download.img-googleplay {
        width: 115px;
        background: url(/privat/Resources/resources/skins/sweden/img/objects/google-play.png) no-repeat;
    }

@media (max-width: 600px) {
    .modalContent.modalPayment .full,
    .modalContent.modalPayment .buttons {
        padding: 0 10px;
    }
}

.modalContent.modalPayment .selecPaymentMethodList {
    border: 1px;
    border-style: solid;
    border-color: #dadada;
    padding: 10px !important;
}

    .modalContent.modalPayment .selecPaymentMethodList:nth-child(2), .modalContent.modalPayment .selecPaymentMethodList:nth-child(3) {
        border-top-style: none;
    }

    .modalContent.modalPayment .selecPaymentMethodList.selecPaymentMethodListError {
        border-color: #bb1d2c;
    }

    .modalContent.modalPayment .selecPaymentMethodList.selecPaymentMethodListSelected {
        background-color: #d8eff7;
    }

.modalContent.modalPayment a {
    color: #bb1d2c;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .modalContent.modalPayment h2 {
        font-size: 22px;
        line-height: 30px;
    }
}

.alternate {
    margin: 20px 0 20px 0 !important;
}

    .alternate li {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #e3e3e3;
        vertical-align: middle;
        padding: 10px !important;
    }

        .alternate li:first-child {
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #e3e3e3;
        }

        .alternate li:nth-child(even) {
            background-color: #f5f5f5 !important;
        }

        .alternate li:nth-child(odd) {
            background-color: #fff !important;
        }

        .alternate li > div {
            float: left;
            width: 200px;
            display: inline-block;
        }

            .alternate li > div:last-child {
                font-size: 100% !important;
                margin-left: 10px;
                width: calc(100% - 210px);
            }

@media (max-width: 767px) {
    .alternate li > div:last-child {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .alternate li > div {
        text-align: left;
    }
}

.acceptPaymentStatus {
    background: url(/privat/Resources/resources/skins/default/img/icons/green-check-mark.png) no-repeat 10px center;
    border-style: solid;
    border-width: 1px;
    border-color: #67bd53;
    padding: 20px 0 20px 50px;
    width: 100%;
    float: left;
}

.feedInfoModalDialog {
    background: url(/privat/Resources/resources/skins/default/img/icons/exclamation-mark.png) no-repeat 10px center;
    background-color: #d8eff7;
    padding: 20px 20px 20px 50px;
    width: 100%;
    float: left;
    border: solid 1px #c6dfec;
}

.consent-page {
    padding-top: 0px !important;
}

.ngdp-consent .button {
    margin-bottom: 20px;
}

.ngdp-consent .button-success {
    pointer-events: auto !important;
    cursor: pointer !important;
}

    .ngdp-consent .button-success i {
        margin-right: 5px;
    }

.ngdp-consent .sectionDescription.link {
    color: #bb1d2c;
}

.ngdp-consent .underlinedLink {
    text-decoration: underline !important;
}

.ngdp-consent .announcement {
    color: black;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 220px;
    overflow: auto;
}

    .ngdp-consent .announcement h1 {
        margin-bottom: 20px;
    }

        .ngdp-consent .announcement h1 span {
            font-weight: 700;
        }

    .ngdp-consent .announcement a {
        color: black;
        text-decoration: underline;
        margin-bottom: 1px;
    }

    .ngdp-consent .announcement h2, .ngdp-consent .announcement h3, .ngdp-consent .announcement p {
        font-style: normal;
        font-size: 20px;
        font-weight: normal;
        line-height: 150%;
    }

.ngdp-consent .description {
    background: #F0F0F0;
    padding: 20px;
    color: black;
    font-size: 13px;
    line-height: 21px;
}

.ngdp-consent .button-container {
    margin: 0 auto;
    margin-top: 10px;
    display: table;
}

    .ngdp-consent .button-container button {
        width: 280px;
    }

    .ngdp-consent .button-container a {
        text-decoration: underline;
        cursor: pointer;
        color: lightgray;
        display: inherit;
        padding-top: 10px;
        margin: 0 auto;
    }

.modalContent.modalContentCampaign .box {
    overflow: hidden;
    padding: 0 20px 15px 0px;
    margin: 40px 0 20px 0;
}

    .modalContent.modalContentCampaign .box.highlight {
        background: #f5f5f5;
        padding-top: 20px;
    }

    .modalContent.modalContentCampaign .box h1 {
        font-size: 32px;
        font-weight: 100;
        line-height: normal;
        padding-bottom: 15px;
    }

        .modalContent.modalContentCampaign .box h1 span.highlight {
            font-weight: 600;
        }

    .modalContent.modalContentCampaign .box p {
        font-size: 13px;
    }

    .modalContent.modalContentCampaign .box a {
        color: #bb1d2c;
        text-decoration: underline;
    }

.modalContent.modalContentCampaign .description {
    overflow: hidden;
    background: #f5f5f5;
    font-size: 12px;
    padding: 15px 20px;
    margin: 0 0 20px 0;
}

    .modalContent.modalContentCampaign .description p {
        font-size: 12px;
    }

    .modalContent.modalContentCampaign .description a {
        color: inherit;
        text-decoration: underline;
    }

.modalContent.modalContentCampaign .button-container {
    text-align: center;
}

.modalContent.modalContentCampaign .ngdp-delete-duplicates-button-container {
    text-align: center;
}

    .modalContent.modalContentCampaign .ngdp-delete-duplicates-button-container button {
        float: none;
        display: inline-block;
        font-size: 13px;
        min-width: 200px;
        margin: 5px 10px;
    }

.modalContent.modalContentCampaign .button-container button {
    float: none;
    display: inline-block;
    font-size: 13px;
    min-width: 200px;
    margin: 5px 0;
}

.modalContent.modalContentCampaign .button-container a {
    color: #7f7f7f;
    cursor: pointer;
    text-decoration: underline;
    line-height: 40px;
    font-size: 13px;
}

.modalContent.modalContentCampaign .nowrap {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .modalContent.modalContentCampaign .full {
        padding: 0 20px;
    }
}

.modalContent.delegateModal .modalSection {
    padding-bottom: 20px;
}

    .modalContent.delegateModal .modalSection .infoBlock {
        margin-bottom: 20px;
        line-height: 22px;
    }

    .modalContent.delegateModal .modalSection .buttonBlue {
        padding: 0 40px;
    }

        .modalContent.delegateModal .modalSection .buttonBlue .sprite {
            left: 15px;
            top: 50%;
            margin-top: -6px;
        }

    .modalContent.delegateModal .modalSection .table .checkboxCell {
        width: 80px;
        text-align: center;
    }

    .modalContent.delegateModal .modalSection .table .placeholderCell {
        padding-top: 150px;
    }

    .modalContent.delegateModal .modalSection .table td {
        vertical-align: middle;
        padding: 10px 8px;
        border-top: none;
    }

    .modalContent.delegateModal .modalSection .table tbody {
        border-bottom: 2px solid #dadada;
    }

.modalContent.delegateModal .infobar {
    padding-left: 30px;
    cursor: default;
}

.modalContent.delegateModal ul {
    list-style: square;
    padding-left: 20px;
}

    .modalContent.delegateModal ul li {
        padding: 0px;
    }

.modalContent.delegateModal .statusGreen {
    color: #67bd53;
}

.modalContent.delegateModal .statusRed {
    color: #bb1d2c;
}

.modalContent.delegateModal .buttons {
    border-top: none;
}

.modalContent.delegateModal .form-row {
    margin: 3px 5px;
    padding: 5px 10px;
    background-color: #f5f5f5;
}

    .modalContent.delegateModal .form-row .input-title {
        float: left;
        width: 100px;
        padding: 0;
        font-weight: bold;
        line-height: 40px;
    }

    .modalContent.delegateModal .form-row .inputError {
        margin-top: 10px;
    }

    .modalContent.delegateModal .form-row .status-box {
        float: right;
        padding: 6px;
        font-size: 11px;
        text-align: right;
        line-height: 14px;
    }

    .modalContent.delegateModal .form-row .action {
        float: right;
        margin-top: 10px;
    }

    .modalContent.delegateModal .form-row input.checkbox + label.text {
        font-size: 12px;
    }

    .modalContent.delegateModal .form-row input.checkbox + label:before {
        float: right;
        margin-left: 10px;
    }

.modalContent.delegateModal .additionalActions {
    padding: 10px 20px;
}

.register-all-senders-modal .wrap {
    text-align: center;
    padding: 80px 0;
}

.register-all-senders-modal .icon img {
    height: 200px;
}

.register-all-senders-modal .right-content {
    padding: 0 0 0 15px;
    vertical-align: top;
}

@media (min-width: 600px) {
    .register-all-senders-modal .right-content {
        width: 60%;
    }
}

@media (max-width: 600px) {
    .register-all-senders-modal .right-content {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .register-all-senders-modal .right-content {
        width: 50%;
    }
}

.register-all-senders-modal .right-content h3 {
    text-align: left;
    margin-bottom: 15px;
    line-height: initial;
}

.register-all-senders-modal .right-content p {
    text-align: left;
    margin-bottom: 10px;
    float: none;
    font-size: 13px;
    margin: 0 auto;
    padding-top: 15px;
    width: auto;
}

.register-all-senders-modal .right-content a.button {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
}

.register-all-senders-modal .right-content .skip-link {
    text-align: left;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #7f7f7f;
    text-align: center;
}

.mailInfoDialog {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

    .mailInfoDialog ul {
        float: left;
        text-align: left;
        width: 100%;
    }

    .mailInfoDialog li span:first-child {
        margin-right: 5px;
    }

        .mailInfoDialog li span:first-child:after {
            content: ":";
        }

    .mailInfoDialog li a {
        color: #f00;
        text-decoration: underline;
        cursor: pointer;
        margin-right: 5px;
    }

    .mailInfoDialog li.heading {
        font-size: 13px;
        padding: 5px 0 5px 0;
        color: #333;
    }

.publicPage body {
    min-width: 350px;
}

    .publicPage body #Wrapper {
        height: 100%;
    }

        .publicPage body #Wrapper #WrapperContent {
            min-height: 100%;
        }

@media (max-width: 767px) {
    .publicPage body #Wrapper #WrapperContent {
        position: relative;
    }
}

.publicPage body #Wrapper #WrapperContent #Header .logo {
    float: left;
    width: 350px;
    line-height: 110px;
    text-align: center;
    font-size: 35px;
}

.publicPage body #Wrapper #WrapperContent #Footer {
    position: absolute;
    bottom: 0;
    height: auto;
    padding: 10px 30px 30px;
}

.row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form p {
    line-height: normal;
}

.form .table-responsive .buttons.half-width {
    width: 50%;
}

.form .buttons .button {
    margin: 5px;
}

@media screen and (max-width: 767px) {
    input[type="text"]:disabled {
        background-color: #e3e3e3;
    }
}

input.inputPlaceholderGrey::-webkit-input-placeholder {
    color: #999;
}

input.inputPlaceholderGrey:-ms-input-placeholder {
    color: #999;
}

.confirmMessage {
    padding: 20px 20px 20px 55px;
    background-color: #233E4B;
    color: #fff;
}

    .confirmMessage.light {
        background-color: #f5f5f5;
        color: #000;
        border: #e3e3e3 1px solid;
    }

.confirmMessage-warning {
    background-color: #bb1d2c;
}

#profileCountryCode {
    position: absolute;
    line-height: 35px;
}

.buttonLink.floatRight + .buttonLink.floatRight {
    border-right: 1px solid #ccc;
    border-left: 0;
}

#SubscriptionsList div.buttonLink {
    border-right: 1px solid #ccc;
    border-left: 0;
}

.section a {
    color: #bb1d2c;
    text-decoration: none;
}

    .section a.display-inline {
        display: inline;
    }

.inputErrorListItem .inputError {
    width: 100%;
}

.generalError .error-description {
    font-weight: normal;
}

.gtPrefix:before {
    content: "> ";
}

.button {
    color: #fff;
    min-width: 125px;
    height: 40px;
    background-color: #bb1d2c;
    text-align: center;
    padding: 0 30px;
    line-height: 40px;
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    margin: 5px;
    cursor: pointer;
    border: 0 none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .button.buttonGreyCustom {
        background-color: #6b6b6b;
        background-image: -moz-linear-gradient(top, #6b6b6b, #6b6b6b);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#6b6b6b));
        background-image: -webkit-linear-gradient(top, #6b6b6b, #6b6b6b);
        background-image: -o-linear-gradient(top, #6b6b6b, #6b6b6b);
        background-image: linear-gradient(to bottom, #6b6b6b, #6b6b6b);
    }

        .button.buttonGreyCustom:hover:not([disabled]) {
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #bb1d2c;
            background-image: -moz-linear-gradient(top, #bb1d2c, #bb1d2c);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bb1d2c), to(#bb1d2c));
            background-image: -webkit-linear-gradient(top, #bb1d2c, #bb1d2c);
            background-image: -o-linear-gradient(top, #bb1d2c, #bb1d2c);
            background-image: linear-gradient(to bottom, #bb1d2c, #bb1d2c);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff46650e', endColorstr='#ff46650e', GradientType=0);
            border-color: #bb1d2c #bb1d2c;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.basicButton {
    color: #000;
    background-color: #dadada;
}

    .basicButton.a {
        color: #000;
        background-color: #dadada;
    }

.buttonBlue {
    background-color: #14242c;
}

.highlighted-button {
    background: #bb1d2c;
}

.sprite.checkbox-button-success {
    background-position: 0px -2003px;
    height: 11px;
    width: 13px;
}

.sprite.receipts {
    background-position: 0px -2013px;
    height: 17px;
    width: 24px;
}

.sprite.confirm-blue {
    background-position: 0 -2030px;
    width: 27px;
    height: 27px;
}

.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_64x64.gif);
}

    .loader.mailRename {
        width: 300px;
        height: 200px;
    }

.loader-small {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

.greyForm .background {
    background-color: #000;
}

.greyForm .basicButton {
    opacity: 1;
    -ms-filter: "progid:DXImageTran.greyForm.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background-color: #dadada;
    color: #000;
}

.greyForm .inputError {
    width: 100%;
}

.greyForm .showConfirmNotification {
    border-radius: 0;
    background-color: #6b6b6b;
}

.greyForm .signUpForm .formSection .full input[type=text].smsDigit {
    height: 40px;
    line-height: 40px;
}

.greyForm .button.smsButton {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
}

.greyForm a.link {
    color: #bb1d2c;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .greyForm label {
        float: none;
        width: auto;
    }
}

.greyForm input[type="text"], .greyForm input[type="password"] {
    margin-right: 8px;
    height: 40px;
    font-weight: normal;
}

.greyForm input[type="checkbox"] {
    margin-right: 8px;
}

.greyForm input[type=text].smsDigit {
    height: 33px;
    line-height: 33px;
    min-width: 40px;
    padding: 0 30px;
    width: 95px;
    margin-right: 10px;
    margin-top: 5px;
}

.greyForm input#countryCode {
    line-height: 35px;
}

.decorationBox,
.decorationBoxWithDropdown {
    background-color: #233E4B;
    font-weight: bold;
}

    .decorationBox:before,
    .decorationBoxWithDropdown:before {
        border-bottom-color: #233E4B;
    }

    .decorationBox .statusLink {
        color: #bb1d2c;
        font-weight: normal;
    }

.decorationBoxDocumentNote {
    background-color: #e3e3e3;
    color: #333;
}

    .decorationBoxDocumentNote:before {
        border-bottom: 5px solid #e3e3e3;
    }

    .decorationBoxDocumentNote a {
        color: #014c85;
    }

.decorationBoxDropdown.hover ul li:hover {
    background-color: #d8eff7;
}

.content {
    width: 100%;
    height: 95%;
    border: none;
}

pre {
    width: 100%;
    /* specify width  */
    white-space: pre-wrap;
    /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important;
    /* 1999+ Mozilla  */
    white-space: -pre-wrap;
    /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;
    /* Opera 7 and up */
    word-wrap: break-word;
    /* IE 5.5+ and up */
    padding: 10px;
    /* overflow-x: auto; */
    /* Firefox 2 only */
    /* width: 99%; */
    /* only if needed */
}

iframe {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.document-name {
    text-align: center;
}

@media (min-width: 768px) {
    .fixableHeader {
        position: relative;
        float: left;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #MainContent .fixableHeader:not(#MailboxHeader) {
        top: 0 !important;
    }
}

@media (max-width: 767px) {
    #MainContent .fixableHeader {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
}

.fixableHeader .fixedWrapper {
    position: relative;
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    .fixableHeader .fixedWrapper {
        position: relative;
        float: left;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .fixedHeading .fixableHeader .fixedWrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 1140px;
        margin: 0;
        padding-left: 310px;
        padding-right: 30px;
        z-index: 2;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .fixedHeading .fixableHeader .fixedWrapper {
        padding-left: 100px;
    }
}

.fixableHeader .fixedWrapperContent {
    padding: 0px 0px 20px 0px;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid transparent;
    background-color: #fff;
}

.fixableHeader .headerMenu {
    display: none;
}

.fixedHeading .fixedWrapperContent {
    border-bottom: 1px solid #e3e3e3;
}

@media (max-width: 767px) {
    .fixedHeading .fixedWrapperContent {
        border: none;
    }
}

.fixedHeading .topMenuItemHelp {
    display: block;
    overflow: hidden;
    /* clearfix */
    border-top: 1px solid #ccc;
}

.fixedHeading .topMenuItemLogoff {
    overflow: hidden;
    /* clearfix */
    display: block;
}

@media (max-width: 767px) {
    .fixedHeading #MainContent .fixableHeader .mailboxTopActions {
        position: fixed;
        top: 0;
        padding: 0;
        height: auto;
        z-index: 15;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@media (min-width: 768px) {
    .fixedHeading #MainContent .fixableHeader h1 {
        position: relative;
        float: left;
        width: 100%;
        line-height: 32px;
        overflow: hidden;
        margin-top: 20px;
        background-color: #fff;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MainContent #MailboxHeader h1 {
        border-bottom: 1px solid transparent;
    }
}

@media (min-width: 768px) {
    .fixedHeading #BackButton .navigation {
        display: none;
    }
}

@media (min-width: 768px) {
    .fixedHeading #Header #ShowSearch {
        display: none;
        font-size: 0;
    }
}

@media (min-width: 768px) {
    .fixedHeading #Header .headerMenu {
        display: none;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu {
        display: block;
        position: absolute;
        top: 25px;
        float: right;
        right: 0;
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        color: transparent;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu.hover {
        border: 1px solid #ccc;
        border-bottom: none;
        width: 20px;
        height: 19px;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu.hover > span,
    .fixedHeading .headerMenu.hover > .headerMenuButton {
        height: 19px;
        border: 0 none;
        background: transparent;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu.hover .dropdown {
        left: auto;
        right: -1px;
        top: 18px;
        border: 1px solid #ccc;
        background-color: #fff;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu > span,
    .fixedHeading .headerMenu > .headerMenuButton {
        position: relative;
        float: left;
        width: 100%;
        height: 20px;
        padding: 0;
        font-size: 0;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu .sprite.header-menu-gray {
        display: block;
        top: 4px;
        left: 3px;
    }
}

@media (min-width: 768px) {
    .fixedHeading .headerMenu .header-menu,
    .fixedHeading .headerMenu .header-menu-dark {
        display: none;
    }
}

@media (max-width: 767px) {
    .fixedHeading #MailboxHeader {
        top: 0 !important;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks {
        position: absolute;
        top: 25px;
        right: 30px;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks li {
        border: none;
        height: 20px;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks li a,
    .fixedHeading #MailboxHeader .mailboxTopLinks li > div {
        font-size: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks li > div {
        width: 20px;
        height: 20px;
        margin: 0 10px !important;
        padding: 0;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks .sprite {
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -8px;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopLinks a {
        width: 20px;
        height: 20px;
        margin: 0 10px !important;
        padding: 0;
    }
}

@media (min-width: 768px) {
    .fixedHeading #MailboxHeader .mailboxTopActions {
        border-top: 1px solid #e3e3e3;
    }
}

@media (min-width: 768px) {
    .fixedHeading #TopMenuItemLogoff {
        display: block;
        border-top: 1px solid #ccc;
    }
}

@media (max-width: 767px) {
    .fixedHeading #Header nav {
        display: none;
    }
}

@media (max-width: 767px) {
    #MailboxHeader.feedsFixedHeading .fixedWrapperContent {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader.feedsFixedHeading h1 {
        max-height: 55px;
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .fixedWrapperContent {
        padding-top: 45px;
    }
}

@media (max-width: 767px) {
    #ShowSearch {
        display: block;
    }
}

#userRoles table.userrolesheader {
    background-color: #000;
    width: 600px;
    border: solid 1px #000;
}

    #userRoles table.userrolesheader tr td {
        color: #fff;
    }

    #userRoles table.userrolesheader table tr td {
        color: #fff;
        font-weight: bold;
        padding: 5px;
    }

        #userRoles table.userrolesheader table tr td strong {
            color: #fff;
        }

#userRoles table.userroles {
    width: 600px;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}

    #userRoles table.userroles table tr td {
        border-left: solid 1px #000;
    }

    #userRoles table.userroles table tbody tr.lightgray {
        background-color: #f5f5f5;
        border-bottom: solid 1px #000;
    }

        #userRoles table.userroles table tbody tr.lightgray td {
            padding: 5px;
        }

    #userRoles table.userroles table tbody tr.gray {
        background-color: #dadada;
        border-bottom: solid 1px #000;
    }

        #userRoles table.userroles table tbody tr.gray td {
            padding: 5px;
        }

    #userRoles table.userroles tr td {
        border-bottom: solid 1px #000;
    }

        #userRoles table.userroles tr td.nobottom {
            border-bottom: none;
        }

        #userRoles table.userroles tr td.lightgray {
            background-color: #f5f5f5;
            padding: 5px;
        }

        #userRoles table.userroles tr td.gray {
            background-color: #dadada;
            padding: 5px;
        }

#userRoles table.funk {
    width: 600px;
    border-left: solid 1px #000;
}

    #userRoles table.funk tr.funkheader {
        background-color: #000;
    }

        #userRoles table.funk tr.funkheader td {
            color: #fff;
            font-weight: bold;
            padding: 5px;
        }

    #userRoles table.funk tr.funklightgray {
        background-color: #f5f5f5;
    }

        #userRoles table.funk tr.funklightgray td {
            padding: 5px;
            border-bottom: solid 1px #000;
            border-right: solid 1px #000;
        }

    #userRoles table.funk tr.funkgray {
        background-color: #dadada;
    }

        #userRoles table.funk tr.funkgray td {
            padding: 5px;
            border-bottom: solid 1px #000;
            border-right: solid 1px #000;
        }

.activitiesContainer .topFiltering .topFilteringDropdown.hover ul {
    border: 1px solid #ccc;
}

    .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li {
        border-top: 1px solid #ccc;
        color: #6b6b6b;
    }

        .activitiesContainer .topFiltering .topFilteringDropdown.hover ul li:hover {
            background-color: #d8eff7;
        }

.activitiesContainer .showMore {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

    .activitiesContainer .showMore.loader {
        background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    }

    .activitiesContainer .showMore a {
        color: #bb1d2c;
    }

.activitiesList {
    border-bottom: 1px solid #e3e3e3;
}

    .activitiesList > li {
        border-top: 1px solid #e3e3e3;
    }

        .activitiesList > li:hover {
            background-color: #d8eff7;
        }

.FeedActivityTileToolbar.documentToolbar .sectionMore:after {
    vertical-align: 1.7px;
}

.FeedActivityTileToolbar.documentToolbar .sectionMore ul li {
    color: #000;
}

#CookieConsent {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
    background-color: #202f38;
    z-index: 11;
}

@media (min-width: 768px) {
    #CookieConsent {
        height: 80px;
    }
}

#CookieConsent .buttons {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    display: inline-block;
}

@media (max-width: 767px) {
    #CookieConsent .buttons {
        position: relative;
        float: right;
    }
}

#CookieConsent .basicButton {
    background-color: #37535e;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    color: #fff;
}

#CookieConsent > div {
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding-right: 170px;
    float: left;
}

@media (max-width: 767px) {
    #CookieConsent > div {
        padding-right: 0;
    }
}

@media (max-width: 1280px) {
    #CookieConsent div {
        width: 100%;
    }
}

#CookieConsent h3 {
    font-size: 13px;
    margin: 5px 0;
    padding: 0;
}

#CookieConsent p {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    float: left;
    color: #fff;
    padding-top: 7px;
}

@media (max-width: 767px) {
    #CookieConsent p {
        width: 100%;
    }
}

#CookieConsent p a {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}

.header-fixed,
.header-fixed .loader {
    width: 100%;
}

    .header-fixed > thead {
        display: block;
        width: 97.2%;
    }

        .header-fixed > thead > tr {
            display: block;
        }

            .header-fixed > thead > tr > th {
                display: block;
                width: 18%;
                float: left;
            }

            .header-fixed > thead > tr:after {
                content: ' ';
                display: block;
                visibility: hidden;
                clear: both;
            }

    .header-fixed > tbody {
        display: block;
        overflow-y: auto;
        max-height: 225px;
    }

        .header-fixed > tbody > tr {
            display: block;
        }

            .header-fixed > tbody > tr > td {
                display: block;
                width: 18%;
                float: left;
            }

            .header-fixed > tbody > tr:after {
                content: ' ';
                display: block;
                visibility: hidden;
                clear: both;
            }

        .header-fixed > tbody:first-child > tr:first-child > th {
            border-top: 0;
        }

    .header-fixed thead tr th {
        height: 40px;
    }

#ieWarning {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    background-color: #bb1d2c;
    padding: 0 30px 5px;
    z-index: 200;
    color: #fff;
    text-align: center;
    height: auto;
}

@media (max-width: 588px) {
    #ieWarning {
        height: 60px;
    }
}

#ieWarning h3 {
    font-size: 13px;
    margin: 5px 0 0;
    padding: 5px 0;
}

#ieWarning p {
    font-size: 13px;
    line-height: 22px;
    margin: 5px 0 0;
    float: left;
    width: 100%;
}

    #ieWarning p a {
        text-decoration: underline;
    }

#NgDPNewOverview {
    height: 100%;
    background-color: #fff;
}

    #NgDPNewOverview #Wrapper.ieWarningTop #Header {
        top: 30px !important;
    }

    #NgDPNewOverview #Wrapper.ieWarningTop .tabsContainer {
        top: 140px !important;
    }

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper.ieWarningTop.fixedHeading #MainContent .fixableHeader .mailboxTopActions {
        top: 140px;
    }
}

#NgDPNewOverview #Wrapper.ieWarningTop.fixedHeading.mailboxSection .fixedWrapperContent {
    top: 200px;
}

#NgDPNewOverview #Wrapper.ieWarningTop.tablet #Header {
    top: 50px !important;
}

#NgDPNewOverview #Wrapper.ieWarningTop.tablet .tabsContainer {
    top: 120px !important;
}

#NgDPNewOverview #Wrapper.ieWarningTop.tablet.fixedHeading.mailboxSection .fixedWrapperContent {
    top: 180px;
}

#NgDPNewOverview #Wrapper.ieWarningTop.mobile .mobileTabs {
    top: 0px !important;
}

#NgDPNewOverview #Wrapper.ieWarningTop.mobile #ShowSearch, #NgDPNewOverview #Wrapper.ieWarningTop.mobile .overviewHeaderMenu {
    top: 20px;
}

#NgDPNewOverview #Wrapper.mobile #WrapperLeft {
    position: sticky;
}

    #NgDPNewOverview #Wrapper.mobile #WrapperLeft .mobileTabs {
        display: flex;
        z-index: 5;
    }

    #NgDPNewOverview #Wrapper.mobile #WrapperLeft #LeftMenu {
        padding: 10px 30px 0;
        background-color: #fff;
    }

        #NgDPNewOverview #Wrapper.mobile #WrapperLeft #LeftMenu.cover {
            height: 0;
        }

        #NgDPNewOverview #Wrapper.mobile #WrapperLeft #LeftMenu.mailboxMenu {
            padding: 0;
        }

#NgDPNewOverview #Wrapper.mobile #Header {
    position: fixed;
    z-index: 40;
}

#NgDPNewOverview #Wrapper.mobile #WrapperContent #MainContent {
    padding-top: 0px;
}

#NgDPNewOverview #Wrapper.mobile #WrapperContent #MailboxHeader {
    padding: 0;
}

#NgDPNewOverview #Wrapper.mobile #WrapperContent #Feeds {
    padding-right: 0px;
}

#NgDPNewOverview #Wrapper.mobile .shelf {
    display: none;
}

#NgDPNewOverview #Wrapper.mobile .overviewTabs {
    display: none;
}

#NgDPNewOverview #Wrapper.mobile.fixedHeading.mailboxSection .fixedWrapperContent {
    top: inherit;
}

#NgDPNewOverview #Wrapper.tablet.fullWidth #WrapperLeft {
    background-color: #fff;
}

#NgDPNewOverview #Wrapper.tablet.tabletView .logo {
    height: 130px;
}

    #NgDPNewOverview #Wrapper.tablet.tabletView .logo a {
        top: 30px;
        position: relative;
    }

#NgDPNewOverview #Wrapper.tablet.tabletView .shelf {
    display: none;
}

#NgDPNewOverview #Wrapper.tablet.tabletView .tabsContainer {
    z-index: 15;
}

#NgDPNewOverview #Wrapper.tablet #WrapperContent #MainContent {
    padding-top: 150px;
}

#NgDPNewOverview #Wrapper.tablet #WrapperLeft #LeftMenu {
    padding-top: 130px;
}

#NgDPNewOverview #Wrapper.tablet #Header {
    top: 0;
    padding-right: 70px;
    justify-content: unset;
}

#NgDPNewOverview #Wrapper.tablet.shortWidth #view {
    width: 100vw;
}

#NgDPNewOverview #Wrapper.tablet.shortWidth #WrapperContent #MainContent {
    left: -70px;
    padding-right: 0;
}

#NgDPNewOverview #Wrapper.tablet.fixedHeading.mailboxSection .fixedWrapperContent {
    top: 130px;
}

#NgDPNewOverview #Wrapper.shortWidth {
    background-color: #fff;
}

    #NgDPNewOverview #Wrapper.shortWidth .mailList {
        padding: 0 !important;
    }

    #NgDPNewOverview #Wrapper.shortWidth.mobile #WrapperContent #MainContent {
        padding-top: 20px;
    }

    #NgDPNewOverview #Wrapper.shortWidth #WrapperLeft {
        height: auto;
        background-color: #fff;
        z-index: 20;
    }

        #NgDPNewOverview #Wrapper.shortWidth #WrapperLeft #LeftMenu {
            display: none;
        }

    #NgDPNewOverview #Wrapper.shortWidth #view {
        display: flex;
        justify-content: center;
        padding-right: calc(35% - 280px);
    }

    #NgDPNewOverview #Wrapper.shortWidth #WrapperContent #Feeds {
        padding-left: 0px;
        padding-right: 0px;
    }

    #NgDPNewOverview #Wrapper.shortWidth #Footer {
        left: -280px;
        padding-left: 280px;
    }

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper.fixedHeading #Header nav {
        display: unset;
    }

    #NgDPNewOverview #Wrapper.fixedHeading #MainContent .fixableHeader .mailboxTopActions {
        top: 110px;
    }
}

#NgDPNewOverview #Wrapper.fixedHeading .fixableHeader .fixedWrapper {
    max-width: inherit;
}

#NgDPNewOverview #Wrapper.fixedHeading.mailboxSection .fixedWrapperContent {
    top: 170px;
}

#NgDPNewOverview #Wrapper #WrapperLeft .shelf {
    position: relative;
    height: 60px;
    background: #233E4B;
    border: 1px solid transparent;
    overflow: hidden;
    z-index: 10;
}

#NgDPNewOverview #Wrapper #WrapperLeft #MainContent {
    padding-top: 170px;
}

#NgDPNewOverview #Wrapper #WrapperLeft #LeftMenu {
    padding-top: 170px;
    background-color: #e3e3e3;
}

    #NgDPNewOverview #Wrapper #WrapperLeft #LeftMenu .navigationWrapper {
        display: none;
    }

#NgDPNewOverview #Wrapper #WrapperLeft .mailboxHome {
    display: none;
}

#NgDPNewOverview #Wrapper #WrapperLeft .mobileTabs {
    display: none;
}

#NgDPNewOverview #Wrapper .tabsContainer {
    display: flex;
    position: fixed;
    width: 100%;
    margin: auto;
    top: 110px;
    z-index: 29;
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer {
        position: inherit;
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #NgDPNewOverview #Wrapper .tabsContainer {
        top: 70px;
        left: 0;
        z-index: 29;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab {
    display: flex;
    justify-content: center;
    padding-right: 0px;
    overflow: hidden;
    background: #233E4B;
    margin: auto;
    width: 100%;
    /*Sets the nav bar in a horizontal manner. Hides the items for the list and ensures there's no scroll bar*/
}

@media (min-width: 993px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab {
        padding-right: 30%;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu {
    display: flex;
    flex-direction: row;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
    height: 60px;
    border: none;
    max-width: 860px;
    width: 100%;
    /*Styles each of the individual items in the nav bar list. Adds color and changes their font. Adds a border at the end*/
}

@media (min-width: 768px) and (max-width: 992px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu {
        max-width: unset;
    }
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu {
        padding-top: 0px !important;
        margin: 0px;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li {
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    height: inherit;
    width: 100%;
    /*Determines how the links inside the navbar will be displayed.Gives them a background color*/
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li {
        width: 42%;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li:first-child .tab__link .text {
        display: none;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li:first-child .icon-home {
    display: none;
    pointer-events: none;
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li:first-child .icon-home {
        display: block;
        width: 30px;
        height: 25px;
        -webkit-filter: grayscale(0) invert(0);
        filter: grayscale(0) invert(0);
    }
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li:first-child {
        width: 16%;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li:last-child {
    border: none;
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #800000;
    text-align: center;
    padding: 7px 10px;
    text-transform: inherit;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    position: relative;
    height: inherit;
    white-space: nowrap;
    background-color: inherit;
    cursor: pointer;
    margin: auto;
    vertical-align: middle;
    padding: 15px 16px;
    color: #fff;
    width: 100%;
}

    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link:focus {
        border: #a5c7fe solid 2px !important;
    }

    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link.activeTab {
        background-color: white;
        color: #000;
        box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.25);
    }

        #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link.activeTab::before {
            border-top: 6px solid #bb1d2d !important;
            display: block;
            content: "";
            height: 6px;
            left: 0px;
            top: 0px;
            position: absolute;
            width: inherit;
        }

        #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link.activeTab .icon-home {
            pointer-events: none;
            -webkit-filter: grayscale(1) invert(1);
            filter: grayscale(1) invert(1);
        }

    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text {
        position: relative;
        text-align: center;
        display: flex;
        pointer-events: none;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text {
        line-height: 15px;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text::after {
    content: attr(data-unread);
    display: flex;
    background-color: #bb1d2d;
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -30px;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    line-height: 22px;
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text::after {
        height: 22px;
        width: 22px;
        line-height: 22px;
        margin-top: -20px;
        text-align: center;
        right: -25px;
        justify-content: center;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text.exceed::after {
    height: 22px;
    width: 22px;
    line-height: 20px;
    padding-left: 2px;
    padding-top: 1px;
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text.exceed::after {
        height: 22px;
        width: 22px;
        line-height: 22px;
        padding: 0;
        right: -25px;
    }
}

#NgDPNewOverview #Wrapper .tabsContainer .tab .tab__menu li .tab__link .text[data-unread=""]::after {
    display: none;
}

#NgDPNewOverview #Wrapper .tabsContainer .loader {
    margin-top: 10%;
}

#NgDPNewOverview #Wrapper .fixedHeading, #NgDPNewOverview #Wrapper .unfixedHeading, #NgDPNewOverview #Wrapper .overviewHeaderMenu {
    display: inherit;
}

    #NgDPNewOverview #Wrapper .fixedHeading .headerMenuButton:after, #NgDPNewOverview #Wrapper .unfixedHeading .headerMenuButton:after, #NgDPNewOverview #Wrapper .overviewHeaderMenu .headerMenuButton:after {
        content: " \25BC";
        font-size: 8px;
        vertical-align: 1.7px;
        font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
    }

    #NgDPNewOverview #Wrapper .fixedHeading.hover .headerMenuButton:after, #NgDPNewOverview #Wrapper .unfixedHeading.hover .headerMenuButton:after, #NgDPNewOverview #Wrapper .overviewHeaderMenu.hover .headerMenuButton:after {
        content: " \25b2";
        font-size: 8px;
        vertical-align: 1.7px;
    }

    #NgDPNewOverview #Wrapper .fixedHeading .dropdown, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown {
        z-index: 999;
        color: #fff;
    }

        #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group {
            padding-top: 0px;
            padding-bottom: 0;
            position: relative;
        }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group:first-child, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group:first-child, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group:first-child {
                border-bottom: 1px solid #ccc;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .inner-dropdown, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .inner-dropdown, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .inner-dropdown {
                padding-bottom: 0px;
                color: #000;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .dropdown__header, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .dropdown__header, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .dropdown__header {
                display: flex;
                flex-direction: column;
                padding-bottom: 20px;
                color: #000;
                user-select: none;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
            }

                #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .dropdown__header span:first-child, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .dropdown__header span:first-child, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .dropdown__header span:first-child {
                    font-weight: 700;
                    font-size: 13px;
                }

                #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .dropdown__header span:last-child, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .dropdown__header span:last-child, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .dropdown__header span:last-child {
                    font-weight: 700;
                    font-size: 12px;
                    line-height: 0.3rem;
                }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .sprite.help, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .sprite.help, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .sprite.help {
                margin-top: 3px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group ul.hotlinks, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group ul.hotlinks, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group ul.hotlinks {
                padding-left: 20px;
                padding-top: 5px;
                padding-bottom: 0px;
                margin: 0;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.hide li, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.hide li, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.hide li {
                display: none !important;
                padding-bottom: 5px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.open li, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.open li, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.open li {
                display: flex !important;
                padding-bottom: 5px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.show .wrapper, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.show .wrapper, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.show .wrapper {
                padding-bottom: 10px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.show .dropdown__header, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.show .dropdown__header, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.show .dropdown__header {
                padding-bottom: 15px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.show .text, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.show .text, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.show .text {
                color: #000;
                padding: 0;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.show li, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.show li, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.show li {
                display: flex;
                padding-bottom: 5px;
                color: #000;
                cursor: pointer;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group.show .arrow, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group.show .arrow, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group.show .arrow {
                background-image: url(/privat/Resources/resources/skins/sweden/img/icons/menu-arrow-unfolded.png);
                width: 12px;
                height: 8px;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .arrow, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .arrow, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .arrow {
                position: absolute;
                display: inline-block;
                background-image: url(/privat/Resources/resources/skins/sweden/img/icons/menu-arrow-folded.png);
                background-repeat: no-repeat;
                top: 20px;
                right: 15px;
                width: 8px;
                height: 13px;
                left: auto;
            }

            #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group li, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group li, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group li {
                display: none;
                flex-direction: column;
            }

                #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group li:first-child, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group li:first-child, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group li:first-child {
                    display: flex;
                    padding-bottom: 0px;
                }

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group li em, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group li em, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group li em {
        margin-top: 3px;
    }
}

#NgDPNewOverview #Wrapper .fixedHeading .dropdown .dropdown__group .items, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .dropdown__group .items, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .dropdown__group .items {
    display: list-item !important;
    padding: 0px !important;
}

#NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemHelp, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemHelp, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemHelp {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemHelp .text, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemHelp .text, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemHelp .text {
        color: black;
        padding: 0;
    }

    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemHelp .sprite.help, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemHelp .sprite.help, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemHelp .sprite.help {
        margin-top: 3px;
    }

@media (min-width: 767px) {
    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemHelp, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemHelp, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemHelp {
        display: none;
    }
}

#NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemLogoff, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemLogoff, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemLogoff {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemLogoff .text, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemLogoff .text, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemLogoff .text {
        color: #000;
        padding: 0;
    }

@media (min-width: 767px) {
    #NgDPNewOverview #Wrapper .fixedHeading .dropdown .topMenuItemLogoff, #NgDPNewOverview #Wrapper .unfixedHeading .dropdown .topMenuItemLogoff, #NgDPNewOverview #Wrapper .overviewHeaderMenu .dropdown .topMenuItemLogoff {
        display: none;
    }
}

#NgDPNewOverview #Wrapper #Header {
    display: flex;
    position: fixed;
    background-color: #14242c !important;
    justify-content: center;
    padding-right: 30%;
}

    #NgDPNewOverview #Wrapper #Header nav {
        padding: 35px 0px 35px 0;
    }

        #NgDPNewOverview #Wrapper #Header nav .buttonHeader {
            margin: 0 0px 0 10px;
        }

@media (min-width: 768px) and (max-width: 992px) {
    #NgDPNewOverview #Wrapper #Header nav {
        padding: 15px 0px 15px 0;
    }
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper #Header nav {
        padding: 0;
    }
}

#NgDPNewOverview #Wrapper #Header nav form {
    padding-right: 24rem;
}

    #NgDPNewOverview #Wrapper #Header nav form fieldset {
        padding: 0;
    }

    #NgDPNewOverview #Wrapper #Header nav form button {
        right: 0;
    }

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper #Header nav form {
        padding: 8px;
    }
}

#NgDPNewOverview #Wrapper #WrapperContent #MailboxHeader {
    padding: 0 10px 0;
}

#NgDPNewOverview #Wrapper #WrapperContent #MainContent {
    padding-top: 164px;
}

#NgDPNewOverview #Wrapper #WrapperContent #Feeds {
    padding-left: 24px;
    padding-right: 24px;
}

    #NgDPNewOverview #Wrapper #WrapperContent #Feeds .full {
        padding-left: 24px;
        padding-right: 24px;
    }

#NgDPNewOverview #Wrapper #WrapperContent #Footer {
    background-color: #233E4B;
}

#NgDPNewOverview #Wrapper.publicMailTeaser.shortWidth {
    overflow-x: clip;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .hideHeaderMenu {
    display: none !important;
}

#NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 170px;
    top: 0;
    left: 0;
    overflow: auto;
}

    #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper {
        width: 100%;
        height: 100%;
        padding: 6rem 3rem;
        max-width: 1550px;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4rem;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-info {
            height: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
        }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .subscribed .teaser-content .teaser-text {
            padding-bottom: 0;
        }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-image {
            height: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            padding: 1rem;
            margin: auto;
            justify-content: center;
            align-items: center;
        }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-image::before {
                content: " ";
                position: absolute;
                width: 18rem;
                height: 18rem;
                border-radius: 100%;
                bottom: 5%;
                right: 21%;
                /* Add the blur effect */
                filter: blur(10rem);
                -webkit-filter: blur(10rem);
                /*gradien*/
                background: #7c2a56;
                background: -moz-linear-gradient(328deg, rgba(124, 42, 86, 0) 0%, #ad3036 100%);
                background: -webkit-linear-gradient(328deg, rgba(124, 42, 86, 0) 0%, #ad3036 100%);
                background: linear-gradient(328deg, rgba(124, 42, 86, 0) 0%, #ad3036 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c2a56",endColorstr="#ad3036",GradientType=1);
            }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-image img {
                width: 100%;
                height: auto;
                max-width: 655px;
                max-height: 420px;
                z-index: 1;
            }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-title {
            font-size: 37px;
            font-weight: bold;
            line-height: 3rem;
        }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-text {
            font-size: 26px;
            line-height: 2.3rem;
        }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-button {
            display: flex;
            height: 60px;
            max-width: 185px;
            border-radius: 3rem;
            color: #fff;
            font-size: 20px;
            align-items: center;
            justify-content: center;
            background: #7c2a56;
            background: -moz-linear-gradient(328deg, #7c2a56 0%, #ad3036 100%);
            background: -webkit-linear-gradient(328deg, #7c2a56 0%, #ad3036 100%);
            background: linear-gradient(328deg, #7c2a56 0%, #ad3036 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c2a56",endColorstr="#ad3036",GradientType=1);
        }

    #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser div {
        display: flex;
        flex-direction: column;
        padding-bottom: 2.5rem;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser span {
        padding-bottom: 20px;
        font-size: 20px;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser span a {
            color: #bb1d2d;
            font-size: 20px;
        }

#NgDPNewOverview #Wrapper.publicMailTeaser .feedItem {
    border: solid 1px #B8C3C9;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed {
    color: #000;
    padding: 14px 19rem 14px 21px;
}

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed div, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed div {
        display: inline-block;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .buttonSmall, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .buttonSmall {
        padding: 0 15px;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .feedItemTitle, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .feedItemTitle {
        font-weight: bold;
        color: #000;
        line-height: 16px;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .feedItemText, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .feedItemText {
        line-height: 16px;
        margin-top: 3px;
        margin-bottom: 10px;
        word-wrap: break-word;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .feeItemButton, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .feeItemButton {
        display: flex;
    }

#NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed {
    background: #F2DEE0 url(/privat/Resources/resources/skins/sweden/img/objects/ngdp-teaser-small.png) no-repeat right top;
    background-size: 312px 199px;
    background-position: 98% 0.5rem;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed {
    background: #D7EDFA url(/privat/Resources/resources/skins/sweden/img/objects/ngdp-teaser-small.png) no-repeat right top;
    background-size: 312px 199px;
    background-position: 98% 0.5rem;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .rightSideContent {
    top: 170px;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .fixedWrapper {
    max-width: 1140px !important;
}

#NgDPNewOverview #Wrapper.publicMailTeaser #MailboxHeader {
    padding: 0 30px 0 !important;
}

#NgDPNewOverview #Wrapper.publicMailTeaser #Feeds {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .text-icon {
    line-height: 26px;
    width: 45px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background: #bb1d2d;
    margin-left: 10px;
    color: #fff;
}

#NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab .tab__menu li {
    font-size: 13px;
}

@media (max-width: 1280px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper {
        padding: 3rem 3rem;
    }
}

@media (max-width: 992px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser {
        position: relative;
        padding-top: 0;
        padding-right: 0px;
        width: 100%;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper {
            padding: 24px 24px 0 24px;
            flex-direction: column;
            grid-template-columns: 1fr;
        }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-info {
                padding-top: 0;
                padding-left: 0;
                padding-bottom: 0;
            }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-content {
                max-width: 100% !important;
                margin-top: 0 !important;
                padding-bottom: 0;
            }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-image {
                padding: 0;
                padding-top: 2rem;
                align-items: center;
                justify-content: center;
            }

                #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-image::before {
                    display: none;
                }

            #NgDPNewOverview #Wrapper.publicMailTeaser #public-mail-teaser .teaser-wrapper .teaser-button {
                max-width: 100%;
            }
}

@media (min-width: 768px) and (max-width: 992px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser .shelf {
        display: none !important;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .logo {
        height: 70px !important;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser .logo a {
            top: 0 !important;
        }

    #NgDPNewOverview #Wrapper.publicMailTeaser.shortWidth .tabsContainer {
        padding-left: 0px !important;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer {
        padding-left: 70px !important;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li {
            font-size: 16px !important;
        }

    #NgDPNewOverview #Wrapper.publicMailTeaser #LeftMenu {
        padding-top: 70px !important;
    }
}

@media (max-width: 767px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser .teaser-image::before {
        display: none;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser #MailboxHeader {
        padding: 0 !important;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li {
        width: 100% !important;
        font-size: 16px !important;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li:first-child {
            width: 100% !important;
        }

            #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li:first-child .tab__link .text {
                display: block !important;
            }

    #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemHelp, #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemLogoff {
        display: block !important;
        padding: 20px !important;
        border: 0 !important;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemHelp .sprite.help, #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemLogoff .sprite.help {
            margin-top: 0 !important;
        }

        #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemHelp .text, #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemLogoff .text {
            color: #bb1d2c !important;
            padding: 0 0 0 30px !important;
        }

    #NgDPNewOverview #Wrapper.publicMailTeaser .overviewHeaderMenu .topMenuItemLogoff {
        border-top: 1px solid #ccc !important;
    }
}

@media (max-width: 500px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser.publicMailTeaser #public-mail-teaser .teaser-title {
        font-size: 37px;
        font-weight: bold;
        line-height: 3rem;
        word-break: break-word;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed {
        background-position: center bottom;
        padding: 14px 21px 14px 21px;
        height: auto;
    }

        #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .feedItemTitle, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed .feedItemText, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .feedItemTitle, #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed .feedItemText {
            display: inherit;
            text-align: center;
        }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserUnsubscribed {
        background: #F2DEE0;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .feedItemTeaserSubscribed {
        background: #D7EDFA;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li {
        font-size: 14px !important;
    }
}

@media (max-width: 350px) {
    #NgDPNewOverview #Wrapper.publicMailTeaser.publicMailTeaser #public-mail-teaser .teaser-title {
        font-size: 37px;
        font-weight: bold;
        line-height: 3rem;
        word-break: break-word;
    }

    #NgDPNewOverview #Wrapper.publicMailTeaser .tabsContainer .tab__menu li {
        font-size: 12px !important;
    }
}

#Wrapper {
    z-index: 2;
}

@media (max-width: 767px) {
    #Wrapper.mailboxMobileView {
        height: 100%;
        overflow: hidden;
    }
}

#WrapperLeft {
    background-color: #e3e3e3;
    z-index: 3;
}

@media (max-width: 992px) {
    #WrapperLeft {
        z-index: 40;
    }
}

@media (max-width: 992px) {
    #WrapperLeft.ieWarningTop {
        top: 50px !important;
    }
}

@media (min-width: 993px) {
    #WrapperLeft.ieWarningTop {
        top: 30px !important;
    }
}

@media (max-width: 589px) {
    #WrapperLeft.ieWarningTop {
        top: 60px !important;
    }
}

@media (min-width: 589px) and (max-width: 623px) {
    #WrapperLeft.ieWarningTop.ieSweedenTop {
        top: 60px !important;
    }
}

.desktop #WrapperLeft {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

#WrapperLeft .logo {
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 35px;
    background-color: #14242c;
}

@media (min-width: 768px) and (max-width: 992px) {
    #WrapperLeft .logo {
        height: 70px;
        line-height: 70px;
        background-image: none;
    }
}

@media (max-width: 767px) {
    #WrapperLeft .logo {
        line-height: 55px;
        text-align: center;
        width: 100%;
        height: 50px;
        background-image: none;
        padding-left: 50px;
        padding-right: 110px;
    }
}

@media (max-width: 767px) {
    #WrapperLeft .logo .inner-logo-wrapper {
        width: 100%;
        max-width: 152px;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    #WrapperLeft .logo img {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #WrapperLeft .logo a {
        float: none;
        display: inline-block;
        width: 100%;
        height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #LeftMenu {
        padding-top: 70px;
    }
}

@media (max-width: 767px) {
    #LeftMenu.standardMenu #DesktopMenu {
        height: auto !important;
    }
}

.modalVisible #LeftMenu .menuContainer {
    overflow: hidden;
}

#LeftMenu .navigationWrapper {
    position: relative;
    float: left;
    width: 100%;
}

#LeftMenu .mailboxMenu {
    -webkit-overflow-scrolling: touch;
    z-index: 10;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 768px) {
    #LeftMenu .menu li a {
        line-height: 40px;
    }
}

#LeftMenu .menu li a:hover {
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    #LeftMenu .headerMenu {
        display: none;
    }
}

#MainContent .navigation a {
    line-height: 1.2;
}

#MainContent .backButton {
    width: 100%;
}

@media (max-width: 767px) {
    #MainContent .backButton {
        padding: 35px 0 0;
    }
}

#MainContent .backButton a {
    line-height: 1.2;
}

#ToggleMenu {
    z-index: 2;
}

#DesktopMenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
    #DesktopMenu {
        display: block;
    }
}

.tablet #DesktopMenu {
    padding-top: 40px;
}

@media (min-width: 768px) {
    .cookieConsentNotAccepted #DesktopMenu {
        padding-bottom: 0px;
    }
}

@media (min-width: 768px) {
    #DesktopMenu .headerMenu {
        display: none;
    }
}

#TermsOfUseContent ul {
    list-style: disc outside;
    padding-left: 30px;
    font-size: 13px;
    color: #333;
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet #WrapperLeft .logo {
        position: relative;
        float: left;
        width: 100%;
        background-image: url(/privat/Resources/resources/skins/sweden/img/objects/e-logo.png);
        background-repeat: no-repeat;
        background-position: 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .collapseTablet #WrapperLeft .logo a {
        float: left;
        width: 40px;
        height: 40px;
        margin: 15px;
    }
}

.collapseTablet #LeftMenu {
    overflow-x: hidden;
}

@media (min-width: 589px) and (max-width: 623px) {
    .mobile #WrapperContent.ieWarningTop.ieSweedenTop nav.responsiveView {
        top: 60px !important;
    }
}

@media (max-width: 768px) {
    .mobile #WrapperContent.ieWarningTop nav.responsiveView {
        top: 50px;
    }
}

@media (max-width: 589px) {
    .mobile #WrapperContent.ieWarningTop nav.responsiveView {
        top: 60px;
    }
}

.ieWarningTop {
    height: auto;
}

@media (min-width: 993px) {
    .ieWarningTop {
        top: 30px !important;
    }
}

@media (min-width: 589px) and (max-width: 992px) {
    .ieWarningTop {
        top: 50px !important;
        /*&.ieSweedenTop {
            @media (min-width: 589px) and (max-width: 623px) {
                top: 60px !important;
            }
        }*/
    }
}

@media (min-width: 589px) and (max-width: 992px) and (max-width: 767px) {
    .ieWarningTop #Container {
        top: 50px;
    }
}

@media (max-width: 588px) {
    .ieWarningTop {
        top: 60px !important;
    }

        .ieWarningTop #Container {
            top: 60px;
        }
}

@media (min-width: 589px) and (max-width: 623px) {
    .ieWarningTop.ieSweedenTop {
        top: 60px !important;
    }
}

.mailboxButtonAction {
    font-size: 12px;
}

.mailboxMobileView .mailboxHome .sprite {
    left: 19px;
}

@media (max-width: 767px) {
    .toggleMailboxMobileMenu {
        display: none;
    }
}

.droppableFolder {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
}

.uploadDocumentLoader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

.uploadedDocumentStatus {
    float: right;
}

.progress-bar {
    background: #bb1d2c;
}

.uploadedDocumentChooseFileIncreasedWidth {
    padding: 5px 0 0 0;
    width: 74%;
}

.infoDialog {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 25px;
}

    .infoDialog .sprite {
        position: absolute;
        float: left;
        top: 2px;
        left: 0;
    }

.infoBackround {
    position: relative;
    float: left;
    width: 100%;
}

.informationButtons .loading {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

.loaderModal {
    background: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_64x64.gif) center center no-repeat;
}

.selectRecipient .buttons {
    padding: 20px 30px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

.replyTemplate .item {
    margin-top: 15px;
    margin-bottom: 30px;
}

.replyTemplate .sub-transparent {
    opacity: 0.3;
}

.signDocumentStatus .popupLoader {
    width: 100%;
}

.emptyItemsInfo p a {
    font-size: 13px;
    color: #bb1d2c;
}

.ng-pristine .ng-untouched {
    box-shadow: none;
}

@media (max-width: 767px) {
    #LeftMenu.mailboxMenu {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: 50px;
        padding: 0;
        overflow: visible;
        background-color: #e3e3e3;
    }
}

@media (max-width: 767px) {
    .standardMenu #DesktopMenu {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    .standardMenu .mailboxHome {
        padding-left: 25px;
        background-position: 1px 50%;
    }
}

.link-template {
    color: #bb1d2c !important;
    text-decoration: underline;
}

.documentAttachment li div {
    height: 41px;
}

    .documentAttachment li div.withButton {
        height: 46px;
    }

.documentAttachment li > div {
    width: 100%;
    float: left;
}

.documentAttachment span {
    font-size: 11px;
    line-height: 11px;
    height: 13px;
}

.downloadDocuments .selectAttachment button.deselectAttachment .sprite {
    top: 14px;
    left: 10px;
}

.downloadDocuments .documentAttachment {
    margin: 0;
    padding: 0;
}

    .downloadDocuments .documentAttachment span {
        line-height: 20px;
        padding: 10px 0;
    }

        .downloadDocuments .documentAttachment span.documentName {
            padding-right: 240px;
        }

        .downloadDocuments .documentAttachment span.sizeInformation {
            right: 0;
        }

        .downloadDocuments .documentAttachment span.sizeInformationLong {
            right: 0;
        }

    .downloadDocuments .documentAttachment form {
        margin-bottom: 30px;
    }

    .downloadDocuments .documentAttachment fieldset + span.documentName {
        padding-right: 90px;
    }

.folderDropdown {
    font-size: 13px;
}

    .folderDropdown ul {
        border: 1px solid #999;
    }

        .folderDropdown ul li.spacer {
            border-top: 1px solid #dadada;
        }

        .folderDropdown ul li:hover {
            background-color: #d8eff7;
        }

        .folderDropdown ul li a {
            padding: 0 20px;
            font-size: 12px !important;
            color: #333 !important;
        }

    .folderDropdown span,
    .folderDropdown .more-dropdown {
        color: #bb1d2c;
    }

#infectedMail .errorBox {
    position: relative;
    background-color: #bb1d2c;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 15px 10px 15px 60px;
    margin: 10px 0 35px;
}

    #infectedMail .errorBox .sprite {
        top: 22px;
        left: 28px;
    }

    #infectedMail .errorBox p {
        margin: 10px 0;
        color: #fff;
        padding: 0;
    }

.mail .signDocument span.buttonDisabled:hover {
    cursor: default;
}

.mail .signDocument span.buttonDisabled.basicButton:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: default;
}

.mail .documentAttachment .documentAttachmentHeader {
    color: #333;
    float: left;
}

.mail .documentAttachment .documentAttachmentItem {
    color: #004769;
}

.mail .reply.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

.mail .lockedDocument {
    margin-top: 10px;
}

#mail .loading {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: right 5px center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: right;
}

#MailboxHeader {
    padding: 0 30px 0;
    background-color: #fff;
    padding-left: 0px
}

@media (max-width: 767px) {
    #MailboxHeader {
        padding: 70px 0 0 0;
        margin-top: 0;
        z-index: 3;
    }
}

#MailboxHeader h1 {
    position: relative;
    min-height: 40px;
}

@media (max-width: 767px) {
    #MailboxHeader h1 {
        padding: 20px 10px 15px;
        margin: 0;
    }
}

#MailboxHeader ul.mailboxTopLinks {
    float: right;
}

    #MailboxHeader ul.mailboxTopLinks li {
        float: left;
        height: 30px;
        border-left: 1px solid #e3e3e3;
    }

        #MailboxHeader ul.mailboxTopLinks li:first-child {
            border: none;
        }

        #MailboxHeader ul.mailboxTopLinks li a {
            font-size: 12px;
        }

@media (max-width: 767px) {
    #MailboxHeader ul.mailboxTopLinks div {
        border: none;
    }
}

@media (max-width: 767px) {
    #MailboxHeader ul.mailboxTopLinks div.hover ul {
        left: auto;
        right: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader ul.mailboxTopLinks div a {
        font-size: 0;
        display: block;
    }
}

#MailboxHeader .count {
    color: #bb1d2c;
}

#MailboxHeader .mailboxTopSorting {
    right: 0;
    bottom: 5px;
    width: 280px;
    height: 20px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopSorting {
        padding: 0 10px 0;
    }
}

#MailboxHeader .mailboxTopSorting > span {
    line-height: 13px;
    font-size: 10px;
    color: #666;
    font-weight: bold;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopSorting > span {
        font-size: 12px;
    }
}

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown.hover ul li .sprite {
    top: 8px;
    left: 10px;
}

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > span,
#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown > .sorting-dorpdown {
    line-height: 13px;
    font-size: 14px;
    font-weight: 700
}

#MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul {
    top: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0, .2);
}

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul li a {
        position: relative;
        float: left;
        width: 100%;
        padding: 0 32px;
        line-height: 40px;
        white-space: nowrap;
        color: #000;
        background-color: #fff;
    }

.mailboxTopSortingDropdown.hover ul li:first-child a {
    background-color: white !important;
    cursor: default !important;
    color: #6b6b6b !important;
}

        #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul li a:focus {
            border-bottom: 1px solid #a5c7fe;
        }

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul li:hover a {
        background-color: #d8eff7;
    }

    #MailboxHeader .mailboxTopSorting .mailboxTopSortingDropdown ul li:focus a {
        background-color: #d8eff7;
    }

#MailboxHeader .mailboxTopActions {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

@media (min-width: 768px) {
    #MailboxHeader .mailboxTopActions {
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 45px;
        margin: 0;
        border-width: 1px 0;
        border-style: solid;
        border-color: #ccc;
        background-color: #f5f5f5;
        padding: 0 10px;
        text-align: center;
    }
}

@media (max-width: 450px) {
    #MailboxHeader .mailboxTopActions {
        padding: 0;
        text-align: right;
    }
}

#MailboxHeader .mailboxTopActions div.actionElement {
    height: 40px;
    border: 1px solid #ccc;
    border-left: none;
    background-color: #f5f5f5;
    line-height: 18px;
    float: left;
    position: relative;
    z-index: 3;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement {
        border: none !important;
        margin-top: 1px;
        display: none;
        font-size: 0;
    }
}

#MailboxHeader .mailboxTopActions div.actionElement:first-child {
    border-left: 1px solid #ccc;
}

#MailboxHeader .mailboxTopActions div.actionElement > a,
#MailboxHeader .mailboxTopActions div.actionElement > span {
    font-size: 12px;
    color: #000;
    float: left;
    width: 100%;
    padding: 10px 20px 10px 40px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement > a,
    #MailboxHeader .mailboxTopActions div.actionElement > span {
        font-size: 0;
        width: 30px;
        display: block;
        height: 100%;
        padding: 0;
        overflow: hidden;
        text-indent: -999px;
    }
}

#MailboxHeader .mailboxTopActions div.actionElement > span {
    color: #6b6b6b;
}

#MailboxHeader .mailboxTopActions div.actionElement ul {
    border: 1px solid #ccc;
    max-width: 240px;
}

    #MailboxHeader .mailboxTopActions div.actionElement ul li {
        border-top: 1px solid #ccc;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement ul li {
        text-align: left;
    }
}

#MailboxHeader .mailboxTopActions div.actionElement > ul li.foldersListTopActions ul {
    border: 0 none;
}

#MailboxHeader .mailboxTopActions div.actionElement > ul li.foldersListTopActions li a {
    padding: 10px 15px 10px 52px;
}

    #MailboxHeader .mailboxTopActions div.actionElement > ul li.foldersListTopActions li a .sprite {
        top: 8px;
        left: 25px;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail {
        display: inline-block;
        float: none;
        margin: 0 10px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail > a:after {
        font-size: 0;
    }
}

#MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail > span {
    padding-left: 15px;
}

    #MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail > span:after {
        content: " \25BC";
        font-size: 8px;
        vertical-align: 1.7px;
        font-family: Arial Unicode MS,Lucida Sans Unicode,sans-serif;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail > span:after {
        font-size: 0;
        content: "";
    }
}

#MailboxHeader .mailboxTopActions div.actionElement.moreActionsMail .sprite {
    top: 16px;
    left: 0;
}

#MailboxHeader .mailboxTopActions div.actionElement.noIcon > a,
#MailboxHeader .mailboxTopActions div.actionElement.noIcon > span {
    padding-left: 15px;
}

#MailboxHeader .mailboxTopActions div.actionElement .selectAllCheckbox {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 9px 1px 8px 12px;
    z-index: 2;
}

    #MailboxHeader .mailboxTopActions div.actionElement .selectAllCheckbox:after {
        content: '';
        position: absolute;
        left: 43px;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

#MailboxHeader .mailboxTopActions div.dropdownActions ul li:first-child {
    border-top: none;
}

#MailboxHeader .mailboxTopActions div.dropdownActions ul li .label {
    color: #000;
}

#MailboxHeader .mailboxTopActions div.dropdownActions ul li a:hover {
    background-color: #d8eff7;
}

#MailboxHeader .mailboxTopActions div > a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.replyMail {
        display: inline-block;
        float: none;
        margin: 0 10px;
        padding: 0;
    }
}

#MailboxHeader .mailboxTopActions div.replyMail .sprite {
    top: 11px;
    left: 13px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.replyMail .sprite {
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -7px;
    }
}

#MailboxHeader .mailboxTopActions div.forwardMail .sprite {
    top: 15px;
    left: 14px;
}

#MailboxHeader .mailboxTopActions div.UploadDocument .sprite {
    top: 13px;
    left: 14px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moveMail {
        display: inline-block;
        float: none;
        margin: 0 10px;
        padding: 0;
    }
}

#MailboxHeader .mailboxTopActions div.moveMail .sprite {
    top: 13px;
    left: 12px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moveMail .sprite {
        top: 10px;
        left: 3px;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.deleteMail {
        display: inline-block;
        float: none;
        margin: 0 10px;
        padding: 0;
    }
}

#MailboxHeader .mailboxTopActions div.deleteMail .sprite {
    top: 11px;
    left: 14px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.deleteMail .sprite {
        top: 10px;
        left: 7px;
    }
}

#MailboxHeader .mailboxTopActions div.forwardMail > span {
    cursor: default;
}

#MailboxHeader .mailboxTopActions div.moveMail.hover ul {
    left: -1px;
    right: auto;
    top: 38px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moveMail.hover ul {
        top: 42px;
    }
}

@media screen and (max-width: 450px) {
    #MailboxHeader .mailboxTopActions div.moveMail.hover ul {
        left: auto;
        right: -119px;
    }
}

#MailboxHeader .mailboxTopActions div.moveMail.hover.inactive > a,
#MailboxHeader .mailboxTopActions div.moveMail.hover.inactive > span {
    color: #6b6b6b;
    cursor: default;
}

#MailboxHeader .mailboxTopActions div.deleteMail > span {
    cursor: default;
}

#MailboxHeader .mailboxTopActions div.archiveMail a {
    padding-left: 15px;
    cursor: pointer;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMail.inactive > span {
        cursor: default;
    }
}

#MailboxHeader .mailboxTopActions div.moreActionsMail.loader {
    padding-left: 25px;
}

#MailboxHeader .mailboxTopActions div.moreActionsMail a,
#MailboxHeader .mailboxTopActions div.moreActionsMail span {
    padding-left: 15px;
    cursor: pointer;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMail .sprite {
        top: 16px;
        left: 0;
    }
}

#MailboxHeader .mailboxTopActions div.archiveMail span {
    padding-left: 15px;
    cursor: default;
}

#MailboxHeader .mailboxTopActions div.moreActionsMail > a:after,
#MailboxHeader .mailboxTopActions div.moreActionsMail > span:after {
    content: " \25BC";
    font-size: 8px;
    vertical-align: 1.7px;
    font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
}

#MailboxHeader .mailboxTopActions div.moreActionsMail.inactive > span {
    color: #6b6b6b;
    cursor: default;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMail .sprite {
        top: 16px;
        left: 0;
    }
}

#MailboxHeader .mailboxTopActions div.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    min-height: 0;
}

    #MailboxHeader .mailboxTopActions div.loader.archiveMail {
        padding-left: 20px;
    }

    #MailboxHeader .mailboxTopActions div.loader a,
    #MailboxHeader .mailboxTopActions div.loader span {
        background: none;
    }

    #MailboxHeader .mailboxTopActions div.loader .sprite {
        display: none;
    }

#MailboxHeader .mailboxTopActions div.hover ul {
    right: -1px;
    top: 38px;
    left: auto;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMailLoader {
        background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
        background-position: 5px 50%;
        background-repeat: no-repeat;
        min-height: 0;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMailLoader .sprite {
        display: none;
    }
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions div.moreActionsMailLoader a,
    #MailboxHeader .mailboxTopActions div.moreActionsMailLoader span {
        background: none;
    }
}

#MailboxHeader .mailboxTopActions div > .selectAll.noDropdown {
    width: 48px;
}

#MailboxHeader .mailboxTopActions div .selectAll.noDropdown .selectAllCheckbox:after {
    display: none;
}

#MailboxHeader .mailboxTopActions div.hover ul {
    left: auto;
    right: 0;
}

#MailboxHeader .mailboxTopActions > div.selectAll {
    position: relative;
    float: left;
    width: 65px;
    height: 40px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > div.selectAll {
        position: absolute;
        left: 0;
        display: block;
        width: 75px;
    }
}

#MailboxHeader .mailboxTopActions > div.selectAll:focus ul {
    top: 38px;
    left: -1px;
    right: auto;
}

#MailboxHeader .mailboxTopActions > div.selectAll span {
    padding: 0;
}

#MailboxHeader .mailboxTopActions > div.selectAll .dropdown {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
}

    #MailboxHeader .mailboxTopActions > div.selectAll .dropdown > .select {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        cursor: pointer;
        font-size: 0;
    }

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > div.selectAll .dropdown > .select .sprite {
        right: 19px;
    }
}

#MailboxHeader .mailboxTopActions > div.selectAll ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

    #MailboxHeader .mailboxTopActions > div.selectAll ul li a .selected {
        font-weight: bold;
    }

#MailboxHeader .mailboxTopActions > div.selectAll .hover ul {
    top: 38px;
    left: -1px;
    right: auto;
}

@media (max-width: 767px) {
    #MailboxHeader .mailboxTopActions > div.selectAll > .selectAllCheckbox {
        float: left;
        height: 38px;
        padding: 10px 15px 10px 10px;
        width: 48px;
    }
}

#MailboxHeader .mailboxTopActions .fixedWrapper .mailboxTopActions .disabledSelectOptions input.checkbox + label {
    cursor: default;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
}

#MailboxHeader .mailboxTopActions .fixedWrapper .mailboxTopActions .disabledSelectOptions .dropdown > .select {
    cursor: default;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
}

#MailboxHeader .mailboxTopActions .uploadDocument {
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    padding: 0 5px 0 30px;
    color: #333;
    font-size: 12px;
}

.mailboxHome {
    margin: 1px 0 5px;
}

    .mailboxHome.selected {
        background-color: #fff;
    }

@media (max-width: 767px) {
    .mailboxHome .sprite {
        left: 0;
    }
}

.mailboxHome span {
    font-size: 13px;
}

.mailboxMenu .tabContainer .actions p,
.mailboxMenu .tabContainer .actions a {
    font-size: 13px;
    color: #bb1d2c;
}

.mailboxMenu .tabContainer .filterInput {
    padding: 5px 10px;
    min-width: 100%;
}

.mailboxMenu .leftMenuExpander > a {
    font-size: 13px;
}

.mailboxMenu .filterSendersList {
    padding: 10px 45px 10px 75px;
}

.mailboxMenu .sendersList li a {
    float: left;
    position: relative;
    width: 100%;
    line-height: 30px;
    font-size: 13px;
    height: 30px;
    color: #333;
    border: 0 none;
    display: inline-block;
    white-space: nowrap;
}

    .mailboxMenu .sendersList li a .senderName {
        font-size: 13px;
    }

    .mailboxMenu .sendersList li a .unread {
        padding: 0 2px;
        font-size: 13px;
        color: #bb1d2c;
    }

.mailboxMenu .sendersList li.subscribe a {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 45px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #bb1d2c;
}

.mailboxMenu .foldersList li .expander.loading {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

    .mailboxMenu .foldersList li .expander.loading .sprite {
        display: none !important;
    }

.mailboxMenu .foldersList li a {
    font-size: 13px;
    color: #333;
}

    .mailboxMenu .foldersList li a.selected {
        background-color: #fff;
    }

    .mailboxMenu .foldersList li a span.unread {
        padding: 0 2px;
        font-size: 13px;
        color: #bb1d2c;
    }

.mailboxMenu .foldersList li .sprite.unknown {
    background-position: 0 0;
    width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
    .mailboxMenu #DesktopMenu {
        position: fixed;
        top: 50px;
        left: -280px;
        width: 280px;
        height: 100%;
        padding-bottom: 50px;
        overflow: hidden;
        -moz-transition: left 0.2s ease-in;
        -o-transition: left 0.2s ease-in;
        -webkit-transition: left 0.2s ease-in;
        transition: left 0.2s ease-in;
        background-color: #e3e3e3;
        z-index: 6;
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .mailboxMenu .generalNavigation {
        display: none;
    }
}

@media (max-width: 767px) {
    .mailboxMenu .toggleMailboxMobileMenu {
        position: absolute;
        display: block;
        height: 50px;
        left: 0;
        top: 0;
        width: 50px;
        z-index: 10;
        font-size: 0;
        overflow: hidden;
        text-indent: -999px;
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .mailboxMenu .toggleMailboxMobileMenu .sprite.folder-big {
        display: none;
    }
}

@media (max-width: 767px) {
    .mailboxMenu .toggleMailboxMobileMenu .sprite {
        top: 15px;
        left: 14px;
    }
}

.collapseTablet .mailboxMenu .searchBySender ul li div {
    padding: 2px 0;
}

.collapseTablet .mailboxMenu .searchBySender .emptyIconPlaceholder {
    top: 7px;
    border: 1px solid #ccc;
}

.collapseTablet .mailboxMenu .sendersList li a {
    text-align: center;
}

.collapseTablet .mailboxMenu .foldersList li a {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
}

.collapseTablet .mailboxMenu .foldersList li .subfolders li a div {
    padding-left: 0 !important;
    background-position: 50% !important;
}

.mailboxMenuUsers {
    font-size: 13px;
    color: #333;
}

    .mailboxMenuUsers .logged {
        border: solid 1px #ccc;
    }

        .mailboxMenuUsers .logged div {
            position: relative;
        }

    .mailboxMenuUsers ul {
        border-color: #ccc;
    }

        .mailboxMenuUsers ul li {
            border-color: #ccc;
        }

            .mailboxMenuUsers ul li:hover, .mailboxMenuUsers ul li.hover {
                background-color: #d8eff7;
            }

            .mailboxMenuUsers ul li a {
                color: #000;
            }

                .mailboxMenuUsers ul li a:focus {
                    border-bottom: 1px solid #a5c7fe;
                }

@media (max-width: 767px) {
    .mailboxMobileView #WrapperContentOverlay {
        display: block;
        z-index: 5;
    }
}

@media (max-width: 767px) {
    .mailboxMobileView #LeftMenu.mailboxMenu #DesktopMenu {
        left: 0;
        visibility: visible;
    }
}

#MailList .showMore {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #f5f5f5;
}

    #MailList .showMore a {
        color: #bb1d2c;
        font-size: 13px;
    }

#MailList .loader.showMore {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

#MailList .signDocument span.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    min-height: 0;
}

#MailList .replyDocument .loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

#MailList #Modal .signDocumentInfo span.loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    min-height: 0;
}

.mailList > li.mail {
    position: relative;
}

.mailList > li.mail.unread:before {
    background-color: #bb1d2c;
    width: 5px;
}

.mailList > li.mail.unread .mailSender {
    color: #000;
}

.mailList > li.mail.unread .mailRight .mailDate {
    color: #000;
}

.mailList > li.mail:hover {
    background-color: #F4F6F8;
}

.mailList > li.mail.lastRead {
    background-color: #E6EBF0;
}

.mailList > li.mail.lastRead:hover {
    background-color: #F4F6F8;
}

@media (min-width: 768px) {
    .mailList > li.mail .mailSender,
    .mailList > li.mail .mailHeading {
        line-height: 32px;
        min-height: 32px;
    }
}

.mailList > li.mail.noIcon .mailLeft {
    padding-left: 50px;
}
/*  @media (min-width: 768px) {
    .mailList > li.mail .mailRight {
      padding-right: 110px; } }*/
.mailList > li.mail .mailRight .mailTitle {
    padding-right: 5px;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle {
        padding-left: 0;
    }
}

.mailList > li.mail .mailRight .mailTitle > .sprite {
    left: 0;
    top: 5px;
    font-size: 0;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle > .sprite {
        left: 62px;
        top: 6px;
    }
}

.mailList > li.mail .mailRight .mailTitle > .sprite.mail-reply {
    height: 10px;
    background-position: 0 -803px;
    background-size: 50px;
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle .mailHeading {
        margin-top: 64px;
        color: #004769;
        font-weight: normal !important;
        text-overflow: clip;
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle .mailHeading .sprite {
        top: 4px;
    }
}

@media (max-width: 767px) {
    .mailList > li.mail .mailRight .mailTitle.isModifiedTitle .mailHeading {
        background-position: right center;
        padding-top: 15px;
        padding-bottom: 0;
        margin-top: 25px;
    }
}

.mailList > li.mail .mailRight .mailDate .foldeNameContent {
}

@media (min-width: 768px) {
    .mailList > li.mail .mailRight .mailDate {
        right: 0;
        padding-right: 12px;
        font-size: 13px;
        color: #6b6b6b;
    }
}

.mailList > li.mail.dimmedOut .mailRight .mailTitle .mailHeading .mailTitleText {
    color: #ccc;
}

@media (max-width: 767px) {
    .mailList.receiptList > li.mail .mailSender {
        padding-left: 30px;
    }
}

#newMail .input {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
}

    #newMail .input a {
        color: #014c85;
    }

    #newMail .input span.selectRecipient {
        color: #014c85;
    }

    #newMail .input .to span {
        white-space: nowrap;
    }

#newMail .addToFavorite {
    padding-bottom: 20px;
    padding-left: 10px;
}

#newMail .modalAlert h2 {
    color: #bb1d2c;
}

#newMail .showBlindCarbonCopy {
    text-decoration: underline;
    font-weight: bold;
    color: #014c85;
}

#newMail .inner {
    border-top: #e3e3e3 1px solid;
    background-color: #f5f5f5;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

#newMail .buttonBox {
    padding: 20px 15px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

#newMail .saved {
    float: right;
    line-height: 40px;
    font-size: 12px;
    color: #6b6b6b;
}

#newMail .newMailOptionsPanel .tinymceOptionButton {
    background-color: transparent;
    border: none;
    float: left;
    width: 32px;
    height: 25px;
    font-size: 0;
    cursor: pointer;
    position: relative;
}

#newMail .newMailOptionsPanel .attachmentNewMailDropdown.hover ul {
    left: 30px;
    top: 29px;
}

#newMail .newMailOptionsPanel .attachmentNewMailDropdown ul {
    z-index: 3;
    position: absolute;
    top: -9999px;
    left: -9999px;
    background-color: #14242c;
    max-width: 300px;
    padding: 10px;
    height: 65px;
    border: 1px solid #dadada;
}

    #newMail .newMailOptionsPanel .attachmentNewMailDropdown ul:before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent #14242c;
        border-image: none;
        border-style: solid;
        border-width: 5px;
        content: "";
        height: 0;
        left: 11px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    #newMail .newMailOptionsPanel .attachmentNewMailDropdown ul li button {
        color: #fff;
        background: none !important;
        border: none;
        padding: 0 !important;
        font-size: 12px;
        cursor: pointer;
    }

#newMail .newMailOptionsPanel .stripHTML {
    font-size: 12px;
    line-height: 25px;
    float: right;
    display: block;
    color: #233E4B;
    cursor: pointer;
}

#newMail .mce-tinymce:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #14242c;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    left: 11px;
    position: absolute;
    top: -10px;
    width: 0;
}

@media (max-width: 767px) {
    .notifications-dropdown-visible {
        position: relative;
        width: 100%;
        float: left;
    }
}

@media (max-width: 767px) {
    .notifications-dropdown-visible .payment-actions-menuu {
        position: absolute;
        right: 0;
    }
}

@media (max-width: 767px) {
    .notifications-dropdown-visible .buttonSmall {
        padding-right: 30px;
    }
}

.payment-actions-menu .btn-dropdown {
    background-color: #6b6b6b;
}

    .payment-actions-menu .btn-dropdown:hover {
        background-color: #6b6b6b;
    }

.payment-actions-menu ul {
    border: 1px solid #999;
}

    .payment-actions-menu ul li:hover {
        background-color: #d8eff7;
    }

.recipientContainer li a {
    padding-left: 20px;
    font-size: 13px;
}

    .recipientContainer li a.loading {
        background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
        background-position: 99% 50%;
        background-repeat: no-repeat;
    }

.recipientContainer li .selectRecipientIcon .loading {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
}

.recipientContainer ul li .recipentHasNoChildren {
    padding-left: 20px;
    font-size: 13px;
}

.searchRecipient button {
    background-color: #bb1d2c;
}

    .searchRecipient button .sprite {
        margin-top: -8px;
        margin-left: -8px;
    }

.searchRecipient label {
    font-size: 13px;
}

.searchRecipient .recipientSearchInput {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.16);
}

#Feeds {
    padding-top: 20px;
}

.feedItem {
    border: solid 1px #c6dfec;
}

.feedItemNotification {
    background-color: #d8eff7;
}

/* feedItemWarning */
.feedItem.feedItemWarning {
    border: solid 1px #f0aaaa;
}

    .feedItem.feedItemWarning .feedItemActions li {
        border-left: none !important;
    }

    .feedItem.feedItemWarning a {
        margin-right: 0px;
    }

    .feedItem.feedItemWarning .feedItemNotification {
        background-color: #eec7cb;
    }

        .feedItem.feedItemWarning .feedItemNotification a {
            text-decoration: underline;
            color: inherit;
        }

/*.consent {
    color: $black;
    background: $news-red;
    font-weight:bold;

    .sprite {
        top: 10px;
    }

    .feedItemActions {
        .action-icon {
            left: auto;
            right: 15px;
            top: auto;
        }
    }

    a {
        color: $black !important;
        margin-right: 20px;
        text-decoration-line: underline;
    }
}*/
.feedItemNotificationHighlighted {
    color: #fff;
    background: #233E4B url(/privat/Resources/resources/skins/sweden/img/objects/exclamation-mark-notification-big.png) no-repeat right top;
    padding: 17px 155px 25px 55px;
}

    .feedItemNotificationHighlighted .feedItemTitle {
        position: relative;
        color: #fff;
        line-height: 27px;
        padding-left: 39px;
        margin-left: -40px;
        background: transparent url(/privat/Resources/resources/skins/sweden/img/icons/exclamation-mark-white.png) no-repeat 0 0;
    }

    .feedItemNotificationHighlighted .link {
        text-decoration: underline;
        color: #fff;
    }

.feedItemNotificationWarning,
.feedItemNotificationConfirm {
    color: #fff;
    background-color: #233E4B;
    word-wrap: break-word;
}

.feedItemNotificationRightContainer {
    display: table-cell;
    vertical-align: top;
}

@media (min-width: 601px) {
    .feedItemNotificationRightContainer {
        min-width: 130px;
    }
}

@media (min-width: 601px) {
    .notificationCampaign.feedItemNotification .feedItemNotificationRightContainer {
        min-width: 230px;
    }
}

@media (max-width: 600px) {
    .feedItemNotificationRightContainer,
    .notificationCampaign.feedItemNotification .feedItemNotificationRightContainer {
        width: 90px;
    }
}

.feedItemNewsTitle {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.feedItemNewsReadMore {
    color: #bb1d2c;
}

.feedItemCampaign.publicRegisterCampaign .feedItemText {
    min-height: 55px;
}

.feedItemButton {
    background-color: #37535e;
}

.dimmedOut .FeedActivityTileToolbar.documentToolbar a,
.dimmedOut .tileTitleBox .tileTitleBoxContent,
.dimmedOut .tileDocumentNote span a {
    color: #ccc;
}

.tileNotRead {
    background: #f5f5f5;
    border-left: 3px solid #bb1d2c;
}

    .tileNotRead:hover {
        background-color: #d8eff7;
    }

.tileTitle {
    position: relative;
    float: left;
    margin: 0;
    padding-left: 35px;
    line-height: 29px;
    font-weight: normal;
    word-wrap: break-word;
    width: 100%;
    color: #004769;
    cursor: pointer;
    width: 100%;
    float: left;
}

    .tileTitle .tileTitleText {
        color: #004769;
        cursor: pointer;
        width: 100%;
        float: left;
    }

.tileSignButton,
.tileDeclineButton,
.tileStatusButton,
.tilePayButton {
    margin-left: 0;
    margin-bottom: 5px;
}

.tileSignButton,
.tileDeclineButton,
.tilePayButton {
    margin-right: 10px;
}

.tileTooltip {
    float: left;
    clear: both;
    width: 100%;
}

#EmailRuleContainer #AttentionValue {
    padding: 0 20px;
}

.cancelDescription,
.confirmCancellationMessage {
    line-height: 18px;
}

#ConfirmCancellation .buttons,
#CancelEboks .buttons,
#CancellationFail .buttons {
    margin-left: -5px;
}

#movePublicMailContainer .loadMoreButton {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: 5% 50%;
    background-repeat: no-repeat;
}

#ReceiptRulesTop p {
    font-size: 13px;
}

.receiptsList span {
    width: 30%;
    float: left;
}

.affiliations-description {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.affiliationsList {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .affiliationsList li {
        position: relative;
        float: left;
        width: 100%;
        line-height: 26px;
        border-bottom: 1px solid #ccc;
        padding: 7px 0;
    }

    .affiliationsList .affiliations-item {
        display: inline-block;
    }

    .affiliationsList .affiliations-item-name {
        font-weight: normal;
    }

.activate-role-management {
    border: 1px solid #ccc;
}

.system-integration.notifications {
    margin-top: 10px;
}

    .system-integration.notifications .show-more {
        float: right;
    }

.system-integration .buttons {
    padding: 10px 0;
}

.system-integration .fixed-width {
    width: 140px;
}

.system-integration .expire-soon {
    color: #bb1d2c;
}

.system-integration .system-state {
    margin: 5px;
}

.system-integration .controls .button {
    float: right;
    margin-right: 0;
}

@media (max-width: 767px) {
    .system-integration .buttons-row button {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.system-integration .table > tbody > tr {
    border-top: 1px solid #dadada;
}

    .system-integration .table > tbody > tr > td {
        border-top: none;
    }

.system-integration .buttons-row button:first-child {
    margin-left: 0;
}

.system-integration .buttons,
.system-integration form,
.system-integration p,
.system-integration ul,
.system-integration li {
    float: left;
    width: 100%;
}

.system-integration .buttons,
.system-integration form {
    position: relative;
}

.system-integration p,
.system-integration ul,
.system-integration a,
.system-integration table {
    font-size: 13px;
}

.system-integration li {
    line-height: 16px;
    padding: 4px 0;
}

.system-integration table p {
    margin: 0;
}

#VerifyMobile #confirm {
    margin-bottom: 5px;
}

#VerifyMobile .greyForm {
    margin-bottom: 15px;
}

.updateProfileGroupForm .buttons {
    background-color: #f5f5f5 !important;
    border-top: #dadada 1px solid !important;
    border-bottom: #dadada 1px solid !important;
}

    .updateProfileGroupForm .buttons .basicButton {
        opacity: 0.5 !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
        filter: alpha(opacity=50) !important;
        background-color: #000 !important;
        color: #fff !important;
    }

.updateProfileGroupForm > section {
    background-color: #f5f5f5 !important;
    border-top: #dadada 1px solid !important;
}

.searchContainer input {
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    padding: 8px 10px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-right: 64px solid transparent;
}

.searchContainer button {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 35px;
    border: 0 none;
    cursor: pointer;
    background-color: #bb1d2c;
}

    .searchContainer button .sprite {
        top: 50%;
        left: 50%;
        margin-top: -17px;
        margin-left: -17px;
    }

        .searchContainer button .sprite.search-button {
            display: none;
        }

.searchContainer a {
    padding-left: 12px;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #bb1d2c;
}

#SenderLogo {
    padding: 10px;
}

#SubscriptionsList li {
    line-height: 22px;
    border-bottom: 1px solid #ccc;
    padding: 7px 0;
}

#SubscriptionsList a {
    padding: 0 10px;
    font-size: 13px;
}

#SubscriptionsList > p,
#SubscriptionsList span {
    font-size: 13px;
}

.itemPadding {
    padding: 0 10px;
}

#SenderInfo p,
#SenderInfo li {
    font-size: 13px;
    line-height: 1.25;
}

#SenderInfo div:first-child {
    padding-right: 15px;
    word-wrap: break-word;
}

#SenderInfo div p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#RegistrationAliasForm .helpText {
    margin-top: 13px;
}

#RegistrationAliasForm .inputError p {
    float: left;
    clear: both;
    width: 100%;
    line-height: 20px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}

#RegistrationAliasForm fieldset input {
    font-size: 13px;
    width: 100%;
    background: #fff;
    float: left;
    padding: 8px 7px;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 2px;
    font-weight: normal;
}

.registrationButtons {
    margin-top: 10px;
    margin-left: -5px;
}

    .registrationButtons .button {
        margin-top: 10px;
        height: auto;
        line-height: 16px;
        padding: 12px 30px;
    }

.sendersList li span,
.sendersList a.linkSmall {
    font-size: 13px;
}

#PublicSenders .public-senders-logo {
    float: left;
    padding: 10px;
    background-color: #fff;
}

#PublicSenders .public-senders-title {
    width: auto;
    margin: 15px 0 0 30px;
}

#PublicSenders .public-senders-button-note {
    display: inline-block;
    width: auto;
    margin: 15px 0 0 10px;
}

#PublicSenders .public-senders-list-title {
    padding: 50px 0 5px;
}

.signingContainer {
    width: 100%;
    min-height: 250px;
    float: left;
    position: relative;
}

    .signingContainer > div {
        top: 100px;
        margin: 0 auto;
    }

    .signingContainer > iframe {
        height: 300px;
        margin-bottom: 30px;
    }

.signUpHelpForm {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-top: 100px;
    margin-left: 30px;
}

@media (max-width: 600px) {
    .signUpHelpForm {
        position: static;
        padding: 0 30px;
        float: none;
        margin: 0;
    }
}

.signUpHelpForm .links ul li {
    margin: 0 0 10px 0;
}

    .signUpHelpForm .links ul li a {
        color: #bb1d2c;
    }

.signUpHelpForm h2 {
    font-size: 24px;
    font-weight: 100;
    border-bottom: solid 1px #dadada;
    padding: 10px 0;
    margin: 0 0 20px 0;
}

.registrationForm {
    max-width: 400px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 3px 4px #f0f0f0;
}

@media (max-width: 565px) {
    .registrationForm {
        overflow: hidden;
        float: none;
    }
}

.registrationForm .registrationDisclaimerText {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
}

.registrationForm .registrationInfoText {
    padding: 0 10px;
    float: left;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 30px;
}

.registrationForm .loader {
    float: none;
    min-height: 200px;
    margin-bottom: 50px;
}

.registrationForm .modalContent {
    padding: 20px;
}

.registrationForm .inputError {
    width: 100%;
}

@media (max-width: 600px) {
    .customLogon {
        padding: 0;
    }
}

.registrationContent {
    text-align: center;
}

.registrationBox {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

@media (max-width: 600px) {
    .registrationBox {
        width: 350px;
    }
}

.registrationBox .feedItem {
    border: 0;
    max-width: 280px;
}

.registrationHeaders h2,
.registrationHeaders h3 {
    text-align: center;
    float: none;
}

.modal-mail-image {
    display: block;
    padding: 20px 0;
    margin: 0 auto;
    height: 160px;
}

.registrationFormContainer {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin: 0;
    width: 100%;
}

    .registrationFormContainer .subscribeHeader {
        color: #6b6b6b;
        font-size: 20px;
        font-weight: 600;
    }

    .registrationFormContainer .subscribeText {
        font-size: 13px;
        margin: 30px 20px 50px;
        line-height: 20px;
    }

    .registrationFormContainer .disclaimerText {
        margin: 60px 0 30px;
        padding: 0 25px;
        font-size: 12px;
        text-align: left;
        line-height: 16px;
    }

    .registrationFormContainer .acceptButton {
        margin: 0 auto;
        float: none;
        font-size: 13px;
    }

    .registrationFormContainer .declineButton {
        color: #7f7f7f;
        display: block;
        font-size: 13px;
        margin: 10px auto;
    }

        .registrationFormContainer .declineButton:hover {
            cursor: pointer;
            color: #333;
        }

.registrationButtonsContainer {
    text-align: center;
}

    .registrationButtonsContainer a {
        display: inline-block;
    }

        .registrationButtonsContainer a ~ a {
            margin-left: 15%;
        }

.registerButton {
    margin: 0 auto;
    float: none;
    font-size: 13px;
    position: relative;
    display: block;
    font-size: 13px;
    width: 100%;
}

.rememberMe {
    position: relative;
    margin: 30px auto 20px;
    width: 60%;
}

.rememberMeHelpIcon {
    position: absolute;
    margin: 2px 0 0 5px;
}

.rememberMeHelpText {
    margin: 20px auto;
    font-size: 12px;
    text-align: justify;
    line-height: 16px;
    max-width: 300px;
}

.mdInputContainer {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}

    .mdInputContainer .bar {
        position: relative;
        display: block;
        font-size: 13px;
        width: 100%;
    }

        .mdInputContainer .bar:before, .mdInputContainer .bar:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #bb1d2c;
            -ms-transition: 0.2s ease all;
            -o-transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
            transition: 0.2s ease all;
        }

        .mdInputContainer .bar:before {
            left: 50%;
        }

        .mdInputContainer .bar:after {
            right: 50%;
        }

    .mdInputContainer .hasTextValue ~ label {
        top: -15px;
        font-size: 13px;
        color: #bb1d2c;
    }

    .mdInputContainer input {
        border: none;
        border-bottom: 1px solid #7f7f7f;
        display: block;
        font-size: 13px;
        padding: 10px 10px 10px 5px;
        width: 100%;
    }

        .mdInputContainer input:focus {
            outline: none;
            border-bottom-color: transparent;
        }

            .mdInputContainer input:focus ~ label {
                top: -15px;
                font-size: 13px;
                color: #bb1d2c;
            }

            .mdInputContainer input:focus ~ .bar:before, .mdInputContainer input:focus ~ .bar:after {
                width: 50%;
            }

        .mdInputContainer input.ng-invalid ~ label {
            top: -15px;
            font-size: 13px;
            color: #bb1d2c;
        }

    .mdInputContainer label {
        color: #999;
        font-size: 13px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        -ms-transition: 0.2s ease all;
        -o-transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        transition: 0.2s ease all;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }

    .mdInputContainer .input-prepend {
        width: 40px;
        color: inherit;
        padding: 5px;
        top: 5px;
    }

        .mdInputContainer .input-prepend.bg-grey {
            background-color: #e3e3e3;
        }

        .mdInputContainer .input-prepend + input[type='text'] {
            padding-left: 50px;
        }

            .mdInputContainer .input-prepend + input[type='text'] ~ label {
                padding-left: 50px;
            }

            .mdInputContainer .input-prepend + input[type='text']:focus ~ label,
            .mdInputContainer .input-prepend + input[type='text'].ng-invalid ~ label,
            .mdInputContainer .input-prepend + input[type='text'].hasTextValue ~ label {
                padding-left: inherit;
                left: 5px;
            }

#CategoryTiles .tile .button {
    overflow: hidden;
}

    #CategoryTiles .tile .button:hover {
        opacity: 1;
    }

#MainContent .helpbody h1 {
    margin-top: 0;
}

.helpbody .head_line {
    width: 100%;
    padding-top: 0;
    margin-bottom: 15px;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.helpbody .tile_sm {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 50px 35px -20px;
    height: 110px;
    width: 140px;
}

    .helpbody .tile_sm.grey p {
        position: absolute;
        line-height: 16px;
        padding: 0 10px 5px;
        bottom: 0;
    }

    .helpbody .tile_sm.red p {
        position: absolute;
        line-height: 16px;
        padding: 0 10px 5px;
        bottom: 0;
    }

.helpbody .links ul {
    padding: 10px 5px 5px 0;
    list-style: none;
    max-width: 550px;
}

.helpbody .links a {
    text-decoration: none;
    margin: 10px 0;
}

.helpbody .links li .sprite {
    top: 8px;
    left: 0;
}

    .helpbody .links li .sprite.footer-chevron {
        display: none;
    }

.helpbody .column_20 {
    width: 25%;
}

.helpbody .column_80 {
    width: 60%;
}

.helpbody .offset.column_20, .helpbody .offset.column_33, .helpbody .offset.column_32, .helpbody .offset.column_50, .helpbody .offset.column_66, .helpbody .offset.column_80, .helpbody .offset.column_100 {
    margin-left: -4px;
}

.helpbody h2,
.helpbody h3 {
    float: none;
}

.helpbody h2 {
    padding-top: 5px;
    font-weight: 100;
    font-size: 24px;
    line-height: 30px;
}

.helpbody ol {
    list-style: decimal;
    padding-left: 20px;
}

.buttonContent {
    padding-right: 25px;
    width: 70%;
    float: left;
    position: relative;
    margin: 1px;
}

.categoryTiles {
    width: 93%;
    float: left;
    position: inherit;
    margin: 23px;
    margin-top: 0px;
}

.categories {
    width: 100%;
    border-bottom: 1px solid #dadada;
    margin: 7px;
}

.categoriesNewSenders {
    width: 100%;
    margin: 7px;
}

.header {
    padding: 20px 0;
}

#SearchResults .group {
    margin: 15px 0 0;
}

#Footer {
    position: relative;
    float: left;
    background-color: #14242c;
    width: 100%;
    overflow: hidden;
    left: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
}

#Footer p {
    margin: 18px 0 0;
    font-size: 13px;
    float: left;
    line-height: 16px;
}

#Footer footer {
    padding: 30px calc(35% - 280px) 40px 40px;
    float: left;
    width: 100%;
}

    #Footer footer .loading {
        position: fixed;
        bottom: 0;
        padding-left: 280px;
    }

@media (min-width: 768px) and (max-width: 992px) {
    #Footer footer .loading {
        padding-left: 70px;
    }
}

#Footer footer .footerLogo {
    float: left;
    height: 40px;
    padding: 5px 15px 5px 0;
}

#Footer footer .footerTranslate {
    float: right;
    border: 1px solid #fff;
    height: 40px;
    position: relative;
    margin-left: 15px;
    padding: 0 0 0 18px;
    line-height: 38px;
    font-size: 13px;
    cursor: pointer;
    clear: right;
}

    #Footer footer .footerTranslate span, #Footer footer .footerTranslate .language-dropdown {
        float: left;
        color: #fff;
    }

#Footer footer .footerTranslateDropdown {
    position: relative;
    float: left;
    padding: 0;
}

    #Footer footer .footerTranslateDropdown span, #Footer footer .footerTranslateDropdown .language-dropdown {
        position: relative;
        float: left;
        width: 100%;
        padding: 0 18px 0 10px;
        font-weight: bold;
        color: #fff;
    }

        #Footer footer .footerTranslateDropdown span:after, #Footer footer .footerTranslateDropdown .language-dropdown:after {
            content: '\25BC';
            font-size: 8px;
            vertical-align: 1.7px;
            font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
            color: #fff;
            float: right;
            margin-left: 3px;
        }

    #Footer footer .footerTranslateDropdown ul {
        max-height: 84px;
        overflow-y: auto;
    }

        #Footer footer .footerTranslateDropdown ul li a {
            position: relative;
            float: left;
            width: 100%;
            padding: 3px 20px 3px 10px;
            margin: 2px 0px 2px 0px;
            line-height: 30px;
            font-weight: bold;
            font-size: 13px;
            color: #fff;
        }

#Footer footer .footerTranslate ul {
    position: absolute;
    left: -9999px;
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px;
    background: none repeat scroll 0 0 #14242c;
    top: 38px;
    z-index: 10;
}

    #Footer footer .footerTranslate ul li {
        position: relative;
        float: left;
        width: 100%;
        white-space: nowrap;
    }

#Footer footer .footerTranslate.hover ul {
    left: auto;
    right: -1px;
}

#Footer footer .footerHiddenLanguages {
    display: none;
    clear: both;
}

#Footer footer .footerLinks {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

    #Footer footer .footerLinks span, #Footer footer .footerLinks .footer-links-dropdown {
        display: none;
    }

    #Footer footer .footerLinks ul {
        float: left;
        width: 100%;
        position: relative;
        list-style: none;
    }

        #Footer footer .footerLinks ul li {
            float: left;
            margin: 0 15px;
        }

            #Footer footer .footerLinks ul li a {
                text-decoration: underline;
                color: #fff;
                font-size: 13px;
                float: left;
            }

            #Footer footer .footerLinks ul li:first-child {
                margin-left: 0;
            }

@media (max-width: 767px) {
    #Footer footer {
        padding: 30px;
    }

        #Footer footer p {
            text-align: center;
            line-height: 16px;
        }

        #Footer footer ul {
            max-height: none;
        }

        #Footer footer .footerLogo {
            display: none;
        }

        #Footer footer .footerTranslate {
            width: 100%;
            margin: 0;
            text-align: center;
            height: auto;
            padding: 0;
        }

            #Footer footer .footerTranslate:before {
                display: none;
            }

            #Footer footer .footerTranslate.hover ul {
                left: auto;
                right: auto;
                padding: 3px 0;
                position: relative;
                top: auto;
                border: 0 none;
            }

            #Footer footer .footerTranslate span, #Footer footer .footerTranslate .language-dropdown {
                float: none;
            }

        #Footer footer .footerTranslateDropdown {
            float: none;
            position: static;
            display: inline;
            margin-left: 0;
        }

            #Footer footer .footerTranslateDropdown ul li a {
                border-top: 1px solid #fff;
                width: 100%;
            }

            #Footer footer .footerTranslateDropdown span {
                float: none;
                width: auto;
            }

                #Footer footer .footerTranslateDropdown span:after {
                    float: none;
                }

        #Footer footer .footerLinks {
            float: left;
            border: 1px solid #fff;
            position: relative;
            line-height: 40px;
            font-size: 13px;
            cursor: pointer;
            clear: right;
            text-align: center;
        }

            #Footer footer .footerLinks ul {
                left: -9999px;
                position: absolute;
            }

                #Footer footer .footerLinks ul li {
                    float: none;
                    display: inline;
                }

                    #Footer footer .footerLinks ul li:first-child {
                        margin: 0 15px;
                    }

                    #Footer footer .footerLinks ul li a {
                        color: #fff;
                        float: none;
                        font-size: 13px;
                        line-height: 30px;
                        padding: 3px 0;
                        text-decoration: none;
                    }

            #Footer footer .footerLinks.hover ul {
                display: block;
                position: relative;
                left: auto;
                top: 0 !important;
            }

            #Footer footer .footerLinks span, #Footer footer .footerLinks .footer-links-dropdown {
                color: #fff;
                display: inline;
            }

                #Footer footer .footerLinks span:after, #Footer footer .footerLinks .footer-links-dropdown:after {
                    content: '\25BC';
                    font-size: 8px;
                    vertical-align: 1.7px;
                    font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
                    color: #fff;
                    margin-left: 3px;
                }

        #Footer footer .footerHiddenLanguages {
            display: none;
        }
}

#Header {
    position: relative;
    float: left;
    width: 100%;
    background-color: #233E4B;
    z-index: 30;
}

@media (max-width: 767px) {
    #Header {
        position: static;
        float: none;
    }
}

@media (max-width: 767px) {
    #Header .mobileSearchBarVisible form fieldset {
        display: block;
    }
}

#Header nav {
    position: relative;
    float: left;
    width: 100%;
    padding: 35px 20px 35px 0;
}

@media (min-width: 768px) and (max-width: 992px) {
    #Header nav {
        padding: 15px 20px 15px 0;
    }
}

@media (max-width: 767px) {
    #Header nav {
        position: absolute;
        padding: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 0;
        z-index: 120;
    }
}

.ie8 #Header nav {
    max-width: 980px;
}

    .ie8 #Header nav button .sprite {
        top: 0;
        margin-top: -15px;
    }

#Header nav form {
    position: relative;
    width: 100%;
    padding-right: 285px;
    z-index: 1;
}

@media (max-width: 767px) {
    #Header nav form {
        padding: 0;
        width: 100%;
        float: left;
        position: relative;
        z-index: 3;
        display: none;
        padding: 8px;
        background-color: #bb1d2c;
    }
}

.modalVisible #Header nav form.showSearch {
    display: none;
}

@media (max-width: 767px) {
    #Header nav form.showSearch {
        display: block;
        height: 56px;
    }
}

#Header nav form fieldset {
    height: 40px;
    padding: 0 30px;
    width: 100%;
    overflow: visible;
    position: relative;
}

@media (max-width: 767px) {
    #Header nav form fieldset {
        padding: 0;
    }
}

#Header nav form fieldset input {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 16px;
    padding: 10px 85px 10px 15px;
    border: 1px solid #ccc;
    border-right: 0 none;
    background-color: #fff;
    -moz-box-shadow: inset 0 1px 4px #ccc;
    -webkit-box-shadow: inset 0 1px 4px #ccc;
    box-shadow: inset 0 1px 4px #ccc;
}

#Header nav form button {
    position: absolute;
    right: 30px;
    top: 0;
    width: 70px;
    height: 40px;
    border: 0 none;
    background-color: #bb1d2c;
    cursor: pointer;
}

@media (max-width: 767px) {
    #Header nav form button {
        background-color: transparent;
        right: 0;
    }
}

#Header nav form button .sprite {
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
}

@media (max-width: 767px) {
    #Header nav form button .sprite {
        top: 14px;
        left: 29px;
        margin: 0;
    }
}

#Header nav form button .sprite.search-grey {
    display: none;
}

@media (max-width: 767px) {
    #Header nav form button .sprite.search-grey {
        display: inline-block;
    }
}

#Header nav .buttonHeader {
    position: relative;
    float: right;
    display: block;
    width: 75px;
    height: 40px;
    margin: 0 10px 0 0;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background-color: #000;
    z-index: 2;
}

@media (max-width: 767px) {
    #Header nav > .buttonHeader {
        display: none;
    }
}

.headerMenu, .overviewHeaderMenu {
    position: relative;
    float: right;
    width: 105px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 0 0 0 40px;
    overflow: visible;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background-color: #000;
    z-index: 2;
}

@media (max-width: 767px) {
    .headerMenu, .overviewHeaderMenu {
        margin: 0;
        width: 50px;
        color: transparent;
        height: 50px;
        background-position: 50% 50%;
        z-index: 4;
        content: '';
    }
}

.modalVisible .headerMenu, .modalVisible .overviewHeaderMenu {
    display: none;
}

.headerMenu.hover, .overviewHeaderMenu.hover {
    background-color: #fff;
}

    .headerMenu.hover .header-menu, .overviewHeaderMenu.hover .header-menu {
        display: none;
    }

    .headerMenu.hover .header-menu-dark, .overviewHeaderMenu.hover .header-menu-dark {
        display: block;
    }

    .headerMenu.hover > span,
    .headerMenu.hover > .headerMenuButton, .overviewHeaderMenu.hover > span,
    .overviewHeaderMenu.hover > .headerMenuButton {
        height: 52px;
        border: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        background-color: #fff;
        color: #000;
    }

.unfixedHeading .headerMenu.hover > span:after, .unfixedHeading
.headerMenu.hover > .headerMenuButton:after, .unfixedHeading .overviewHeaderMenu.hover > span:after, .unfixedHeading
.overviewHeaderMenu.hover > .headerMenuButton:after {
    content: " \25b2";
    font-size: 8px;
    vertical-align: 1.7px;
}

@media (max-width: 767px) {
    .headerMenu.hover > span,
    .headerMenu.hover > .headerMenuButton, .overviewHeaderMenu.hover > span,
    .overviewHeaderMenu.hover > .headerMenuButton {
        height: 51px;
        background-color: #fff;
        background-position: 50% -38px;
    }
}

.headerMenu.hover .dropdown, .overviewHeaderMenu.hover .dropdown {
    left: auto;
    right: 0;
}

.headerMenu:focus, .overviewHeaderMenu:focus {
    outline: 0;
}

.headerMenu .hotlinks, .overviewHeaderMenu .hotlinks {
    margin-top: 15px;
    display: inline-block;
    list-style: disc;
    color: #bb1d2c;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .headerMenu .hotlinks, .overviewHeaderMenu .hotlinks {
        list-style: initial;
        color: #bb1d2c;
        list-style-type: disc !important;
        list-style-position: inside !important;
        width: 100%;
        padding-left: 30px;
    }
}

.headerMenu .hotlinks li, .overviewHeaderMenu .hotlinks li {
    line-height: 22px;
}

    .headerMenu .hotlinks li a, .overviewHeaderMenu .hotlinks li a {
        margin: 0;
        line-height: initial;
        color: #bb1d2c;
        font-size: 13px;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .headerMenu .hotlinks li a, .overviewHeaderMenu .hotlinks li a {
        font-size: 13px;
        font-weight: 500;
    }
}

.headerMenu .dropdown, .overviewHeaderMenu .dropdown {
    position: absolute;
    top: 51px;
    left: -9999px;
    width: 320px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1;
}

@media (max-width: 767px) {
    .headerMenu .dropdown, .overviewHeaderMenu .dropdown {
        left: auto;
        right: 9999px;
        top: 50px;
    }
}

.headerMenu .dropdown > li, .overviewHeaderMenu .dropdown > li {
    padding: 20px;
}

.headerMenu .dropdown .topMenuItemRegistrations, .overviewHeaderMenu .dropdown .topMenuItemRegistrations {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .headerMenu .dropdown .topMenuItemSettings, .overviewHeaderMenu .dropdown .topMenuItemSettings {
        padding-bottom: 0;
    }
}

.headerMenu .dropdown .text, .overviewHeaderMenu .dropdown .text {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 0 30px;
    line-height: 24px;
    font-size: 13px;
    color: #bb1d2c;
    font-weight: 500;
}

@media (max-width: 767px) {
    .headerMenu .dropdown .text, .overviewHeaderMenu .dropdown .text {
        line-height: 21px;
        font-size: 13px;
        font-weight: 500;
    }
}

.headerMenu .dropdown .desc, .overviewHeaderMenu .dropdown .desc {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #7f7f7f;
    line-height: 1.4;
}

.headerMenu .dropdown .sprite.header-menu-link, .overviewHeaderMenu .dropdown .sprite.header-menu-link {
    width: 100%;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .headerMenu .dropdown .sprite.header-menu-link, .overviewHeaderMenu .dropdown .sprite.header-menu-link {
        display: none;
    }
}

.headerMenu .dropdown .sprite.help, .overviewHeaderMenu .dropdown .sprite.help {
    margin-top: 0;
}

.headerMenu li em, .overviewHeaderMenu li em {
    left: 0px;
    margin-top: 4px;
}

    .headerMenu li em.header-menu-link, .overviewHeaderMenu li em.header-menu-link {
        margin-top: 0;
    }

.headerMenu > a, .overviewHeaderMenu > a {
    z-index: 99999999;
    width: 50px;
    height: 50px;
    display: block;
    right: 0;
    top: 0;
    position: fixed;
}

.headerMenu > span,
.headerMenu > .headerMenuButton, .overviewHeaderMenu > span,
.overviewHeaderMenu > .headerMenuButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 40px;
    padding: 0 0 0 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 2;
    border: 1px solid transparent;
    cursor: pointer;
    color: #fff;
}

.unfixedHeading .headerMenu > span:after, .unfixedHeading
.headerMenu > .headerMenuButton:after, .unfixedHeading .overviewHeaderMenu > span:after, .unfixedHeading
.overviewHeaderMenu > .headerMenuButton:after {
    content: " \25BC";
    font-size: 8px;
    vertical-align: 1.7px;
    font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
}

@media (max-width: 767px) {
    .headerMenu > span,
    .headerMenu > .headerMenuButton, .overviewHeaderMenu > span,
    .overviewHeaderMenu > .headerMenuButton {
        text-indent: -999px;
        width: 50px;
        height: 50px;
        background-position: 50% 2px;
        color: #fff;
    }
}

.headerMenu > span .sprite,
.headerMenu > .headerMenuButton .sprite, .overviewHeaderMenu > span .sprite,
.overviewHeaderMenu > .headerMenuButton .sprite {
    top: 15px;
    left: 20px;
}

@media (max-width: 767px) {
    .headerMenu > span .sprite,
    .headerMenu > .headerMenuButton .sprite, .overviewHeaderMenu > span .sprite,
    .overviewHeaderMenu > .headerMenuButton .sprite {
        top: 17px;
        left: 18px;
    }
}

.headerMenu .header-menu-dark,
.headerMenu .header-menu-gray, .overviewHeaderMenu .header-menu-dark,
.overviewHeaderMenu .header-menu-gray {
    display: none;
}

.topMenuItemHelp {
    display: none;
}

@media (max-width: 767px) {
    .topMenuItemHelp {
        display: block;
    }
}

@media (max-width: 767px) {
    .topMenuItemHelp:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}

.topMenuItemLogoff {
    display: none;
}

@media (max-width: 767px) {
    .topMenuItemLogoff {
        display: block;
        border-top: 1px solid #ccc;
    }
}

@media (max-width: 767px) {
    .topMenuItemLogoff:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}

.topMenuItemRegistrations > .inner-dropdown,
.topMenuItemSettings > .inner-dropdown {
    display: block;
    padding-bottom: 5px;
}

.hideHeaderMenu {
    display: none;
}

@media (max-width: 767px) {
    .hideHeaderMenu {
        display: block;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContainer .confirm-access-details-container ul li label.bold {
    width: 20%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContainer .attachmentItemUnderlined {
    border-bottom: 1px solid #e3e3e3 !important;
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent .buttons.no-bg {
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent li.signDocumentInfo button {
        margin: 5px;
    }
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .additionalBottomSpace {
    padding-bottom: 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent ul li span {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .row > span {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent input[type="radio"] + label {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent input.checkbox + label.text {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .nativeDate:after {
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sprite.png);
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent form.ng-submitted input[type="text"] .ng-invalid, .ng-modal-dialog .ng-modal-dialog-content .modalContent form.ng-submitted input[type="password"] .ng-invalid {
    border: 2px solid #bb1d2c;
    border-radius: 3px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .half > p {
    margin: 20px 0 0;
    padding: 0 10px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .basicButton {
    background-color: #dadada;
    color: #000;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .steps {
    background-color: #e3e3e3;
    border: #ccc 1px solid;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .step {
        margin-top: -1px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .current {
        margin-top: -1px;
        background-color: #233E4B;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowBackground {
        border-color: transparent transparent transparent #233E4B;
        background-color: #e3e3e3;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowBorder {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .steps .arrowInactive .arrowBackground {
        border-color: transparent transparent transparent #e3e3e3;
        background-color: #233E4B;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .notification {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 35px;
    height: auto;
    min-height: 65px;
    padding: 20px 20px 20px 55px;
    background-color: #d8eff7;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .notification .sprite {
        top: 19px;
        left: 20px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .notification p {
        position: relative;
        float: left;
        width: 100%;
        left: 5px;
        margin: 0;
        padding: 0;
        line-height: 22px;
        font-size: 13px;
        color: #000;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .generalError {
    background-color: #bb1d2c;
}

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .generalError .sprite {
        top: 23px;
        left: 20px;
    }

    .ng-modal-dialog .ng-modal-dialog-content .modalContent .generalError.partOfCorrespondence {
        margin: 0px;
    }

.ng-modal-dialog .ng-modal-dialog-content .modalContent .documentInfo span {
    font-size: 13px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .contactInfo span:last-child {
    font-weight: bold;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent li.signDocumentInfo > span {
    float: left;
    padding-top: 7px;
    margin-right: 5px;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .item {
    position: relative;
    float: left;
    width: 100%;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .attachmentsIndent {
    padding-left: 20px !important;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalSearch .inputIcon {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 22px;
    height: 22px;
    border: 1px solid #dadada;
    background-color: #fff;
    max-width: none;
    max-height: none;
    z-index: 2;
}

.ng-modal-dialog .ng-modal-dialog-content .modalContent .modalSearch input.iconInput {
    padding-left: 32px;
}

@media (max-width: 320px) {
    .ng-modal-dialog .ng-modal-dialog-content .modalContent#DeleteAffiliationModal .modalHeader h2 {
        font-size: 28px;
    }
}

.ng-modal-dialog.fullScreen .viewDocument .document-loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    float: none;
}

.ng-modal-dialog.fullScreen .viewDocument .elements-wrapper {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .newMailModalVisible .ng-modal-dialog {
        top: 50px !important;
    }
}

.modalContent label {
    font-size: 13px;
}

    .modalContent label.loading {
        background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    }

    .modalContent label + .textLabel {
        padding-bottom: 0;
    }

.modalContent p {
    font-size: 13px;
}

.modalContent .buttons {
    padding: 20px 15px;
    border-top: #e3e3e3 1px solid;
    border-bottom: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

    .modalContent .buttons.no-bg {
        padding: 0;
        border: none;
        background-color: transparent;
    }

.modalContent .modalSection {
    border-top: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .modalContent .modalSection {
        padding: 5px 10px;
    }
}

.modalContent .modalSection.no-bg {
    background: transparent;
    border: none;
    padding: 0;
}

@media (max-width: 767px) {
    .modalContent .modalSection.no-bg {
        padding: 5px 10px;
    }
}

.modalContent .modalSection .selectedCompany .loader {
    background-image: url(/privat/Resources/resources/skins/sweden/img/preloaders/loading_20x20.gif);
    background-position: left 5px center;
    background-repeat: no-repeat;
    min-height: 0;
}

.modalContent .modalSection .notification-section-header {
    padding: 10px 0;
}

.modalContent .modalSection .notification-section {
    padding-left: 20px;
}

    .modalContent .modalSection .notification-section .modalSection {
        padding: 10px 0;
    }

.modalContent .modalSection .notification-sprite {
    padding-left: 15px;
    position: relative;
}

    .modalContent .modalSection .notification-sprite .sprite {
        top: 7px;
        left: 0;
    }

.modalAlert .modalHeader h2 {
    padding-left: 50px;
    color: #bb1d2c;
}

#Modal #SearchResults .group {
    margin: 0;
}

.welcomeModal {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .welcomeModal {
        border: none;
        height: auto;
    }
}

.welcomeModal .arrow {
    position: absolute;
    height: 100%;
    z-index: 10;
}

    .welcomeModal .arrow img {
        height: auto;
        width: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        cursor: pointer;
    }

.welcomeModal .left-arrow {
    position: absolute;
    left: 0;
}

@media (max-width: 767px) {
    .welcomeModal .left-arrow {
        left: 15px;
    }
}

.welcomeModal .right-arrow {
    position: absolute;
    right: 32px;
}

@media (max-width: 767px) {
    .welcomeModal .right-arrow {
        right: 45px;
    }
}

.welcomeModal .modalContainer .wrap {
    padding-bottom: 30px;
}

.welcomeModal .dots {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}

    .welcomeModal .dots ul {
        display: inline-block;
        float: none;
        width: auto;
    }

        .welcomeModal .dots ul li {
            display: inline-block;
            height: 6px;
            width: 6px;
            cursor: pointer;
            background: #dadada;
            border-radius: 3px;
            padding: 0;
            margin: 5px;
        }

            .welcomeModal .dots ul li.active {
                background: #233E4B;
                cursor: default;
            }

.welcomeModal h2 {
    padding: 20px 0;
    font-size: 42px;
    text-align: center;
    white-space: nowrap;
}

.welcomeModal p {
    float: none;
    font-size: 13px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    width: 330px;
}

.welcomeModal img {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    height: 170px;
}

.welcomeModal .getStartedButton {
    float: none;
    margin: 30px auto;
    width: 180px;
}

.mailInfoDialog li.heading {
    clear: both;
}

.mailInfoDialog li span,
.mailInfoDialog li button,
.mailInfoDialog li a {
    font-size: 13px;
    line-height: 16px;
}

.mailInfoDialog li a {
    clear: left;
}

.mailInfoDialog li span:first-child {
    clear: left;
}

@media (max-width: 767px) {
    .publicPage #Header {
        float: left;
    }
}

.publicPage #Header .logo {
    background-color: #14242c;
}

@media (max-width: 515px) {
    .publicPage #Header .logo {
        width: 100%;
    }
}

.publicPage #MainContent {
    padding: 20px 0 !important;
}

.publicPage #Footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}

.greyBG,
.greyBG Body,
.greyBG #WrapperContent,
.greyBG #MainContent,
.greyBG #Container {
    background: #f5f5f5 !important;
}

@media (max-width: 767px) {
    .topContent {
        padding: 40px 0 25px !important;
    }
}

@media (max-width: 767px) {
    .mailList.full {
    }
}

/* Change case for date from uppercase to lowercase*/
.tileReceivedDate {
    text-transform: lowercase;
}

/* Because header consist of two translation keys,
    hide second part for the subtitle with dash before it.
*/
form[name="sharedFolderUserDetailsForm"] .modalSection:first-child > h3 > span + span,
form[name="sharedFolderUserDetailsForm"] .modalSection:first-child > h3 > span + span + span,
form[name="sharedFolderUserDetailsForm"] label[for="cpr"] {
    /* Also, hide label 'Person' for cpr input */
    display: none;
}


/*css part form new document viewer*/

/* dialog */
/* - styles for the general layout of the dialog */

.messageViewAttachmentIcon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dialog {
    display: flex;
    position: absolute;
    background-color: #fff;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px;
    inset: 10px;
    gap: 20px;
}

.dialog-states {
    flex: 0 0 24px;
}

.dialog-container {
    position: relative;
    display: flex;
    overflow: auto;
    gap: 20px;
    flex: 1;
}

.dialog-content {
    display: flex;
    overflow: auto;
    overflow-x: hidden;
    flex-direction: column;
    flex: 1;
}

    .dialog-content .dialog-content-selector {
        flex: 0 0 40px;
    }

    .dialog-content .dialog-content-viewer {
        display: flex;
        background: #f5f5f5;
        box-sizing: border-box;
        height: 100%;
    }

        .dialog-content .dialog-content-viewer iframe {
            border: #f5f5f5;
            box-sizing: border-box;
            height: 100%;
            width: 100%;
        }

.dialog-sidebar {
    margin: 40px 0 0;
    min-width: 350px;
}

.dialog-sidebar-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    max-width: 320px;
    width: 100%;
    gap: 20px;
    height: 100%
}

    .dialog-sidebar-container p {
        line-height: 140%;
        padding: 0;
        margin: 0 0 10px;
    }

    .dialog-sidebar-container > div:last-child {
        border-bottom: none;
    }

.fixed-pannel {
    display: flex;
    flex-direction: column;
    bottom: 0;
    max-width: 320px;
    min-width: 320px;
    /*position: absolute;*/
}

@media screen and (min-width: 1021px) {
    .dialog-sidebar.hiddenSidebar {
        display: none;
    }
}

@media screen and (max-width: 1020px) {
    /* sidebar-overlay */
    .dialog-sidebar {
        display: none;
        position: absolute;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        background: rgb(245,245,245,0.6);
        margin: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

        .dialog-sidebar.expanded {
            display: flex;
        }

    .dialog-sidebar-container {
        overflow: auto;
        box-sizing: border-box;
        padding: 0 0 0 20px;
        margin-left: auto;
    }

    .dialog-content .dialog-content-viewer iframe {
        border: none;
    }
}

@media screen and (max-width: 735px) {
    /* mobile */
    .dialog {
        inset: 0;
    }

    .dialog-sidebar {
        display: none;
        position: absolute;
        background: rgb(0,0,0,0.6);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .dialog-sidebar.expanded {
            display: flex;
        }

    .fixed-pannel {
        position: relative;
        max-width: none;
    }

    .message-notebar {
        border-bottom: solid 1px #e3e3e3;
        border-top: solid 1px #e3e3e3;
    }

    .message-functions {
        padding-top: 20px;
    }   

    .dialog-sidebar-container {
        padding: 0 20px;
        max-width: none;
    }

    .dialog {
        padding: 20px 0 0;
    }

    .dialog-states {
        padding: 0 20px;
    }
}

/* dialog-states */
/* - styles for show/hide sidebar and close dialog */
.dialog-states {
    display: flex;
    justify-content: flex-end;
    /*gap: 10px;*/
    margin-right: 38px;
    margin-top: -18px;
}

    .dialog-states .dialog-state {
        color: inherit;
        background-repeat: no-repeat;
        background-position: right 2px center;
        background-size: 20px;
        border-radius: 4px;
        height: 24px;
        width: 24px;
    }

        .dialog-states .dialog-state > span {
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            line-height: 24px;
            height: 0;
            width: 0;
            font-weight: 400;
            font-size: 13px;
        }

        .dialog-states .dialog-state.sidebar {
            padding: 0 26px 0 4px;
            width: auto;
        }

            .dialog-states .dialog-state.sidebar > span:first-child,
            .dialog-states .dialog-state.sidebar.show > span:last-child {
                display: none;
            }

            .dialog-states .dialog-state.sidebar > span:last-child,
            .dialog-states .dialog-state.sidebar.show > span:first-child {
                display: inline-block;
                height: auto;
                width: auto;
            }

        .dialog-states .dialog-state.sidebar {
            background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sidebar-right-hide.svg);
        }

            .dialog-states .dialog-state.sidebar.show {
                background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sidebar-right-show.svg);
            }

                .dialog-states .dialog-state.sidebar.show.actions {
                    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/sidebar-right-show-actions.svg);
                }

        .dialog-states .dialog-state.close {
            background-image: url(/privat/Resources/resources/skins/sweden/img/icons/close.svg);
        }

/* message-header */
/* - styles for showing the sender name, logo and subject (sidebar) */
.message-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: solid 1px #D9D9D9;
}

    .message-header .message-header-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px #e3e3e3;
        border-radius: 22px;
        box-sizing: border-box;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 26px;
        text-transform: uppercase;
        line-height: 44px;
        font-size: 13px;
        font-weight: 600;
        flex: 0 0 44px;
        height: 44px;
    }

        .message-header .message-header-logo img {
            height: 26px;
            width: 26px;
        }

    .message-header .message-header-info {
        display: flex;
        overflow: auto;
        flex-direction: column;
        flex-grow: 1;
        gap: 4px;
    }

    .message-header .message-header-sender {
        display: flex;
        font-size: 13px;
        font-weight: 500;
        line-height: 17px;
        margin-top: 2px;
        width: 100%;
    }

    .message-header .message-header-subject {
        display: flex;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        width: 100%;
        align-items: baseline;
    }

    .message-header .mail-folder {
        padding: 0px 8px 0px 8px;
    }

    .message-header span {
        margin-left: 8px;
        cursor: auto;
        text-decoration: none;
    }

    .message-header:hover span {
        text-decoration: none !important;
    }

    .message-header .text-ellipsis {
        margin-left: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

/* message-actions */
/* - styles for list of actions (sidebar) */

.message-actions-container {
    overflow-y: auto;
    height: 400px;
}

.message-actions {
    display: flex;
    flex-direction: column;
}

.disabled-section {
    pointer-events: none;
    color: #6b6b6b !important;
}

    .disabled-section span {
        color: #6b6b6b !important;
    }

    .disabled-section .message-action-button {
        background: #f5f5f5 !important;
        border: solid 1px #ccc !important;
        color: #6b6b6b !important;
    }

.message-actions div:focus {
    outline: #a5c7fe solid 2px;
    z-index: 1;
}

.message-header-info div:focus {
    outline: #a5c7fe solid 2px;
    z-index: 1;
}

.message-actions .message-actions-info {
    color: #7f7f7f;
    margin: 0 10px 0 0;
}

/* message-action */
/* - styles for any actions including signing and reply (sidebar) */
.message-action {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f5f5f5;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    min-height: 20px;
    padding: 10px;
    margin-left: 2px !important;
    cursor: pointer;
    margin-bottom: 10px;
}

    .message-action a {
        text-decoration: none;
        color: inherit;
    }

span.message-action {
    cursor: default;
}

.message-action:hover {
    background-color: #e5e5e5;
}

.message-action .message-action-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 2px;
}

.message-action .message-action-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
}

.message-action .message-action-description {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.message-action .message-action-button {
    color: #fff;
    position: relative;
    background: #bb1d2c;
    text-align: center;
    border-radius: 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    flex-shrink: 0;
    min-width: 72px;
}

    .message-action .message-action-button.payment_mobilepay {
        background-color: #5a78ff;
        background-repeat: no-repeat;
        background-position: 6px center;
        background-size: 20px;
        padding-left: 28px;
    }

        .message-action .message-action-button.payment_mobilepay:before {
            content: "";
            position: absolute;
            display: inline-block;
            -webkit-mask-image: url(/privat/Resources/resources/skins/sweden/img/icons/mobilepay.svg);
            -webkit-mask-size: cover;
            mask-image: url(/privat/Resources/resources/skins/sweden/img/icons/mobilepay.svg);
            mask-size: cover;
            background-color: #fff;
            height: 20px;
            width: 20px;
            inset: 6px 0 0 6px;
        }

.message-action .message-action-icon {
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 0 0 0 20px;
    overflow: hidden;
    height: 20px;
    width: 20px;
}

    .message-action .message-action-icon.chevron {
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/chevron.svg);
    }

.message-action.disabled {
    color: #7f7f7f;
    cursor: default;
}

    .message-action.disabled:hover {
        background: #f5f5f5;
    }

    .message-action.disabled .message-action-button,
    .message-action.disabled .message-action-icon {
        display: none;
    }

/* meessage-promulgation */
/* - style for promulgation, ngdp feature (sidebar) */
.message-promulgation {
}

    .message-promulgation strong {
        font-weight: 600;
    }

    .message-promulgation .message-promulgation-header {
        position: relative;
        background-size: 24px;
        line-height: 24px;
        font-weight: 600;
        padding: 0 10px 0 30px;
        margin: 0 0 20px;
    }

        .message-promulgation .message-promulgation-header:before {
            content: "";
            position: absolute;
            -webkit-mask-image: url(/privat/Resources/resources/skins/sweden/img/icons/warning.svg);
            -webkit-mask-size: cover;
            mask-image: url(/privat/Resources/resources/skins/sweden/img/icons/warning.svg);
            mask-size: cover;
            background-color: #bb1d2c;
            height: 24px;
            width: 24px;
            inset: 0px;
        }

    .message-promulgation .message-promulgation-content {
        padding: 0 10px 0 0;
    }

/* message-note */
/* - style for adding a note (sidebar) */
.message-notebar {
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

    .message-notebar .meessage-note-header {
        margin: 0 0 -10px;
    }

        .message-notebar .meessage-note-header label {
            font-weight: 500 !important;
            font-size: 13px !important;
        }

    .message-notebar input {
        display: flex;
        height: 34px;
        padding: 10px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D9D9D9;
    }

        .message-notebar input::placeholder {
            font-weight: normal;
            font-family: inherit;
            color: #7f7f7f;
        }

    .message-notebar span {
        color: #7F7F7F;
        text-align: right;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

/* message-functions */
/* - styles for message functions like forward, save, delete, etc. */
.message-functions {
    padding-bottom: 20px;
}

    .message-functions ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 12px;
    }

    .message-functions ul li:nth-child(2){
        margin-bottom: 8px;
    }

    .message-functions a {
        font-weight: 400;
        text-decoration: none;
        color: #bb1d2c;
    }

    .message-functions a:hover {
        font-weight: 600;
    }

/* message-document-selector */
/* - styles for document/attachments tabstrip/dropdown */
.message-document-selector {
}

    .message-document-selector button {
        border: none;
        display: none;
        color: #333;
        appearance: none;
        background: #f5f5f5;
        background-image: url(/privat/Resources/resources/skins/sweden/img/icons/chevron-down.svg);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: right 10px center;
        font-family: inherit;
        font-weight: 500;
        font-size: 13px;
        text-align: left;
        line-height: 40px;
        padding: 0 10px;
        margin: 0;
        width: 100%;
    }

    .message-document-selector ul {
        display: none;
    }

@media screen and (max-width: 735px) {
    /* mobile */


    .dialog-states {
        margin-top: -10px;
    }

    .message-document-selector {
        padding: 0 20px 20px 20px;
        margin-bottom: 50px;
        display: block
    }

        .message-document-selector button {
            display: block !important;
            cursor: pointer
        }

        .message-document-selector:has(li:nth-child(1)) {
            display: none;
        }

        .message-document-selector:has(li:nth-child(2)) {
            display: block;
        }

        .message-document-selector button {
            display: block;
        }

        .message-document-selector ul {
            display: none;
        }

        .message-document-selector.open {
            position: absolute;
            background: #fff;
            inset: 0;
        }

            .message-document-selector.open button {
                background-image: url(/privat/Resources/resources/skins/sweden/img/icons/chevron-up.svg);
            }

            .message-document-selector.open ul {
                display: flex;
                flex-direction: column;
                z-index: 888;
            }

            .message-document-selector.open li {
                border-bottom: solid 1px #e5e5e5 !important;
            }

                .message-document-selector.open li a,
                .message-document-selector.open li.selected a {
                    display: block;
                    background-color: #fff;
                    background-position: right 10px center;
                }

                .message-document-selector.open li.selected a {
                    font-weight: 600 !important;
                    padding: 10px 0 !important;
                }

                .message-document-selector.open li a:hover {
                    background-color: #e5e5e5;
                }
}

.img-document-view {
    max-width: 100%;
}

#btnLeft, #btnRight {
    width: 22px;
    cursor: pointer;
    border: solid 1px #ccc;
}

    #btnLeft:hover, #btnRight:hover {
        background: #e3e3e3;
    }

#btnRight {
    margin-left: auto;
}

    #btnRight em, #btnLeft em {
        position: relative;
        bottom: -2px;
        right: 6px;
    }

.tab-box:focus {
    outline: none;
}

    .tab-box:focus span, .mce-btn:focus, .footer-copyright:focus, .footerLinks:focus {
        outline: #a5c7fe solid 2px !important;
        z-index: 1;
    }

.ng-modal-dialog .ng-modal-dialog-content .aod-dialog-content textarea {
    height: 84px;
}

.mail-folder {
    float: right;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    background: rgba(230, 235, 240, 0.40);
    border: solid 1px #E6EBF0;
    border-radius: 6px;
    padding: 0 4px 0 8px;
    line-height: 24px;
    height: 26px;
}

    .mail-folder > span {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
        max-width: 80px;
    }

    .mail-folder:hover > span {
        text-decoration: underline;
    }

.flagedMail {
    background-color: rgba(250, 201, 116, 0.15) !important;
}

.isFlagIcon {
    display: none;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Hover_flag.svg);
    background-position: unset;
    cursor: pointer;
}

.isFlagIcon:hover {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Selected_flag.svg);
    background-position: unset;
}

.mail:hover .isFlagIcon, .documentViewerflag:hover .isFlagIcon {
    display: block;
}

@media screen and (max-width: 735px) {
    .mail:hover .isFlagIcon {
        display: none !important;
    }
}

.isFlagMargin {
    right: 35px !important;
}

.flaggedicon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/Selected_flag.svg);
    background-position: unset;
    cursor: pointer;
}

.documentViewerflag:hover .isFlagIcon, .documentViewerflag .flaggedicon {
    display: inline-block;
    margin-left: 5px;
}

.width90 {
    width: 90% !important;
}

#previewContentWrapper:focus {
    outline: 0 !important;
    box-shadow: inset 0 0 0 2px #a5c7fe;
}

.mailListItem div:focus, span:focus, svg:focus, img:focus {
    outline: auto !important;
    outline-color: #a5c7fe !important;
    z-index: 1;
}

.isFlagIcon:focus {
    outline: auto !important;
    outline-color: #a5c7fe !important;
    z-index: 1;
}

.mailList > li.mail.flagedMail:before {
    background-color: #FAC974 !important;
    width: 5px;
}

.mailList > li.mail.flagedMail .mailItemWarningText {
    color: #A8242E;
    font-weight: 400;
}

.consent-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    z-index: 100;
}

.consent-overlay {
    margin: 70px auto;
    padding: 30px 40px;
    background: #fff;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
}

.modalscreen75 {
    width: 75%;
    max-width: 75% !important;
}

.atRegistrationOuter_ {
    display: flex;
    gap: 20px;
}

.atRegistrationHeaderTitle {
    display: flex;
    padding: 0px 0px 10px 0px;
    align-items: flex-start;
    align-self: stretch;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.atIndividualRegistrationNote {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.atRegistrationsRegisterSendersSection_, .atRegistrationFooter {
    color: #A8242E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    display: flex;
    padding: 6px 0px 12px 0px;
    gap: 6px;
}

.atRegistrationFooter {
    padding: 12px 0px;
    margin-bottom: 50px;
}

#atRegistrationsRegisterSenders_, #atRegisterSearchSenderBarViewAllFooter_ {
    display: flex;
    align-items: center;
    gap: 5px;
}

.atRegistrationsMainContainer_ {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #E3E3E3;
    background: #F5F5F5;
    margin-bottom: 15px;
    width: 380px;
    height: 140px;
}

.atRegistrationsMainContainerDark_ {
    background: #223944;
}

.atRegistrationHeader, .atRegistrationContent, .atRegistrationContentRight {
    display: flex;
    gap: 12px;
}

.atRegistrationLogo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.atRegistrationTitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.atRegistrationContent {
    width: 100%;
    min-height: 40px;
}

.atContentIcon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.atRegistrationContentRight {
    display: flex;
    justify-content: center;
    align-items: center;
}

.atRegistrationContentRightText {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.atRegistrationContentLeft {
    margin-left: auto;
}

    .atRegistrationContentLeft .button {
        margin: 0;
    }

.atRegistrationTextWhite {
    color: #fff;
}

.senderListWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.senderListHeader {
    display: flex;
    padding: 15px 0px 10px 0px;
    align-items: flex-start;
    align-self: stretch;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.senderListHeaderDescription {
    display: flex;
    width: 780px;
    padding-bottom: 10px;
    align-items: flex-start;
    flex: 1 0 0;
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}

.senderListContainer {
    display: flex;
    /*padding: 16px 18px;*/
    padding: 12px 18px;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #E3E3E3;
    background: #F5F5F5;
    width: calc(33.33% - 20px);
}

.senderListContainerItem {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
}

.senderListTitle {
    display: flex;
    padding: 15px 0px 10px 0px;
    align-items: flex-start;
    align-self: stretch;
    color: #333;
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.senderListTitleDescription {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}

.senderListNameInitial {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border: solid 1px #efefef;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.25px;
}

.senderListName {
    display: flex;
    height: 24px;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    /*text-align: center;*/
    color: #090E11;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.25px;
}

.showCategoryHeader {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding-bottom: 20px;
    align-items: flex-start;
}

.header-text-primary {
    padding: 15px 0px 20px 0px;
    color: #333;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header-text-secondary {
    color: #333;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 759px) {
    .atRegistrationOuter_ {
        flex-direction: column;
        gap: 0;
    }

    .senderListContainer {
        width: calc(50% - 20px);
    }
}

@media (max-width: 425px ) {
    .atRegistrationsMainContainer_ {
        width: auto;
    }

    .senderListContainer {
        width: 100%;
    }
}


/*Consents css starts here*/
#consentsPageheader {
    display: flex;
    padding-bottom: 20px;
    align-items: flex-start;
    align-self: stretch;
}

.togglesSection {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%
}

.consentsWrapper {
    display: flex;
    max-width: 860px;
    padding: 0px 40px 20px 10px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.consentToggleWrap {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border: 1px solid #E3E3E3;
    background: #F5F5F5;
}

.consentToggleHeaderWrap {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.consentToggleHeader {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.consentToggleContentWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.toggles .ios-toggle:checked + .checkbox-label {
    -webkit-box-shadow: inset 0 0 0 20px #BB1D2C, 0 0 0 0px #BB1D2C !important;
    -moz-box-shadow: inset 0 0 0 20px #BB1D2C, 0 0 0 0px #BB1D2C !important;
    box-shadow: inset 0 0 0 20px #BB1D2C, 0 0 0 0px #BB1D2C !important;
}

.sendersHeader {
    display: flex;
    padding: 15px 0px 10px 0px;
    align-items: flex-start;
    align-self: stretch;
    margin: 16px 0;
}

.senderListsWrapper {
    width: 100%;
}

.senderRow {
    display: flex;
    padding: 10px 16px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid #dadada;
}

.senderInfo {
    display: flex;
    max-width: 300px;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

.senderLogoAvailable {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 36.364px;
    border: 0.727px solid var(--Fill-Separator-1, rgba(20, 62, 82, 0.10));
    background: var(--Base-Base-2, #FFF);
}

.senderLogo {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 5.818px;
    justify-content: center;
    align-items: center;
    border-radius: 36.364px;
    border: 0.727px solid var(--Fill-Separator-1, rgba(20, 62, 82, 0.10));
    background: var(--Base-Base-2, #FFF);
}

.senderName {
    display: flex;
    width: 200px;
    height: 40px;
    min-width: 200px;
    padding-right: 20px;
    align-items: center;
    gap: 7px;
}

.SenderIconWrapper {
    display: flex;
    width: 116px;
    height: 40px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.senderIcon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 7px 9.101px 7.101px 5px;
    align-items: center;
    flex-shrink: 0;
}

.senderCevronRightIcon {
    width: 24px;
    height: 24px;
    padding: 7px 9.101px 7.101px 5px;
    background-repeat: no-repeat;
    background-image: url(/privat/Resources/resources/skins/sweden/img/icons/chevronRight.svg);
    background-position: unset;
}

.consentsList ul {
    padding-left: 10px !important;
    list-style: inside;
}
/*Consents css ends here*/