/* Minification failed. Returning unminified contents.
(46,35): run-time error CSS1046: Expect comma, found '187'
(46,42): run-time error CSS1046: Expect comma, found ')'
(248,40): run-time error CSS1034: Expected closing parenthesis, found ','
(248,40): run-time error CSS1042: Expected function, found ','
(248,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(307,40): run-time error CSS1034: Expected closing parenthesis, found ','
(307,40): run-time error CSS1042: Expected function, found ','
(307,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(387,1): run-time error CSS1019: Unexpected token, found '@import'
(387,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600")'
(433,31): run-time error CSS1046: Expect comma, found '0'
(433,35): run-time error CSS1046: Expect comma, found '/'
(601,38): run-time error CSS1034: Expected closing parenthesis, found ','
(601,38): run-time error CSS1042: Expected function, found ','
(601,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(675,35): run-time error CSS1046: Expect comma, found '0'
(675,39): run-time error CSS1046: Expect comma, found '/'
(4324,2617): run-time error CSS1019: Unexpected token, found '@keyframes'
(4324,2643): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4326,6644): run-time error CSS1019: Unexpected token, found '@keyframes'
(4326,6666): run-time error CSS1035: Expected colon, found '{'
(4326,6721): run-time error CSS1019: Unexpected token, found '@keyframes'
(4326,6743): run-time error CSS1035: Expected colon, found '{'
 */
body {
    opacity: 0;
}
/* Sidebar */
.sidebar.bf-sidebar {
    color: #00577C;
}

.sidebar.bf-sidebar h5 {
    font-size: 1.1rem;
}

    .sidebar.bf-sidebar .menu-button {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 2px;
        padding-left: 6px;
    }

        .sidebar.bf-sidebar .menu-button h5 {
            margin-bottom: 0;
            margin-left: 1.5rem;
            font-weight: 600;
        }

        .sidebar.bf-sidebar .menu-button .burger {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 35px;
            min-width: 35px;
        }

            .sidebar.bf-sidebar .menu-button .burger svg {
                fill: rgb(0%,34.117648%,48.627451%);
            }

            .sidebar.bf-sidebar .menu-button .burger:hover {
                cursor: pointer;
            }

                .sidebar.bf-sidebar .menu-button .burger:hover svg {
                    fill: rgb(172 187 193);
                }

    .sidebar.bf-sidebar .menu-item-header {
        font-weight: 800;
        color: #A8A6A8;
        padding-left: 12px;
    }



.bf-sidebar .menu {
    display: flex;
    flex-flow: column;
    height: calc(100% - 54px);
    position: relative;
}

    .bf-sidebar .menu .menu-bottom {
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
        flex-flow: column;
        margin-bottom: 10px;
    }

    .bf-sidebar .menu .menu-item-link {
        padding: 10px;
        font-weight: 600;
    }

        .bf-sidebar .menu .menu-item-link a {
            color: #00577C;
        }

    .bf-sidebar .menu .menu-item {
        display: flex;
        flex-flow: row;
        padding: 2px;
        padding-left: 6px;
        justify-content: flex-start;
        align-items: center;
    }

    .bf-sidebar .menu .menu-item-spacer {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        border-top: 1px solid #dcdcdc;
    }

    .bf-sidebar .menu .menu-item.active {
        pointer-events: none;
        background: rgba(0, 0, 0, 0.05)
    }

    .bf-sidebar .menu .menu-item:hover {
        cursor: pointer;
        background: rgba(0, 0, 0, 0.05)
    }

    .bf-sidebar .menu .menu-item .item-icon {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 35px;
        min-width: 35px;
        max-height: 35px;
    }

        .bf-sidebar .menu .menu-item .item-icon svg, .bf-sidebar .menu .menu-item .item-icon img {
            max-width: 100%;
            height: auto;
        }

        .bf-sidebar .menu .menu-item .item-icon svg {
            fill: rgb(0%,34.117648%,48.627451%);
        }

    .bf-sidebar .menu .menu-item .item-text {
        display: flex;
        width: 100%;
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        margin-left: 1rem;
        font-weight: 700;
    }

        .bf-sidebar .menu .menu-item .item-text.item-dropdown {
            flex-flow: row;
            align-items: center;
            justify-content: space-between;
        }

        .bf-sidebar .menu .menu-item .item-text .item-dropdown-icon {
            position: relative;
            right: 20px;
            transform: rotate(0deg);
            width: 15px;
            height: 15px;
            transition: transform 0.2s linear;
        }

    .bf-sidebar .menu .item-dropdown-content {
        padding: 2px;
    }

    .bf-sidebar .menu .menu-item .item-text .item-dropdown-icon.active {
        transform: rotate(180deg);
    }

    .bf-sidebar .menu .menu-item .item-text span.item-dropdown-icon:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 2px;
        background: #00567D;
        top: 7px;
        left: 5px;
        transform: rotate(-45deg);
    }

    .bf-sidebar .menu .menu-item .item-text span.item-dropdown-icon:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 2px;
        background: #00567D;
        bottom: 0;
        transform: rotate(45deg);
        left: -5px;
        top: 7px;
    }

    .bf-sidebar .menu .menu-item .item-text h5 {
        margin-bottom: 0;
    }

    .bf-sidebar .menu .menu-item .item-text .item-subtext {
        font-size: 13px;
        font-weight: 400;
        color: #a8a7a8;
    }


body header .header-page .burger-menu {
    display: none;
}

.show-only-on-mobile {
    display: none !important;
}

/*.show-only-on-desktop {
    display: inherit !important;
}*/

@media only screen and (max-width: 767px ){
    .show-only-on-desktop {
        display: none !important;
    }
}

/* Desktop */
@media only screen and (min-width: 1200px) {

    body header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

        body header .header-page .container {
            max-width: 100% !important;
        }

    body section.content.content-page {
        padding-top: 125px;
        max-width: 100% !important;
    }

        body section.content.content-page.sidebar-visible {
            margin-left: 300px;
            transition: margin 0.2s ease;
        }

            body section.content.content-page.sidebar-visible .container {
                max-width: 100%;
            }

            body section.content.content-page.sidebar-visible.sidebar-small {
                margin-left: 50px;
            }

    .sidebar.bf-sidebar {
        position: fixed;
        left: 0;
        top: 58px;
        z-index: 20;
        background: #fff;
        box-shadow: 0 0 7px rgb(0, 0, 0, 0.10);
        height: 100%;
        width: 300px;
        white-space: nowrap;
        word-break: keep-all;
        margin-top: 50px;
        overflow-x: hidden;
        transition: width 0.2s ease;
        max-height: calc(100% - 108px);
    }

        .sidebar.bf-sidebar.sml {
            width: 50px;
        }

            .sidebar.bf-sidebar.sml .menu-item-header {
                display: none;
            }
}


/* tablet */
@media only screen and (max-width: 1200px) {
    .show-only-on-mobile {
        display: inherit !important;
    }

    .bf-sidebar .menu {
        height: calc(100% - 80px);
    }

    body header .header-page .burger-menu {
        display: flex;
        fill: #ffffff;
        padding-left: 1rem;
        position: absolute;
        max-width: 60px;
    }

    body header .header-page .container {
        justify-content: unset;
    }

    body header .header-page .container .logo {
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
    }

    body section.content.content-page.sidebar-visible {
        padding-top: 90px;
    }

    .sidebar.bf-sidebar {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1035;
        background: #fff;
        box-shadow: 0 0 7px rgb(0, 0, 0, 0.10);
        height: 100%;
        width: 300px;
        white-space: nowrap;
        word-break: keep-all;
        margin-top: 0px;
        overflow-x: hidden;
        transition: width 0.2s ease, transform 0.2s ease;
        transform: translateX(-300px)
    }

        .sidebar.bf-sidebar .menu-button {
            padding: 15px 0 !important;
            padding-left: 1rem !important;
        }

            .sidebar.bf-sidebar .menu-button .burger {
                width: 50px !important;
            }

        .sidebar.bf-sidebar.showing {
            transform: translateX(0);
        }

    .bg-dimmer {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1031;
    }
}

.current-company, a.select-company {
        width: 100%;
    padding: 4px;
    background: #C4D500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 76px;
    position: fixed;
    z-index: 20;
}

@media only screen and (max-width: 1200px) {
    .current-company, a.select-company {
        top: 59px;
        padding: 0;
    }
}

a.select-company {
    background: #a8a6a8;
    color: #fff;
    text-decoration: none;
}

    a.select-company:hover {
        cursor: pointer;
        background: #7d7d7d;
    }

@media only screen and (max-width: 480px) {
    body header .header-page .burger-menu {
        width: 60px !important;
    }

        body header .header-page .burger-menu svg {
            width: 35px !important;
        }

    body header .navbar .navbar-brand {
        margin-right: 0 !important;
    }
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");
/* Mixin */
/* Responsive */
body {
    width: 100%;
    font-family: 'Segoe UI', sans-serif;
    /*@include box-shadow(0 0 9px rgba(0, 0, 0, 0.17));*/
    background: #eff3f6;
}

* {
    font-family: 'Segoe UI', sans-serif !important;
}

body hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

        /*body header .navbar {
            padding: 15px 0;
            position: absolute;
            width: 100%;
            background: transparent;
        }*/

@media only screen and (max-width: 480px) {
    body header .navbar .navbar-brand {
        max-width: 190px;
    }
}

/* Mobile */

/* Invoice viewer */
.invoice-viewer {
    /* Outer Invoice */
    position: fixed !important;
    display: flex;
    flex-flow: column;
    z-index: 20;
    right: 0;
    top: 0;
    margin-top: 102px;
    height: calc(100% - 102px);
    overflow-x: hidden;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
    background: #ffffff;
    transition: width 0.2s ease;
    overflow: hidden;
}

    .invoice-viewer .size-handler {
        background: #dadada;
        width: 6px;
        left: 0;
        z-index: 100;
    }

        .invoice-viewer .size-handler:hover {
            background: #b9b9b9;
        }

.invoice-viewer .attachments-container {
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
    justify-content: flex-start;
    margin-left: 6px;
    width: 100%;
    border-bottom: 1px solid #efefef;

}

    .invoice-viewer .attachments-container .attachment-tab {
        padding: 12px 19px;
        border-right: 1px solid #efefef;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        word-break: keep-all;
        white-space: nowrap;
        flex-shrink: 1;
        flex-basis: auto;
    }
    .invoice-viewer .attachments-container .attachment-tab img {
        width: 20px;
        height: auto;
    }

    .invoice-viewer .attachments-container .attachment-tab:hover, .invoice-viewer .attachments-container .attachment-tab.active {
        cursor: pointer;
        background: #e8e8e8;
    }

.invoice-viewer.showing {
    width: auto;
}

    .invoice-viewer .invoice {
        /* Inner invoice */
        padding: 10px;
        font-size: 16px;
        overflow: hidden;
        position: relative;
        height: 100%;
        width: 100%;
        overflow-y: auto;
    }

.invoice-viewer .invoice img {
    width: 100%;
    height: auto;
}

canvas {
    width: 100%;
}

    .invoice-viewer .no-invoice {
        display: flex;
        align-content: center;
        justify-content: center;
        color: #00577b;
        height: 100%;
        width: 100%;
        flex-flow: column;
        text-align: center;
    }

        .invoice-viewer .no-invoice .icon svg {
            width: 100%;
            height: 170px;
            fill: #00577b;
        }
        /*Checkmark*/
        .checkmark-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 35px;
    line-height: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkmark-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.checkmark-container:hover input ~ .checkmark {
    background-color: #fff;
}

.checkmark-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark-container .checkmark:after {
    content: "";
    position: absolute;
}

.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}

.checkmark-container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Login form*/
.login-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

    .login-content .login-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        max-width: 480px;
        background: rgb(168, 167, 168, 0.75);
        border-radius: 9px;
        padding: 35px;
    }

        .login-content .login-box .logo {
            margin-bottom: 1.5rem;
            max-width: 260px
        }

            .login-content .login-box .logo img {
                width: 100%;
            }

        .login-content .login-box input {
            border: none;
            border-radius: 5px;
            padding: 13px 10px;
            margin-bottom: 1rem;
            width: 100%;
        }

            .login-content .login-box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #ccc;
                opacity: 1; /* Firefox */
            }

            .login-content .login-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: #ccc;
            }

            .login-content .login-box input::-ms-input-placeholder { /* Microsoft Edge */
                color: #ccc;
            }

        .login-content .login-box .btn-log {
            padding: 10px;
            color: white;
            background: #C4D500;
            border-radius: 5px;
            width: 100%;
            margin-top: 1rem;
        }

            .login-content .login-box .btn-log:focus {
                outline: none;
            }

            .login-content .login-box .btn-log:hover {
                cursor: pointer;
                background: #aab901;
            }

        .login-content .login-box .forgot-pass {
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

            .login-content .login-box .forgot-pass a {
                color: white;
                font-size: 14px;
            }

/* Company Selection */
.organizations {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    font-size: 18px;
    flex-flow: column;
}

    .organizations .organization .org-label, .organizations .company {
        box-shadow: 0 0 8px rgb(0 0 0 / 10%);
        width: 100%;
        margin-bottom: 10px;
        padding: 8px 10px;
        border: 1px solid #ccc;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .organizations .organization .org-label, .organizations .company .favorite a {
        opacity: 1;
    }

    .organizations .organization .org-label, .organizations .company .favorite a#quickAccessButton[data-quick-access="false"] {
        opacity: .2;
    }

    .organizations .organization .org-label, .organizations .company .favorite a#quickAccessButton[data-quick-access="true"] {
        opacity: 1;
    }

    .organizations .organization .org-label, .organizations .company .favorite a:hover {
        opacity: 0.75 !important;
    }

    .organizations .organization {
        margin-bottom: 5px;
    }

        .organizations .organization .org-label {
            background: #A8A6A8;
            color: #fff;
        }

    .organizations .company {
        background: #fff;
        color: #387997;
    }

        .organizations .company:hover {
            background: #f5f5f5;
            cursor: pointer;
        }

        .organizations .company:nth-last-child() {
            margin-bottom: 10px;
        }
/* Body */
body header .navbar a {
    color: #fff;
}

body header .navbar span {
    color: #fff;
    font-size: 23pt;
    vertical-align: middle;
    font-weight: 600;
}

body header .header-page {
    background: url("/content/img/bg-header.png") no-repeat;
    background-size: cover;
}

body .login-content {
    background: url("/content/img/bg2.png") no-repeat;
    min-height: 100vh;
    background-size: cover;
}

    body .content .banner {
        min-height: 300px;
    }

        body .content .banner .partnerlogo {
            padding-top: 150px;
        }

            body .content .banner .partnerlogo img {
                max-width: 550px;
            }

@media only screen and (max-width: 480px) {
    body .content .banner {
        min-height: 200px;
    }

        body .content .banner .partnerlogo {
            padding-top: 100px;
        }

            body .content .banner .partnerlogo img {
                max-width: 250px;
            }
}

body .content .login .login-form #drop-outer #drop, body .content .login .login-form input {
    display: block;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18pt;
    outline: none;
    width: 100%;
}

body .content .login .login-form p a {
    font-size: 16pt;
    text-align: left;
    color: #013a5c;
    margin-top: 50px;
}

body .content .login .login-form h5 {
    color: #fff;
}

body .content .login .login-form input {
    outline: none;
    padding: 10px;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}

    body .content .login .login-form input::-webkit-input-placeholder {
        color: #fff;
    }

body .content .login .login-form .password {
    margin-bottom: 60px;
}


body .bot {
    padding: 10px 0;
    background: url("/content/img/bg-bot.png") no-repeat;
    background-size: cover;
}

    body .bot #btn-img {
        cursor: pointer;
    }

        body .bot #btn-img #op {
            display: none;
        }

@media only screen and (max-width: 480px) {
    body .bot .icon-left img, body .bot .icon-right img {
        max-width: 50px;
    }
}

@media only screen and (max-width: 480px) {
    body .bot .icon-center img {
        max-width: 100px;
    }
}

body .content-page {
    background: none;
    /*height: 100vh;*/
    background: #eff3f6;
}

    body .content-page .img-content .img-page {
        width: 100%;
    }

    body .content-page .img-regis .zoom {
        position: relative;
    }

        body .content-page .img-regis .zoom .zoom-icon {
            content: "";
            display: block;
            background: url("/content/img/zoom.png") no-repeat;
            width: 59px;
            height: 59px;
            position: absolute;
            right: 20px;
            bottom: 20px;
            cursor: pointer;
        }



    body .content-page .list-changepassword .btn-group button, body .content-page .list-changepassword .btn-group .afvis, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .list-changepassword .btn-group .afvis, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .list-changepassword .btn-group .afvis {
        margin-top: 5px;
        margin-bottom: 10px;
        border: none;
        color: #789800;
        background: #fff;
        font-size: 15pt;
        padding: 10px 30px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    }

    body .content-page .details-action-mobile-group .btn-group {
        display: flex;
        align-content: center;
        width: 100%;
        padding: 10px;
        flex-flow: column;
        justify-content: center;
    }

    body .content-page .details-action-mobile-group .btn-group button {
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .btn-group button, body .content-page .list-changepassword .btn-group .afvis, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .list-changepassword .btn-group .afvis, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .list-changepassword .btn-group .afvis {
        font-size: 14pt;
        padding: 5px 5px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .open {
    display: list-item;
    list-style-position: inherit;
    color: #789800;
}

body .content-page .list-changepassword .item-bilag .info-tab {
    margin: 0 0 0px 0;
    border-top: 2px solid #efefef;
    width: 100%;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tab {
        margin-bottom: 35px;
        border-bottom: 2px solid #00577b;
    }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item {
            display: flex;
            flex-grow: 1;
            flex-basis: 0;
            text-align: center;
        }

            body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link {
                padding: 20px 0;
                text-transform: uppercase;
                font-size: 13pt;
                color: #848484;
                width: 100%;
            }

@media only screen and (max-width: 1024px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link span {
    display: block;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link:before {
    display: block;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 45px;
    content: "";
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:before {
    background: url(/content/img/grey/invoice.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo.active:before {
    background: url(/content/img/blue/invoice.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:before {
    background: url(/content/img/grey/picture.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis.active:before {
    background: url(/content/img/blue/picture.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:before {
    background: url(/content/img/grey/data-sheet.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering.active:before {
    background: url(/content/img/blue/data-sheet.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:before {
    background: url(/content/img/grey/activity-history.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory.active:before {
    background: url(/content/img/blue/activity-history.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:before {
    background: url(/content/img/grey/note.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter.active:before {
    background: url(/content/img/blue/note.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:before {
    background: url(/content/img/grey/attachment.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler.active:before {
    background: url(/content/img/blue/attachment.png);
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        padding: 20px 0;
        font-size: 6pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link:hover {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .active {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item #pills-filer-tab {
        display: none;
    }
}

body .content-page .list-changelanguage .btn-group button, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .list-changelanguage .btn-group .afvis, body .content-page .list-changelanguage .btn-group .afvis, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .list-changelanguage .btn-group .afvis {
    margin-top: 5px;
    margin-bottom: 10px;
    border: none;
    color: #789800;
    background: #fff;
    font-size: 15pt;
    padding: 10px 30px;
    text-transform: uppercase;
    cursor: pointer;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .btn-group button, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .list-changelanguage .btn-group .afvis, body .content-page .list-changelanguage .btn-group .afvis, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .list-changelanguage .btn-group .afvis {
        font-size: 14pt;
        padding: 5px 5px;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab {
    margin-bottom: 35px;
    border-bottom: 2px solid #00577b;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
    }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link {
            padding: 20px 0;
            text-transform: uppercase;
            font-size: 13pt;
            color: #848484;
            width: 100%;
        }

@media only screen and (max-width: 1024px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        font-size: 9pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link span {
    display: block;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link:before {
    display: block;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 45px;
    content: "";
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:before {
    background: url(/content/img/grey/invoice.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo.active:before {
    background: url(/content/img/blue/invoice.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:before {
    background: url(/content/img/grey/picture.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis.active:before {
    background: url(/content/img/blue/picture.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:before {
    background: url(/content/img/grey/data-sheet.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering.active:before {
    background: url(/content/img/blue/data-sheet.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:before {
    background: url(/content/img/grey/activity-history.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory.active:before {
    background: url(/content/img/blue/activity-history.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:before {
    background: url(/content/img/grey/note.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter.active:before {
    background: url(/content/img/blue/note.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:before {
    background: url(/content/img/grey/attachment.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler.active:before {
    background: url(/content/img/blue/attachment.png);
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        padding: 20px 0;
        font-size: 6pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link:hover {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .active {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item #pills-filer-tab {
        display: none;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil-direct {
    background: url(/content/img/plus-grey.png) no-repeat;
    background-color: #eff3f5;
    background-position: 90% 50%;
    padding-right: 40px;
    white-space: nowrap;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/cloud.png) no-repeat;
    background-position: 10% 50%;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/cloud.png) no-repeat;
        background-position: 10% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil img {
        margin-top: -5px;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/folder.png) no-repeat;
    background-position: 15% 50%;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/folder.png) no-repeat;
        background-position: 15% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil img {
        margin-top: -5px;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner {
    max-height: 350px;
    overflow-y: scroll;
    border: 1px solid black;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner img {
        width: 100%;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar {
        width: 3px;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-thumb {
        background: #00577b;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-filer {
        display: none;
    }
}

body .content-page .list-bilag {
    margin: 10px 0;
}

    body .content-page .list-bilag .item-bilag {
        margin-bottom: 25px;
        background-color: #fff;
        -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
    }

        body .content-page .list-bilag .item-bilag:hover {
            cursor: pointer;
        }

        body .content-page .list-bilag .item-bilag .bilag-heading {
            padding: 15px;
        }

        body .content-page .list-bilag .item-bilag .dvDocument {
            padding: 20px;
        }

@media only screen and (max-width: 345px) {
    body .content-page .list-bilag .item-bilag .dvDocument {
        padding: 6px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag {
        margin-bottom: 15px;
    }
}

body .content-page .list-bilag .item-bilag .bilag-heading:focus {
    outline: 0;
}

body .content-page .list-bilag .item-bilag .profilepage-heading:focus {
    outline: 0;
}

body .content-page .list-bilag .item-bilag .title-bilag, body .content-page .list-bilag .item-bilag .price-bilag {
    color: #00577b;
    font-size: 16pt;
}

body .content-page .list-bilag .item-bilag .title-bilag:hover, body .content-page .list-bilag .item-bilag .price-bilag:hover {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .title-bilag, body .content-page .list-bilag .item-bilag .price-bilag {
        font-size: 10pt;
    }
}

body .content-page .list-bilag .item-bilag .date-bilag, body .content-page .list-bilag .item-bilag .action-bilag, body .content-page .list-bilag .item-bilag .open {
    color: #a7a7a7;
    margin-bottom: 0;
    font-size: 14pt;
    font-weight: 400;
}

body .content-page .list-bilag .item-bilag .action-bilag .approvers-hover, body .content-page .list-bilag .item-bilag .action-bilag .notes-hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .35);
    padding: 1rem;
    position: absolute;
    left: calc(50% - 80px);
    margin-top: 6px;
    border-radius: 5px;
    z-index: 50;
}

body .content-page .list-bilag .item-bilag .action-bilag .notes-hover {
    left: calc(-31% - 80px);
    min-width: 380px;
}

body .content-page .list-bilag .item-bilag .action-bilag .notes-hover .el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px;
    color: #00577c;
    font-weight: 600;
}

body .content-page .list-bilag .item-bilag .action-bilag .notes-hover .el-card__body {
    padding-top: 12px;
}

body .content-page .list-bilag .item-bilag .action-bilag .approvers-hover:after, body .content-page .list-bilag .item-bilag .action-bilag .notes-hover:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(255, 255, 255);
    top: -7px;
    left: calc(50% - 7px);
}

body .content-page .list-bilag .item-bilag .action-bilag .approvers-hover .el-timeline .el-timeline-item:last-child, body .content-page .list-bilag .item-bilag .action-bilag .notes-hover .el-timeline .el-timeline-item:last-child {
    padding-bottom: 0;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .date-bilag, body .content-page .list-bilag .item-bilag .action-bilag, body .content-page .list-bilag .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-bilag .item-bilag .date-bilag img, body .content-page .list-bilag .item-bilag .action-bilag img, body .content-page .list-bilag .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .date-bilag img, body .content-page .list-bilag .item-bilag .action-bilag img, body .content-page .list-bilag .item-bilag .open img {
        height: 11px;
    }
}

body .content-page .list-bilag .item-bilag .action-bilag img, body .content-page .list-bilag .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .action-bilag img, body .content-page .list-bilag .item-bilag .open img {
        height: 11px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .action-bilag, body .content-page .list-bilag .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-bilag .item-bilag .open {
    display: list-item;
    list-style-position: inherit;
    color: #789800;
}

body .content-page .list-bilag .item-bilag .info-tab {
    margin: 0 0 20px 0;
    border-top: 2px solid #efefef;
    width: 100%;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tab {
        margin-bottom: 5px;
        border-bottom: 2px solid #00577b;
    }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item {
            display: flex;
            flex-grow: 1;
            flex-basis: 0;
            text-align: center;
        }

            body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link {
                padding: 20px 0;
                text-transform: uppercase;
                font-size: 13pt;
                color: #848484;
                width: 100%;
            }

@media only screen and (max-width: 1024px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        font-size: 9pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link span {
    display: block;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link:before {
    display: block;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 45px;
    content: "";
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:before {
    background: url(/content/img/grey/invoice.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nlinfo.active:before {
    background: url(/content/img/blue/invoice.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:before {
    background: url(/content/img/grey/picture.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nvis.active:before {
    background: url(/content/img/blue/picture.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:before {
    background: url(/content/img/grey/data-sheet.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nkontering.active:before {
    background: url(/content/img/blue/data-sheet.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:before {
    background: url(/content/img/grey/activity-history.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nhistory.active:before {
    background: url(/content/img/blue/activity-history.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:before {
    background: url(/content/img/grey/note.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nnoter.active:before {
    background: url(/content/img/blue/note.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:before {
    background: url(/content/img/grey/attachment.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nfiler:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.more.active:before {
    background: url(/content/img/blue/attachment.png);
}



@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link {
        padding: 20px 0;
        font-size: 6pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link:hover {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .active {
    border-bottom: 2px solid #00577b;
    color: #00577b;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item #pills-filer-tab {
        display: none;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent h3 {
    font-size: 15pt;
    margin: 0;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .luk {
    color: #778592;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .luk:hover {
        cursor: pointer;
    }

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
    border: none;
    color: #789800;
    background: #fff;
    font-size: 15pt;
    padding: 20px 40px;
    text-transform: uppercase;
    cursor: pointer;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
        font-size: 14pt;
        padding: 15px 15px;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
    color: #dc665e;
    margin-right: 20px;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
    font-size: 15pt;
    margin: 0;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
        font-size: 11pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag:hover {
    cursor: pointer;
}

@media only screen and (max-width: 390px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 10pt;
    }
}

@media only screen and (max-width: 370px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 9pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .diff h3 {
    color: #e8b52d;
    margin-top: 15px;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .nodiff h3 {
    color: black;
    margin-top: 15px;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto {
    border: 1px solid #d4dfe8;
    background-color: #eff3f5;
    padding: 0 15px;
    margin: 0 0 15px 0;
    border-bottom: 0;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info {
        height: 54px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex h3 {
            font-weight: 400;
        }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child h3 {
            color: #00577c;
        }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey {
            color: #a8a7a8;
        }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey-d {
            color: #778592;
        }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink {
            color: #e87870;
        }

            body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink img {
                width: 24px;
            }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .konto hr {
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more {
    /*.search{
							    	@include mw480{
										display: none !important;
									}
							    }*/
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt {
        position: relative;
    }

        body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
            position: absolute;
            right: 12px;
            top: 13px;
        }

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
        top: 9px;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
    padding: 10px 40px 10px 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    display: block;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:before {
        background: url(/content/img/plus-grey.png) no-repeat right;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
        width: 100%;
        font-size: 9pt;
    }
}

@media only screen and (max-width: 380px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left.add-konter {
        font-size: 8pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left img {
    position: absolute;
    right: 12px;
    top: 12px;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:hover {
    text-decoration: none;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open {
    margin-top: 15px;
    border: 1px solid #d5e0e8;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open img {
        width: 100%;
    }

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .attachments .attachment-content {
    word-wrap: break-word;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .note-content {
    word-wrap: break-word;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik h4 {
    color: #a8a7a8;
    font-size: 10pt;
    font-weight: 400;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 {
    margin: 5px 0;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 a {
        color: #00577b;
    }

body .modal-content .historik .item-bilag-select-chk {
    display: none;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
    padding: 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
        font-size: 9pt;
    }
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left img {
    margin-left: 10px;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .local-file {
    display: none;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil-direct {
    background: url(/content/img/plus-grey.png) no-repeat;
    background-color: #eff3f5;
    background-position: 90% 50%;
    padding-right: 40px;
    white-space: nowrap;
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/cloud.png) no-repeat;
    background-position: 10% 50%;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/cloud.png) no-repeat;
        background-position: 10% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil img {
        margin-top: -5px;
    }

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/folder.png) no-repeat;
    background-position: 15% 50%;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/folder.png) no-repeat;
        background-position: 15% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil img {
        margin-top: -5px;
    }

body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner {
    max-height: 350px;
    overflow-y: scroll;
    border: 1px solid black;
}

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner img {
        width: 100%;
    }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar {
        width: 3px;
    }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-thumb {
        background: #00577b;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent #pills-filer {
        display: none;
    }
}

img {
    max-width: 100%;
}

.alert {
    border-radius: 0;
    background-clip: padding-box;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.43;
    border: 1px solid;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-shadow: none;
}

.alert-error {
    background-color: #ffcdc7;
    border-color: #ffb7a3;
    color: #891b21;
}

.homepage .logged {
    display: block;
}

.logged {
    display: none;
}

    .logged img {
        height: 28px;
    }

    .logged a {
        text-decoration: none;
    }

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

@media (min-width: 576px) {
    .ui-dialog {
        max-width: 480px;
    }
}

@media (min-width: 768px) {
    .ui-dialog {
        max-width: 600px;
    }
}

@media (min-width: 992px) {
    .ui-dialog {
        max-width: 600px;
    }
}

@media (min-width: 1200px) {
    .ui-dialog {
        max-width: 910px;
    }
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0;
    padding: .3em 1em .3em .4em;
    border-top: 1px solid #ccc;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane body .content-page .list-changepassword .btn-group .afvis, body .content-page .list-changepassword .btn-group .ui-dialog .ui-dialog-buttonpane .afvis, .ui-dialog .ui-dialog-buttonpane body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .ui-dialog .ui-dialog-buttonpane .afvis, .ui-dialog .ui-dialog-buttonpane body .content-page .list-changelanguage .btn-group .afvis, body .content-page .list-changelanguage .btn-group .ui-dialog .ui-dialog-buttonpane .afvis, .ui-dialog .ui-dialog-buttonpane body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .ui-dialog .ui-dialog-buttonpane .afvis, .ui-dialog .ui-dialog-buttonpane body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group .afvis, body .content-page .list-bilag .item-bilag .info-tab #pills-tabContent .btn-group .ui-dialog .ui-dialog-buttonpane .afvis {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }

.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
    background: #eee;
    color: red;
}

    .validateTips:empty {
        display: none;
    }

.action-bilag img, body .content-page .list-changepassword .item-bilag .open img, body .content-page .list-changelanguage .item-bilag .open img, body .content-page .list-bilag .item-bilag .open img {
    height: 14px;
}

.dpn {
    display: none;
}

.btn-edit, .btn-save {
    text-align: right;
    display: block;
}

    .btn-edit img, .btn-save img {
        width: 30px;
        background: #00577B;
        padding: 5px;
    }

.editmode {
    display: none;
}

.attachmentCountContainer {
    width: 35px;
}

.kontering-attachment {
    text-align: right;
}

    .kontering-attachment .more-left {
        /*padding: 0px 10px 4px 5px;*/
        border: 1px dashed #9d9fa0;
        background-color: #eff3f5;
        color: #00577b;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        display: block;
    }

    .kontering-attachment .accountWithAttachment {
        background: url(/content/img/show.svg) no-repeat;
        background-position: 90% 50%;
        padding-right: 25px;
        white-space: nowrap;
        border: 1px solid #789800;
        background-color: #789800;
        background-size: 25px 25px;
        height: 30px;
    }

    .kontering-attachment .create-fil, .kontering-attachment .create-fil-direct {
        background: url(/content/img/attachment.svg) no-repeat;
        background-color: #D4DFE8;
        background-position: 90% 50%;
        padding-right: 25px;
        white-space: nowrap;
        background-size: 25px 25px;
        /*&:hover {
            background: url(/content/img/blue/attachment.svg) no-repeat;
            background-color: #D4DFE8;
            background-size: 25px 25px;
        }*/
    }

    .kontering-attachment .create-local-fil {
        padding: 2px 10px 2px 5px;
        background-color: transparent;
        color: #848484;
        display: none;
        padding-left: 35px;
        background: url(/content/img/grey/folder.png) no-repeat;
        background-position: 15% 50%;
        background-size: 18px;
    }

        .kontering-attachment .create-local-fil:hover {
            color: #00577b;
            background: url(/content/img/blue/folder.png) no-repeat;
            background-position: 15% 50%;
            background-color: #eff3f5;
            background-size: 18px;
        }

        .kontering-attachment .create-local-fil img {
            margin-top: -5px;
        }

    .kontering-attachment .create-travel-fil {
        padding: 2px 10px 2px 5px;
        background-color: transparent;
        color: #848484;
        display: none;
        padding-left: 35px;
        background: url(/content/img/grey/cloud.png) no-repeat;
        background-size: 25px;
        background-position: 10% 50%;
    }

        .kontering-attachment .create-travel-fil:hover {
            color: #00577b;
            background: url(/content/img/blue/cloud.png) no-repeat;
            background-position: 10% 50%;
            background-color: #eff3f5;
            background-size: 25px;
        }

        .kontering-attachment .create-travel-fil img {
            margin-top: -5px;
        }

    .kontering-attachment .local-file {
        display: none;
    }

.dvKontering {
    margin-top: 15px;
}

/*.info {height:30px}*/
.red {
    color: red;
}

.mt20 {
    margin-top: 20px;
}

.pdl0 {
    padding-left: 0;
}

@media only screen and (max-width: 495px) {
    .add-konter {
        font-size: 14pt;
    }
}

/* attachemets modal */
.attachement-expense-modal .modal-body {
    background-color: #eff3f6;
    max-height: 700px;
    overflow-y: scroll;
}

    .attachement-expense-modal .modal-body .item-bilag {
        margin-bottom: 25px;
        padding: 25px 15px;
        background-color: #fff;
        -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
    }

        .attachement-expense-modal .modal-body .item-bilag.ui-selected {
            background-color: #CDDEE5;
        }

        .attachement-expense-modal .modal-body .item-bilag .ui-selectee {
            cursor: pointer;
        }

        .attachement-expense-modal .modal-body .item-bilag .date-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .open, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .action-bilag, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .open, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .action-bilag, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .open, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .open {
            color: #a7a7a7;
            margin-bottom: 0;
            letter-spacing: 1px;
        }

        .attachement-expense-modal .modal-body .item-bilag .title-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .price-bilag, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .price-bilag, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .price-bilag, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .price-bilag, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .price-bilag, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .price-bilag {
            color: #00577b;
        }

        .attachement-expense-modal .modal-body .item-bilag .price-bilag {
            color: #00577b;
        }

        .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .open, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .open, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .open, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .open {
            color: #e8b52d !important;
            display: list-item;
            list-style-position: inherit;
            letter-spacing: 0px;
        }

@media only screen and (max-width: 480px) {
    .attachement-expense-modal .modal-body .item-bilag {
        padding: 10px;
        margin-bottom: 15px;
    }

        .attachement-expense-modal .modal-body .item-bilag .price-bilag {
            font-size: 9pt;
        }

        .attachement-expense-modal .modal-body .item-bilag .date-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .open, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .action-bilag, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .open, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .open, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .action-bilag, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .action-bilag, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .open, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .open {
            font-size: 9pt;
        }

        .attachement-expense-modal .modal-body .item-bilag .title-bilag, .attachement-expense-modal .modal-body body .content-page .list-changepassword .item-bilag .price-bilag, body .content-page .list-changepassword .attachement-expense-modal .modal-body .item-bilag .price-bilag, .attachement-expense-modal .modal-body body .content-page .list-changelanguage .item-bilag .price-bilag, body .content-page .list-changelanguage .attachement-expense-modal .modal-body .item-bilag .price-bilag, .attachement-expense-modal .modal-body body .content-page .list-bilag .item-bilag .price-bilag, body .content-page .list-bilag .attachement-expense-modal .modal-body .item-bilag .price-bilag {
            font-size: 9pt;
        }
}

@media only screen and (max-width: 480px) {
    .attachement-expense-modal .modal-body {
        max-height: 430px;
    }
}

@media (min-width: 576px) {
    .attachement-expense-modal .modal-dialog {
        max-width: 510px;
    }
}

@media (min-width: 768px) {
    .attachement-expense-modal .modal-dialog {
        max-width: 630px;
    }
}

@media (min-width: 992px) {
    .attachement-expense-modal .modal-dialog {
        max-width: 630px;
    }
}

@media (min-width: 1200px) {
    .attachement-expense-modal .modal-dialog {
        max-width: 940px;
    }
}

.btn-sample {
    width: 100%;
    color: #030303;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

    .btn-sample:hover,
    .btn-sample:focus,
    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        color: #030303;
        background-color: #eff3f6;
        border-color: #FFFFFF;
    }

    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        background-image: none;
    }

    .btn-sample.disabled,
    .btn-sample[disabled],
    fieldset[disabled] .btn-sample,
    .btn-sample.disabled:hover,
    .btn-sample[disabled]:hover,
    fieldset[disabled] .btn-sample:hover,
    .btn-sample.disabled:focus,
    .btn-sample[disabled]:focus,
    fieldset[disabled] .btn-sample:focus,
    .btn-sample.disabled:active,
    .btn-sample[disabled]:active,
    fieldset[disabled] .btn-sample:active,
    .btn-sample.disabled.active,
    .btn-sample[disabled].active,
    fieldset[disabled] .btn-sample.active {
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }

    .btn-sample .badge {
        color: #FFFFFF;
        background-color: #030303;
    }

input {
    border-radius: 0;
}


div.search {
    margin-top: 5px;
    margin-bottom: 15px;
    display: flex;
}

    div.search input[type=text], input[type=number] {
        padding: 10px;
        font-size: 17px;
        border: 1px solid #A8A7A8;
        float: left;
        width: 90%;
        background: #fff;
        display: inline;
    }

    /* Style the submit button */
    div.search button {
        float: left;
        width: 10%;
        min-width: 60px;
        padding: 10px;
        background: #A8A7A8;
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none; /* Prevent double borders */
        cursor: pointer;
        display: inline !important;
    }

        div.search button:hover {
            background: #00577b;
        }

    /* Clear floats */
    div.search::after {
        content: "";
        clear: both;
        display: table;
    }


.searchHide {
    visibility: hidden;
    position: absolute;
}

.searchShow {
    visibility: visible;
    position: relative;
}

.btn-menu {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #00577C;
    color: white;
    padding: 15px;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    text-align: center;
    text-decoration: none;
}

.blue {
    background-color: #00577C;
}

.gray {
    background-color: #A8A7A8;
}


.blue:hover {
    background-color: #00699D;
    text-decoration: none;
}

.gray:hover {
    background-color: #777777;
    text-decoration: none;
}



.a-btn-menu:hover {
    text-decoration: none;
}

.btn-menu-padding-right {
    padding-right: 5px;
}

.btn-menu-padding-left {
    padding-left: 5px;
}


.filterLabel {
    margin-left: 15px;
}



.loadSpinner-modal .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

    .loadSpinner-modal .modal-dialog .modal-content {
        border: none;
    }

.loadingSpinnerContent {
    /*border: 1px solid;
    background-color: white;*/
    background-color: transparent;
    padding: 20px;
}

    .loadingSpinnerContent .loadSpinner {
        color: #00577b;
    }

.load-spinner-background-backdrop {
    background-color: transparent;
    /*opacity: 0.9;*/
}

.landingImage {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 0px !important;
}

    .landingImage img {
        width: 20%;
        height: 20%;
        max-height: 300px;
        max-width: 300px;
    }


    .landingImage a {
        text-decoration: none;
        color: #00577D;
        font-weight: bold;
    }

        .landingImage a:hover {
            text-decoration: none;
            color: #00577D;
            font-weight: bold;
        }

/* New icons - start */
body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:before {
    background: url(/content/img/grey/more.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore.active:before {
    background: url(/content/img/blue/more.png);
}


body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:before {
    background: url(/content/img/grey/more.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore.active:before {
    background: url(/content/img/blue/more.png);
}


body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:before {
    background: url(/content/img/grey/more.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nmore:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.more.active:before {
    background: url(/content/img/blue/more.png);
}



body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:before {
    background: url(/content/img/grey/savedoc.png);
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:hover:before, body .content-page .list-changepassword .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf.active:before {
    background: url(/content/img/blue/savedoc.png);
}


body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:before {
    background: url(/content/img/grey/savedoc.png);
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:hover:before, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf.active:before {
    background: url(/content/img/blue/savedoc.png);
}


body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:before {
    background: url(/content/img/grey/savedoc.png);
}

body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.nsavepdf:hover:before, body .content-page .list-bilag .item-bilag .info-tab #pills-tab .nav-item .nav-link.more.active:before {
    background: url(/content/img/blue/savedoc.png);
}




/* New icons - end */


/* Checkbox - start*/


/*input[type=checkbox] {
    display: none;
}*/


    input[type=checkbox] + label {
        background-image: url("/content/img/icons8-unchecked-checkbox.svg");
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    input[type=checkbox]:checked + label {
        background-image: url("/content/img/icons8-checked-checkbox.svg");
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    input[type=checkbox] + label.small-box {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        margin-bottom: 0px;
    }

    input[type=checkbox] + label.small-box {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        margin-bottom: 0px;
    }

.item-checkBox {
    margin: auto;
    width: 50%;
    padding-bottom: 10px;
    padding-left: 5px;
}


@media only screen and (max-width: 480px) {
    input[type=checkbox] + label {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
    }

    input[type=checkbox]:checked + label {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
    }

    .item-checkBox {
        margin: auto;
        width: 50%;
        padding-bottom: 0px;
        padding-left: 19px;
    }
}
/* Checkbox - end */



.form-check-input, .form-check-bf-label {
    background-image: none !important;
    background-size: auto !important;
    height: auto !important;
    width: auto !important;
}

.form-check-input {
    display: block !important;
}

/* Radio - start*/


input[type=radio] {
    display: none;
}


    input[type=radio] + label {
        background-image: url("/content/img/icons8-unchecked-checkbox.svg");
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    input[type=radio]:checked + label {
        background-image: url("/content/img/icons8-checked-checkbox.svg");
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    input[type=radio] + label.small-box {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        margin-bottom: 0px;
    }

    input[type=radio] + label.small-box {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        margin-bottom: 0px;
    }

.item-checkBox {
    margin: auto;
    width: 50%;
    padding-bottom: 10px;
    padding-left: 5px;
}


@media only screen and (max-width: 480px) {
    input[type=radio] + label {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
    }

    input[type=radio]:checked + label {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
    }

    .item-checkBox {
        margin: auto;
        width: 50%;
        padding-bottom: 0px;
        padding-left: 19px;
    }
}
/* Radio - end */


.btn-export-doc {
   
    color: #00577b;
    background-color: #fff;
    cursor: pointer;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    display: inline-block;
    height: 50px;
    width: 50px;
    background-position: center;
}


.btn-mail-doc {
    background: url(/content/img/grey/send_grey.png) no-repeat;
}

.btn-mail-doc:hover {
    background: url(/content/img/blue/send_blue.png) no-repeat;
}


.btn-save-doc {
    background: url(/content/img/grey/savedoc.png) no-repeat;
}

.btn-save-doc:hover {
    background: url(/content/img/blue/savedoc.png) no-repeat;
}


.btn-print-doc {
    background: url(/content/img/grey/print_grey.png) no-repeat;
}

.btn-print-doc:hover {
    background: url(/content/img/blue/print_blue.png) no-repeat;
}


.btn-flow-doc {
background: url(/content/img/grey/flow_grey.png) no-repeat;
}

.btn-flow-doc:hover {
    background: url(/content/img/blue/flow_blue.png) no-repeat;
}


.action-menu-btn {
    background: url(/content/img/grey/menu_grey.png) no-repeat;
    height: 50px;
    width: 50px;
    margin-left: 30px;
}

.action-menu-btn-close {
    background: url(/content/img/grey/menu_close_grey.png) no-repeat;
}
.action-menu-btn-close:hover {
    background: url(/content/img/blue/menu_close_blue.png) no-repeat;
}

.action-menu-btn-open {
    background: url(/content/img/grey/menu_grey.png) no-repeat;
}
.action-menu-btn-open:hover {
    background: url(/content/img/blue/menu_blue.png) no-repeat;
}


/*.action-menu-btn:hover {
    background: url(/content/img/blue/menu_blue.png) no-repeat;
    height: 50px;
    width: 50px;
}*/


.pills-tab-secondary {
    float: right;
}

.buttonsMenuHide {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    height: 0;
    overflow: hidden;
    transition: opacity 200ms ease-out, filter 200ms ease-out;
}

.buttonsMenuShow {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    display: block;
    height: auto;
    transition: opacity 200ms ease-in, filter 200ms ease-in;
}


.action-download-excel {
    background: url(/content/img/grey/export-excel_grey.png) no-repeat;
    height: 50px;
    width: 50px;
}


    .action-download-excel:hover {
        background: url(/content/img/blue/export-excel_blue.png) no-repeat;
        
    }

/*
.collapsing {
    transition: none !important;
}*/
.flow-button {
    background-color: #fff;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    color: #00577b;
    font-size: 15pt;
    text-transform: uppercase;
    padding: 25px 0;
    cursor: pointer;
    width:100%;
}


.add-user-to-flow-btn {
    background: url(/content/img/plus-grey.png) no-repeat;
    background-color: #eff3f5;
    background-position: 60% 50%;
    white-space: nowrap;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    margin-left: 5px;
    padding: 7px 25px 7px 10px;
    /*position: relative;*/
}

.manualFlowUser {
    border: 1px solid black;
}
.manual-flow-action-btn {
    
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.manual-flow-sort-up {
    background-image: url(/content/img/up.png);
}
.manual-flow-sort-down {
    background-image: url(/content/img/down.png);
}
.manual-flow-remove-user {
    background-image: url(/content/img/trash_red.png);
}

.manualFlowUserList {
    list-style-type: none;
    list-style: none;
    padding-left: 30px;
}
.manualFlowUserTemplateStyle {
    max-width:400px;
}

#flowManualUserSelect .select2-container {
    width: 90% !important;
}

#flowManualUserSelect .select2-selection--single {
    height: 35px !important;
}
#flowManualUserSelect .select2-selection__rendered {
    line-height: 33px !important;
}

#flowManualUserSelect .select2-selection__arrow {
    height: 34px !important;
}
.ManualFlowUserDropDown {
    width: 90%;
    height: 35px;
}
.flowLabel {
    font-weight: bold;
}
.numberRight {
    text-align: right;
    padding:5px !important;
}
.innerRowContainer {
    border: 1px dashed black;
    min-width: 460px;
    padding: 10px 10px 10px 0px;
    margin-bottom: 5px;
}



@media only screen and (max-width: 480px) {
    .innerRowContainer {
        border: 1px dashed black;
        min-width: 325px;
        padding: 10px 10px 10px 0px;
        margin-bottom: 5px;
    }


    .ManualFlowUserDropDown {
        width: 80%;
        height: 35px;
    }

    .flow-user-name {
        max-width: 225px;
    }
}

@charset "utf-8";

/* 规则 */

.lnv-dialog {
    position: fixed;
    z-index: 150;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FAFAFC;
    text-align: center;
    border-radius: 3px;
}

.lnv-dialog-confirm .lnv-dialog .lnv-dialog-hd {
    padding: 1.2em 20px .5em;
}

.lnv-dialog-confirm .lnv-dialog .lnv-dialog-bd {
    text-align: left;
}

.lnv-dialog-hd {
    padding: 1.2em 0 .5em;
}

.lnv-dialog-title {
    font-weight: 400;
    font-size: 17px;
}

.lnv-dialog-bd {
    padding: 0 20px;
    font-size: 15px;
    color: #888;
    word-wrap: break-word;
   
}

.lnv-dialog-ft {
    position: relative;
    line-height: 42px;
    margin-top: 20px;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lnv-dialog-ft a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3CC51F;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lnv-dialog-ft a:active {
    background-color: #EEEEEE;
}

.lnv-dialog-ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.lnv-dialog-confirm .lnv-dialog-ft a {
    position: relative;
}

.lnv-dialog-confirm .lnv-dialog-ft a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.lnv-dialog-confirm .lnv-dialog-ft a:first-child:after {
    display: none;
}

.lnv-btn-dialog.default {
    color: #353535;
}

.lnv-btn-dialog.primary.red {
    color: red;
}

@media screen and (min-width: 1024px) {
    .lnv-dialog {
        width: 35%;
        max-width: 970px
    }
}

.lnv-mask {
    position: fixed;
    z-index: 140;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.lnv-mask-transparent {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.lnv-mask-transition {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background .3s;
    transition: background .3s;
}
/* The purpose for this file is to include all styles shared between BatchCapture og BatchFlow
   Currently A LOT of styles are duplicated in the style_batchcapture.css and style_batchflow.css, but these should be moved to this file. 
*/

@media screen and (max-width: 1200px) {
    body header .header-page {
        min-height: 60px;
    }
    
    .container .logo .navbar-brand {
        padding: 0;
        margin: 0;
    }
}

@media screen and (min-width: 1200px) {
    body header .header-page {
        padding: 15px;
        min-height: 76px;
        max-height: auto;
    }
}

body header .header-page {
    max-height: 40px;
    padding: 0;
}

body header {
    z-index: 50;
}

body header nav.navbar.navbar-dark {
    position: fixed;
}

.no-content-info-box {
    background-color: #007BA9;
    white-space: normal;
}

body header .navbar .navbar-toggler {
    width: 50px;
    height: 38px;
    border: none;
    outline: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    body header .navbar .navbar-toggler span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #ffffff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        body header .navbar .navbar-toggler span:nth-child(1), body header .navbar .navbar-toggler .open span:nth-child(4), body header .navbar .open .navbar-toggler span:nth-child(4) {
            top: 0px;
        }

        body header .navbar .navbar-toggler span:nth-child(2), body header .navbar .navbar-toggler span:nth-child(3) {
            top: 14px;
        }

        body header .navbar .navbar-toggler span:nth-child(4) {
            top: 28px;
        }

body header .navbar .open span:nth-child(1), body header .navbar .open span:nth-child(4) {
    top: 14px;
    width: 0%;
    left: 50%;
}

body header .navbar .open span:nth-child(2), body header .navbar .open .navbar-toggler span:nth-child(3), body header .navbar .navbar-toggler .open span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body header .navbar .open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body .content .login .login-form #drop-outer {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

    body .content .login .login-form #drop-outer #drop {
        text-transform: uppercase;
        padding: 7px 0px;
        margin-bottom: 50px;
        -moz-appearance: none;
        -webkit-appearance: none;
        word-wrap: break-word;
    }

        body .content .login .login-form #drop-outer #drop option {
            color: #000;
            text-transform: capitalize;
            margin: 10px 0;
        }

    body .content .login .login-form #drop-outer:after {
        display: block;
        content: "\f107";
        font: normal normal normal 35px/1 FontAwesome;
        color: #fff;
        right: 0;
        top: 0;
        padding: 5px 0px;
        position: absolute;
        pointer-events: none;
    }

body .content .login .login-form .btn-log {
    background-color: #fff;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    color: #00577b;
    font-size: 15pt;
    text-transform: uppercase;
    padding: 25px 0;
    cursor: pointer;
}

body .content-page .list-changepassword {
    margin: 10px 0px 10px 0px;
}

    body .content-page .list-changepassword .btn-log {
        margin-top: 15px;
    }

    body .content-page .list-changepassword .lukchpwd {
        font-size: 15pt;
        margin: 0;
        color: #778592;
    }

        body .content-page .list-changepassword .lukchpwd:hover {
            cursor: pointer;
            text-decoration: none;
        }


         body .content-page .list-changepassword {
        margin: 10px 0px 10px 0px;
    }

        body .content-page .list-changepassword .btn-log {
            margin-top: 15px;
        }

        body .content-page .list-changepassword .lukchpwd {
            font-size: 15pt;
            margin: 0;
            color: #778592;
        }

            body .content-page .list-changepassword .lukchpwd:hover {
                cursor: pointer;
                text-decoration: none;
            }


            body .content-page .list-changepassword .btn-group .afvis {
                color: #dc665e;
                margin-right: 20px;
            }

            body .content-page .list-changepassword .item-bilag {
                margin-bottom: 5px;
                background-color: #fff;
                /*@include mw480 {
                    margin-bottom: 15px;
                }*/
                -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
                -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
                box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
            }

                body .content-page .list-changepassword .item-bilag:hover {
                    cursor: pointer;
                }

                body .content-page .list-changepassword .item-bilag .changepassword-heading {
                    padding: 15px;
                }

                body .content-page .list-changepassword .item-bilag .bilag-heading {
                    padding: 15px;
                }

                body .content-page .list-changepassword .item-bilag .dvDocument {
                    padding: 5px;
                }

@media only screen and (max-width: 345px) {
    body .content-page .list-changepassword .item-bilag .dvDocument {
        padding: 6px;
    }
}

body .content-page .list-changepassword .item-bilag .bilag-heading:focus {
    outline: 0;
}

body .content-page .list-changepassword .item-bilag .profilepage-heading:focus {
    outline: 0;
}

body .content-page .list-changepassword .item-bilag .changepassword-heading:focus {
    outline: 0;
}

body .content-page .list-changepassword .item-bilag .password {
    margin-bottom: 5px;
    width: 400px;
}

body .content-page .list-changepassword .item-bilag .title-bilag, body .content-page .list-changepassword .item-bilag .price-bilag {
    color: #00577b;
    font-size: 16pt;
}

body .content-page .list-changepassword .item-bilag .title-bilag, body .content-page .list-changepassword .item-bilag .net-price-bilag {
    color: #7f7f7f;
    font-size: 14pt;
}

body .content-page .list-changepassword .item-bilag .title-bilag:hover, body .content-page .list-changepassword .item-bilag .price-bilag:hover {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .title-bilag, body .content-page .list-changepassword .item-bilag .price-bilag {
        font-size: 14pt;
    }
}

body .content-page .list-changepassword .item-bilag .date-bilag, body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .item-bilag .open {
    color: #a7a7a7;
    margin-bottom: 0;
    font-size: 14pt;
    font-weight: 400;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .date-bilag, body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .date-bilag img, body .content-page .list-changepassword .item-bilag .action-bilag img, body .content-page .list-changepassword .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .date-bilag img, body .content-page .list-changepassword .item-bilag .action-bilag img, body .content-page .list-changepassword .item-bilag .open img {
        height: 11px;
    }
}

body .content-page .list-changepassword .item-bilag .action-bilag img, body .content-page .list-changepassword .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .action-bilag img, body .content-page .list-changepassword .item-bilag .open img {
        height: 11px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .action-bilag, body .content-page .list-changepassword .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .open {
    display: list-item;
    list-style-position: inherit;
    color: #789800;
}

body .content-page .list-changepassword .item-bilag .info-tab {
    margin: 0 0 0px 0;
    border-top: 2px solid #efefef;
    width: 100%;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .lukchpwd {
        font-size: 15pt;
        margin: 0;
        color: #778592;
    }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .lukchpwd:hover {
            cursor: pointer;
        }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
        margin-right: 15px;
        border: none;
        color: #789800;
        background: #fff;
        font-size: 15pt;
        padding: 10px 10px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
        font-size: 14pt;
        padding: 15px 15px;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
    color: #dc665e;
    margin-right: 20px;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
    font-size: 15pt;
    margin: 0;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
        font-size: 11pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag:hover {
    cursor: pointer;
}

@media only screen and (max-width: 390px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 10pt;
    }
}

@media only screen and (max-width: 370px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .diff h3 {
    color: #e8b52d;
    margin-top: 15px;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .nodiff h3 {
    color: black;
    margin-top: 15px;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto {
    border: 1px solid #d4dfe8;
    background-color: #eff3f5;
    padding: 0 15px;
    margin: 0 15px 15px 15px;
    border-bottom: 0;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info {
        height: 54px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex h3 {
            font-weight: 400;
        }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child h3 {
            color: #00577c;
        }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey {
            color: #a8a7a8;
        }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey-d {
            color: #778592;
        }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink {
            color: #e87870;
        }

            body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink img {
                width: 24px;
            }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .konto hr {
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more {
    /*.search{
							    	@include mw480{
										display: none !important;
									}
							    }*/
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt {
        position: relative;
    }

        body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
            position: absolute;
            right: 12px;
            top: 13px;
        }

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
        top: 9px;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
    padding: 10px 40px 10px 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    display: block;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:before {
        background: url(/content/img/plus-grey.png) no-repeat right;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
        width: 100%;
        font-size: 9pt;
    }
}

@media only screen and (max-width: 380px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left.add-konter {
        font-size: 8pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left img {
    position: absolute;
    right: 12px;
    top: 12px;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:hover {
    text-decoration: none;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open {
    margin-top: 15px;
    border: 1px solid #d5e0e8;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open img {
        width: 100%;
    }

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .attachments .attachment-content {
    word-wrap: break-word;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .note-content {
    word-wrap: break-word;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik h4 {
    color: #a8a7a8;
    font-size: 10pt;
    font-weight: 400;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 {
    margin: 5px 0;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 a {
        color: #00577b;
    }

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
    padding: 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
        font-size: 9pt;
    }
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left img {
    margin-left: 10px;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .local-file {
    display: none;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil, body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil-direct {
    background: url(/content/img/plus-grey.png) no-repeat;
    background-color: #eff3f5;
    background-position: 90% 50%;
    padding-right: 40px;
    white-space: nowrap;
}

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/cloud.png) no-repeat;
    background-position: 10% 50%;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/cloud.png) no-repeat;
        background-position: 10% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil img {
        margin-top: -5px;
    }

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/folder.png) no-repeat;
    background-position: 15% 50%;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/folder.png) no-repeat;
        background-position: 15% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil img {
        margin-top: -5px;
    }

body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner {
    max-height: 350px;
    overflow-y: scroll;
    border: 1px solid black;
}

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner img {
        width: 100%;
    }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar {
        width: 3px;
    }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-thumb {
        background: #00577b;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changepassword .item-bilag .info-tab #pills-tabContent #pills-filer {
        display: none;
    }
}

body .content-page .list-changelanguage {
    margin: 5px 0;
}

    body .content-page .list-changelanguage .btn-log {
        margin-top: 15px;
    }

    body .content-page .list-changelanguage .lukchpwd {
        font-size: 15pt;
        margin: 0;
        color: #778592;
    }

        body .content-page .list-changelanguage .lukchpwd:hover {
            cursor: pointer;
        }


    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .lukchpwd {
        font-size: 15pt;
        margin: 0;
        color: #778592;
    }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .lukchpwd:hover {
            cursor: pointer;
        }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
        margin-right: 15px;
        border: none;
        color: #789800;
        background: #fff;
        font-size: 15pt;
        padding: 10px 10px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group button, body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
        font-size: 14pt;
        padding: 15px 15px;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .btn-group .afvis {
    color: #dc665e;
    margin-right: 20px;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
    font-size: 15pt;
    margin: 0;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .info h3 {
        font-size: 11pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag:hover {
    cursor: pointer;
}

@media only screen and (max-width: 390px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 10pt;
    }
}

@media only screen and (max-width: 370px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .info h3.visbilag {
        font-size: 9pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .diff h3 {
    color: #e8b52d;
    margin-top: 15px;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .nodiff h3 {
    color: black;
    margin-top: 15px;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto {
    border: 1px solid #d4dfe8;
    background-color: #eff3f5;
    padding: 0 15px;
    margin: 0 15px 15px 15px;
    border-bottom: 0;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info {
        height: 54px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex h3 {
            font-weight: 400;
        }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child h3 {
            color: #00577c;
        }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey {
            color: #a8a7a8;
        }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .grey-d {
            color: #778592;
        }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink {
            color: #e87870;
        }

            body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto .info .d-flex:last-child .pink img {
                width: 24px;
            }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .konto hr {
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more {
    /*.search{
							    	@include mw480{
										display: none !important;
									}
							    }*/
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt {
        position: relative;
    }

        body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
            position: absolute;
            right: 12px;
            top: 13px;
        }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .sbt img {
        top: 9px;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
    padding: 10px 40px 10px 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    display: block;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:before {
        background: url(/content/img/plus-grey.png) no-repeat right;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left {
        width: 100%;
        font-size: 9pt;
    }
}

@media only screen and (max-width: 380px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left.add-konter {
        font-size: 8pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left img {
    position: absolute;
    right: 12px;
    top: 12px;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .more-left:hover {
    text-decoration: none;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open {
    margin-top: 15px;
    border: 1px solid #d5e0e8;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .more .img-open img {
        width: 100%;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .attachments .attachment-content {
    word-wrap: break-word;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .note-content {
    word-wrap: break-word;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik h4 {
    color: #a8a7a8;
    font-size: 10pt;
    font-weight: 400;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 {
    margin: 5px 0;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik h3 a {
        color: #00577b;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
    padding: 10px;
    border: 1px dashed #9d9fa0;
    background-color: #eff3f5;
    color: #00577b;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left {
        font-size: 9pt;
    }
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .more-left img {
    margin-left: 10px;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .local-file {
    display: none;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-fil {
    background: url(/content/img/plus-grey.png) no-repeat;
    background-color: #eff3f5;
    background-position: 90% 50%;
    padding-right: 40px;
    white-space: nowrap;
}

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/cloud.png) no-repeat;
    background-position: 10% 50%;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/cloud.png) no-repeat;
        background-position: 10% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-travel-fil img {
        margin-top: -5px;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil {
    background-color: transparent;
    color: #848484;
    display: none;
    padding-left: 45px;
    background: url(/content/img/grey/folder.png) no-repeat;
    background-position: 15% 50%;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil:hover {
        color: #00577b;
        background: url(/content/img/blue/folder.png) no-repeat;
        background-position: 15% 50%;
        background-color: #eff3f5;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent .tab-pane .historik .create-local-fil img {
        margin-top: -5px;
    }

body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner {
    max-height: 350px;
    overflow-y: scroll;
    border: 1px solid black;
}

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner img {
        width: 100%;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar {
        width: 3px;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-vis .vis-inner::-webkit-scrollbar-thumb {
        background: #00577b;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .info-tab #pills-tabContent #pills-filer {
        display: none;
    }
}

body .content-page .list-changelanguage .btn-group .afvis {
    color: #dc665e;
    margin-right: 20px;
}

body .content-page .list-changelanguage .item-bilag {
    margin-bottom: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.17);
}

    body .content-page .list-changelanguage .item-bilag:hover {
        cursor: pointer;
    }

    body .content-page .list-changelanguage .item-bilag .changelanguage-heading {
        padding: 15px;
    }

    body .content-page .list-changelanguage .item-bilag .bilag-heading {
        padding: 15px;
    }

    body .content-page .list-changelanguage .item-bilag .dvDocument {
        padding: 5px;
    }

@media only screen and (max-width: 345px) {
    body .content-page .list-changelanguage .item-bilag .dvDocument {
        padding: 6px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag {
        margin-bottom: 15px;
    }
}

body .content-page .list-changelanguage .item-bilag .bilag-heading:focus {
    outline: 0;
}

body .content-page .list-changelanguage .item-bilag .profilepage-heading:focus {
    outline: 0;
}

body .content-page .list-changelanguage .item-bilag .changepassword-heading:focus {
    outline: 0;
}

body .content-page .list-changelanguage .item-bilag .password {
    margin-bottom: 5px;
    width: 400px;
}

body .content-page .list-changelanguage .item-bilag .title-bilag, body .content-page .list-changelanguage .item-bilag .price-bilag {
    color: #00577b;
    font-size: 16pt;
}

    body .content-page .list-changelanguage .item-bilag .title-bilag:hover, body .content-page .list-changelanguage .item-bilag .price-bilag:hover {
        cursor: pointer;
    }

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .title-bilag, body .content-page .list-changelanguage .item-bilag .price-bilag {
        font-size: 14pt;
    }
}

body .content-page .list-changelanguage .item-bilag .date-bilag, body .content-page .list-changelanguage .item-bilag .action-bilag, body .content-page .list-changelanguage .item-bilag .open {
    color: #a7a7a7;
    margin-bottom: 0;
    font-size: 14pt;
    font-weight: 400;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .date-bilag, body .content-page .list-changelanguage .item-bilag .action-bilag, body .content-page .list-changelanguage .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-changelanguage .item-bilag .date-bilag img, body .content-page .list-changelanguage .item-bilag .action-bilag img, body .content-page .list-changelanguage .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .date-bilag img, body .content-page .list-changelanguage .item-bilag .action-bilag img, body .content-page .list-changelanguage .item-bilag .open img {
        height: 11px;
    }
}

body .content-page .list-changelanguage .item-bilag .action-bilag img, body .content-page .list-changelanguage .item-bilag .open img {
    vertical-align: baseline;
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .action-bilag img, body .content-page .list-changelanguage .item-bilag .open img {
        height: 11px;
    }
}

@media only screen and (max-width: 480px) {
    body .content-page .list-changelanguage .item-bilag .action-bilag, body .content-page .list-changelanguage .item-bilag .open {
        font-size: 9pt;
    }
}

body .content-page .list-changelanguage .item-bilag .open {
    display: list-item;
    list-style-position: inherit;
    color: #789800;
}

body .content-page .list-changelanguage .item-bilag .info-tab {
    margin: 0 0 0px 0;
    border-top: 2px solid #efefef;
    width: 100%;
}


.mcustom-select {
    position: relative;
    font-family: 'Segoe UI', sans-serif;
    width: 100%;
}

    .mcustom-select select {
        display: none;
        /*hide original SELECT element:*/
    }

.select-selected {
    background-color: DodgerBlue;
}

    /*style the arrow inside the select element:*/
    .select-selected:after {
        display: block;
        content: "\f107";
        font: normal normal normal 35px/1 FontAwesome;
        color: #fff;
        right: 0;
        top: 0;
        padding: 5px 0px;
        position: absolute;
        pointer-events: none;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    user-select: none;
    display: block;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18pt;
    outline: none;
    width: 100%;
    text-transform: uppercase;
    padding: 7px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.select-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.mcustom-select {
    position: relative;
    font-family: Arial;
    width: 100%;
}

    .mcustom-select select {
        display: none;
        /*hide original SELECT element:*/
    }

.select-selected {
    background-color: DodgerBlue;
}

    /*style the arrow inside the select element:*/
    .select-selected:after {
        display: block;
        content: "\f107";
        font: normal normal normal 35px/1 FontAwesome;
        color: #fff;
        right: 0;
        top: 0;
        padding: 5px 0px;
        position: absolute;
        pointer-events: none;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    user-select: none;
    display: block;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18pt;
    outline: none;
    width: 100%;
    text-transform: uppercase;
    padding: 7px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.select-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-dialog .ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-dialog .ui-button .ui-icon {
    background-image: url(/content/img/ui-icons_777777_256x240.png);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

.ui-dialog .ui-icon-closethick {
    background-position: -96px -128px;
}

.btn-toggle{margin:0 0;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;color:#6b7381;background:#bdc1c8;}.btn-toggle:focus,.btn-toggle.focus{outline:none;box-shadow:none;}.btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active{outline:none;}.btn-toggle:before,.btn-toggle:after{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}.btn-toggle>.handle{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}.btn-toggle.active{transition:background-color .25s;}.btn-toggle.active>.handle{left:1.6875rem;transition:left .25s;}.btn-toggle.active:before{opacity:.5;}.btn-toggle.active:after{opacity:1;}.btn-toggle.btn-sm:before,.btn-toggle.btn-sm:after{line-height:-.5rem;color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}.btn-toggle.btn-sm:before{text-align:right;}.btn-toggle.btn-sm:after{text-align:left;opacity:0;}.btn-toggle.btn-sm.active:before{opacity:0;}.btn-toggle.btn-sm.active:after{opacity:1;}.btn-toggle.btn-xs:before,.btn-toggle.btn-xs:after{display:none;}.btn-toggle:before,.btn-toggle:after{color:#6b7381;}.btn-toggle.active{background-color:#c6d300;}.btn-toggle.btn-lg{margin:0 0;padding:0;position:relative;border:none;height:2.5rem;width:5rem;border-radius:2.5rem;}.btn-toggle.btn-lg:focus,.btn-toggle.btn-lg.focus{outline:none;box-shadow:none;}.btn-toggle.btn-lg:focus,.btn-toggle.btn-lg.focus,.btn-toggle.btn-lg:focus.active,.btn-toggle.btn-lg.focus.active{outline:none;}.btn-toggle.btn-lg:before,.btn-toggle.btn-lg:after{line-height:2.5rem;width:5rem;text-align:center;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}.btn-toggle.btn-lg>.handle{position:absolute;top:.3125rem;left:.3125rem;width:1.875rem;height:1.875rem;border-radius:1.875rem;background:#fff;transition:left .25s;}.btn-toggle.btn-lg.active{transition:background-color .25s;}.btn-toggle.btn-lg.active>.handle{left:2.8125rem;transition:left .25s;}.btn-toggle.btn-lg.active:before{opacity:.5;}.btn-toggle.btn-lg.active:after{opacity:1;}.btn-toggle.btn-lg.btn-sm:before,.btn-toggle.btn-lg.btn-sm:after{line-height:.5rem;color:#fff;letter-spacing:.75px;left:.6875rem;width:3.875rem;}.btn-toggle.btn-lg.btn-sm:before{text-align:right;}.btn-toggle.btn-lg.btn-sm:after{text-align:left;opacity:0;}.btn-toggle.btn-lg.btn-sm.active:before{opacity:0;}.btn-toggle.btn-lg.btn-sm.active:after{opacity:1;}.btn-toggle.btn-lg.btn-xs:before,.btn-toggle.btn-lg.btn-xs:after{display:none;}.btn-toggle.btn-sm{margin:0 0;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;}.btn-toggle.btn-sm:focus,.btn-toggle.btn-sm.focus{outline:none;box-shadow:none;}.btn-toggle.btn-sm:focus,.btn-toggle.btn-sm.focus,.btn-toggle.btn-sm:focus.active,.btn-toggle.btn-sm.focus.active{outline:none;}.btn-toggle.btn-sm:before,.btn-toggle.btn-sm:after{line-height:1.5rem;width:.5rem;text-align:center;font-weight:600;font-size:.55rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}.btn-toggle.btn-sm>.handle{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}.btn-toggle.btn-sm.active{transition:background-color .25s;}.btn-toggle.btn-sm.active>.handle{left:1.6875rem;transition:left .25s;}.btn-toggle.btn-sm.active:before{opacity:.5;}.btn-toggle.btn-sm.active:after{opacity:1;}.btn-toggle.btn-sm.btn-sm:before,.btn-toggle.btn-sm.btn-sm:after{line-height:-.5rem;color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}.btn-toggle.btn-sm.btn-sm:before{text-align:right;}.btn-toggle.btn-sm.btn-sm:after{text-align:left;opacity:0;}.btn-toggle.btn-sm.btn-sm.active:before{opacity:0;}.btn-toggle.btn-sm.btn-sm.active:after{opacity:1;}.btn-toggle.btn-sm.btn-xs:before,.btn-toggle.btn-sm.btn-xs:after{display:none;}.btn-toggle.btn-xs{margin:0 0;padding:0;position:relative;border:none;height:1rem;width:2rem;border-radius:1rem;}.btn-toggle.btn-xs:focus,.btn-toggle.btn-xs.focus{outline:none;box-shadow:none;}.btn-toggle.btn-xs:focus,.btn-toggle.btn-xs.focus,.btn-toggle.btn-xs:focus.active,.btn-toggle.btn-xs.focus.active{outline:none;}.btn-toggle.btn-xs:before,.btn-toggle.btn-xs:after{line-height:1rem;width:0;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}.btn-toggle.btn-xs>.handle{position:absolute;top:.125rem;left:.125rem;width:.75rem;height:.75rem;border-radius:.75rem;background:#fff;transition:left .25s;}.btn-toggle.btn-xs.active{transition:background-color .25s;}.btn-toggle.btn-xs.active>.handle{left:1.125rem;transition:left .25s;}.btn-toggle.btn-xs.active:before{opacity:.5;}.btn-toggle.btn-xs.active:after{opacity:1;}.btn-toggle.btn-xs.btn-sm:before,.btn-toggle.btn-xs.btn-sm:after{line-height:-1rem;color:#fff;letter-spacing:.75px;left:.275rem;width:1.55rem;}.btn-toggle.btn-xs.btn-sm:before{text-align:right;}.btn-toggle.btn-xs.btn-sm:after{text-align:left;opacity:0;}.btn-toggle.btn-xs.btn-sm.active:before{opacity:0;}.btn-toggle.btn-xs.btn-sm.active:after{opacity:1;}.btn-toggle.btn-xs.btn-xs:before,.btn-toggle.btn-xs.btn-xs:after{display:none;}.btn-toggle.btn-secondary{color:#6b7381;background:#bdc1c8;}.btn-toggle.btn-secondary:before,.btn-toggle.btn-secondary:after{color:#6b7381;}.btn-toggle.btn-secondary.active{background-color:#ff8300;}
body section.content.content-page .profile-header{display:flex;align-items:center;justify-content:flex-start;color:#00577C;font-weight:500}body section.content.content-page .profile-header .icon{margin-right:1rem}body section.content.content-page .profile-header .icon svg{fill:#00577C}body section.content.content-page .separator-line{width:100%;border-bottom:1px solid #333;margin-bottom:1rem}body section.content.content-page #profileform h5.form-label{margin-top:1rem;color:#00577C}body section.content.content-page #profileform .btn.btn-bf-primary{background:#778592;color:#fff}body section.content.content-page #profileform .btn.btn-bf-success{background:#C4D500;color:#fff;padding:10px;width:100%;border:1px solid #a7a7a7}body section.content.content-page #profileform .form-group{position:relative}body section.content.content-page #profileform .form-group .subscribe-newsletter{position:absolute;right:3px;bottom:-4px;opacity:1}body section.content.content-page #profileform .form-group .subscribe-newsletter:hover{opacity:.8}body section.content.content-page #profileform .form-group .form-label{color:#888}body section.content.content-page #profileform .form-group .form-check .form-check-bf-label{color:#888}body section.content.content-page #profileform .form-group .select2.select2-container{width:100%!important}body section.content.content-page #profileform .form-group .select2.select2-container .select2-selection__rendered{line-height:36px!important}body section.content.content-page #profileform .form-group .select2.select2-container .select2-selection--single{height:38px!important}body section.content.content-page #profileform .form-group .select2.select2-container .select2-selection__arrow{height:38px!important}body section.content.content-page #profileform .form-group .form-control.bf-form-control{border-color:#84ADBD}body section.content.content-page #profileform .form-group .form-control.bf-form-control.datepicker{background:#fff;color:#495057}body section.content.content-page #profileform .form-group .form-control.bf-form-control.datepicker[readonly]{background:#fff!important}body section.content.content-page #profileform .form-group .form-control.bf-form-control.datepicker:disabled{background:#E5EEF2!important;color:#d6d6d6}body section.content.content-page #profileform .form-group .form-control.bf-form-control.disabled,body section.content.content-page #profileform .form-group .form-control.bf-form-control:disabled,body section.content.content-page #profileform .form-group .form-control.bf-form-control[readonly]{background:#E5EEF2!important}body section.content.content-page #profileform .form-group .validation-error{position:absolute;background:rgba(255,0,0,.9);color:#fff;border-radius:5px;padding:4px 10px;z-index:40;transform-origin:top left;transform:translate(0,5%)}/*# sourceMappingURL=_profilepage.min.css.map */
.twofactor-outer-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;position:absolute;z-index:100;background:rgba(0,0,0,.39);top:0;bottom:0;right:0;left:0;}.twofactor-outer-container .twofactorcontainer .twofactor-inner{display:flex;align-content:center;justify-content:center;flex-flow:column;}.twofactor-outer-container .twofactorcontainer .twofactor-inner .verification-actions{display:flex;align-content:center;justify-content:center;}.twofactor-outer-container .iti.iti--allow-dropdown{width:100%;margin:10px 0;}.twofactor-outer-container .iti.iti--allow-dropdown input[type="tel"]{border:1px solid #333;border-radius:3px;width:100%;padding:7px;padding-left:52px;}.twofactorcontainer{position:absolute;background:#fff;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,.2);padding:20px;max-width:445px;padding-top:30px;}.twofactorcontainer .twofactor-close{position:absolute;right:0;top:0;margin:10px;color:rgba(0,0,0,.6);}.twofactorcontainer .twofactor-close:hover{color:#000;cursor:hover;}.twofactorcontainer .twofactor-inner .verification-form--error.verification-input-group>input{background-color:#eb3b3b;}.twofactorcontainer .twofactor-inner .verification-form--error.verification-input-group>input[disabled]{background-color:#eb3b3b;color:#fff;opacity:1;}.twofactorcontainer .twofactor-inner .verification-form--success.verification-input-group>input{background-color:#aab901;}.twofactorcontainer .twofactor-inner .verification-form--success.verification-input-group>input[disabled]{background-color:#aab901;color:#fff;opacity:1;}.twofactorcontainer .twofactor-inner .verification-input-group{display:flex;align-content:center;justify-content:center;width:100%;margin-bottom:1rem;}.twofactorcontainer .twofactor-inner .verification-input-group input{display:inline-block;float:left;width:15%;height:50px;line-height:48px;text-align:center;font-size:2em;color:#181819;border:0;border-bottom:2px solid rgba(0,0,0,.3);border-radius:2px 2px 0 0;transition:background-color .3s,color .3s,opacity .3s;cursor:default;user-select:none;margin:0;margin-top:10px;margin-right:2%;padding:0;}.twofactorcontainer .twofactor-inner .verification-input-group input:focus{outline:0;box-shadow:none;border-color:#00577c;animation:border-pulsate 1.5s infinite;-webkit-tap-highlight-color:transparent;}.twofactorcontainer .twofactor-inner .verification-input-group input:last-child{margin-right:0;}.twofactorcontainer .twofactor-inner .verification-input-group input[disabled]{background:#eee;opacity:1;}.twofactorcontainer .twofactor-actions{float:right;}@keyframes border-pulsate{0%{border-color:#00577c;}50%{border-color:rgba(0,0,0,.3);}100%{border-color:#00577c;}}
.dropbtn{background-color:#4caf50;color:#fff;padding:16px;font-size:16px;border:none;}.dropdown{position:relative;display:flex;box-shadow:0 0 18px rgba(0,0,0,.17);}.dropdown button{box-shadow:none !important;}.dropdown .dropdown-button{display:flex;align-items:center;justify-content:center;position:relative;width:30px;height:100%;border-left:1px solid rgba(0,0,0,.17);}.dropdown .dropdown-button .dropdown-icon{height:10px;width:10px;position:relative;overflow:visible;}.dropdown .dropdown-button .dropdown-icon:before{content:"";position:absolute;width:10px;height:2px;background:#789800;top:3px;left:2px;transform:rotate(-45deg);}.dropdown .dropdown-button .dropdown-icon:after{content:"";position:absolute;width:10px;height:2px;background:#789800;bottom:0;transform:rotate(45deg);left:-4px;top:3px;}.dropdown-button:hover{background:#efefef;}.dropdown-button:hover+.dropdown-content{display:block;}.dropdown-button:hover+.dropbtn{background-color:#3e8e41;}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;width:100%;top:100%;}.dropdown-content:hover{display:block;}.dropdown-content button{color:#789800;padding:12px 16px !important;text-decoration:none;display:block;box-shadow:none !important;font-size:initial !important;width:100%;background:transparent !important;}.dropdown-content button:hover{background-color:#ddd !important;}
@media screen and (max-width:1200px){.batchflow-message-container,.batchflow-message-dimmer,.batchflow-popup-container,.message-history-container,.nav-item.message-item{display:none!important}}.right-actions{display:flex;flex-flow:row}.right-actions .message-item:hover{cursor:pointer}.batchflow-message-container{position:absolute;top:100px;right:0}.batchflow-message-container .batchflow-message{position:relative;display:block;bottom:0;color:#fff;background:#00699D;z-index:52;padding:20px;max-width:410px;right:0;margin:26px;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.17);animation:appear .2s ease}.batchflow-message-container .batchflow-message a{color:#fff;text-decoration:underline}.batchflow-message-container .batchflow-message .message-icon{min-width:50px;margin-right:1rem}.batchflow-message-container .batchflow-message .message-body{display:flex;align-content:flex-start;flex-flow:row}.batchflow-message-container .batchflow-message .message-body .message-text .body.pre-line{white-space:pre-line}.batchflow-message-container .batchflow-message .message-body h4{margin-right:1.5rem}.batchflow-message-container .batchflow-message .message-body .link-section{margin-top:1rem}.batchflow-message-container .batchflow-message span.close-icon{position:absolute;top:0;right:0;margin:18px;height:15px;width:15px}.batchflow-message-container .batchflow-message span.close-icon:hover{cursor:pointer}.batchflow-message-container .batchflow-message span.close-icon:hover:after,.batchflow-message-container .batchflow-message span.close-icon:hover:before{background:#989898}.batchflow-message-container .batchflow-message span.close-icon:after,.batchflow-message-container .batchflow-message span.close-icon:before{content:"";position:absolute;height:15px;width:2px;background:#c1c1c1;left:6px}.batchflow-message-container .batchflow-message span.close-icon:before{transform:rotate(45deg)}.batchflow-message-container .batchflow-message span.close-icon:after{transform:rotate(-45deg)}.message-history-container{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:5px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-y:auto;transition:all .2s ease}.message-history-container .messages-container{height:100%;width:auto;position:relative;max-height:580px}.message-history-container .messages-container .batchflow-message{display:block;padding:20px;max-width:410px;animation:appear .2s ease;border-bottom:1px solid #ccc}@media screen and (max-width:480px){.message-history-container .messages-container .batchflow-message{width:100vw}}@media screen and (min-width:1200px){.message-history-container .messages-container .batchflow-message{min-width:400px}}.message-history-container .messages-container .batchflow-message:last-of-type{border-bottom:none}.message-history-container .messages-container .batchflow-message a{color:#333;text-decoration:underline}.message-history-container .messages-container .batchflow-message .message-icon{min-width:50px;margin-right:1rem}.message-history-container .messages-container .batchflow-message .message-body{display:flex;align-content:flex-start;flex-flow:row}.message-history-container .messages-container .batchflow-message .message-body .message-text>div{display:flex;align-items:flex-start;justify-content:space-between}.message-history-container .messages-container .batchflow-message .message-body .message-text>div h4.title{margin-right:1.5rem;display:inline-block}.message-history-container .messages-container .batchflow-message .message-body .message-text>div .timestamp{color:#333;font-size:14px;font-style:italic}.message-history-container .messages-container .batchflow-message .message-body .link-section{margin-top:1rem}.message-history-container .loader{height:50px;width:50px;margin:60px;display:flex;align-items:center;justify-content:center;border-top:6px solid #A8A6A8;border-right:6px solid #A8A6A8;border-bottom:6px solid #A8A6A8;border-left:6px solid #00567D;border-radius:50%;transform:rotate(360deg);animation:rotate 1.5s linear infinite}.batchflow-message-dimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:51}.batchflow-popup-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:52}.batchflow-popup-container .batchflow-popup-message{position:relative;border:1px solid #00699D;background:#00699D;padding:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.17);animation:appear .2s ease;margin:5px;border-radius:5px;max-width:100%}@media only screen and (min-width:768px){.batchflow-popup-container .batchflow-popup-message{min-width:43vw;max-width:80%;margin:26px}}@media only screen and (min-width:1200px){.batchflow-popup-container .batchflow-popup-message{max-width:30%}}.batchflow-popup-container .batchflow-popup-message span.close-icon{position:absolute;top:0;right:0;margin:18px;height:15px;width:15px}.batchflow-popup-container .batchflow-popup-message span.close-icon:hover{cursor:pointer}.batchflow-popup-container .batchflow-popup-message span.close-icon:hover:after,.batchflow-popup-container .batchflow-popup-message span.close-icon:hover:before{background:#989898}.batchflow-popup-container .batchflow-popup-message span.close-icon:after,.batchflow-popup-container .batchflow-popup-message span.close-icon:before{content:"";position:absolute;height:15px;width:2px;background:#c1c1c1;left:6px}.batchflow-popup-container .batchflow-popup-message span.close-icon:before{transform:rotate(45deg)}.batchflow-popup-container .batchflow-popup-message span.close-icon:after{transform:rotate(-45deg)}.batchflow-popup-container .batchflow-popup-message .popup-header{border-bottom:1px solid #ccc;color:#fff}.batchflow-popup-container .batchflow-popup-message .popup-body ::-webkit-scrollbar-track{border-radius:10px;background:rgba(51,51,51,.18)}.batchflow-popup-container .batchflow-popup-message .popup-body ::-webkit-scrollbar{width:6px;background-color:#00699D}.batchflow-popup-container .batchflow-popup-message .popup-body ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#333}.batchflow-popup-container .batchflow-popup-message .popup-body .popup-content{max-height:45vh;overflow-y:auto;padding:10px;margin-top:5px;margin-bottom:5px;background:#fff}@media only screen and (min-width:768px){.batchflow-popup-container .batchflow-popup-message .popup-body .popup-content{max-height:68vh}}.batchflow-popup-container .batchflow-popup-message .popup-body .popup-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #ccc}@keyframes appear{from{max-height:0;opacity:0}to{max-height:600px;opacity:1}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}/*# sourceMappingURL=_message.min.css.map */