html {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.outOfSight {
    height: 0 !important;
    left: -1500px !important;
    position: absolute;
    top: -1500px !important;
    width: 0 !important;
}

h2 {
    color: #280096;
    margin: 12px 0 15px 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    min-height: 33.9px;
}

h3 {
    margin: 1em 0 0 0;
}

h4 {
    color: #280096;
    font-size: 18px;
    font-weight: 700 !important;
}

.selectbox {
    float: left;
    width: 4%;
}

.selectboxheader {
    width: 4%;
}

.selectboxheaderlabel {
    margin-right: 25px;
    padding-bottom: 3px;
}

.newsrow {
    display: inline-block;
    width: 96%;
}

#fsbgimg {
    height: auto;
    left: 0;
    min-height: 100% !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

body {
    overflow: hidden;
}

    body.noScroll {
        overflow-y: scroll;
        position: fixed;
        width: 100%;
    }

    body, body.overlay {
        -webkit-overflow-scrolling: touch;
        background-color: white;
        color: black;
        font-family: Verdana, Arial;
        font-size: 14px;
    }

        body.hideScroll {
            overflow: hidden;
            overflow-y: hidden;
        }

        body.overlay {
            overflow: hidden;
        }

#renderbody-wrapper {
    display: flex;
    flex-direction: column;
}

iframe {
    border: 0px;
}

html, body, img {
    margin: 0;
    padding: 0;
}

.main-container {
    margin-top: 70px;
    margin-left: 60px;
    overflow-y: scroll;
    display: inline-block;
    height: calc(100vh - 70px - 32px); /* - header - footer in px */
    width: calc(100% - 60px);
    padding: 20px;
}

/* Text styling */
.page-info {
    /* styleName: Body; */
    max-width: 1000px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #280096;
}

/* Page header */
.page-description-container {
    margin-top: 14px;
    margin-bottom: 14px;
}

    .page-description-container .headerbar {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        flex-direction: row;
    }

    .page-description-container h2 {
        margin: 0px;
        margin-bottom: 10px;
        flex: 1;
    }

    .page-description-container .dx-toolbar {
        margin: 0px;
        flex: 1;
    }

    .page-description-container .dx-toolbar-after {
        position: static;
        float: right;
    }

    .page-description-container .warning {
        color: rgba(233, 70, 0, 1);
        margin-bottom: 10px;
    }

input, textarea {
    color: #000;
}

.placeholder {
    color: #aaa;
}

img {
    border: 0;
}

input, textarea, select {
    font-family: Verdana, Arial;
    outline: none;
    text-indent: .1em;
}

#sena_logo {
    background: url('images/logos/logo_groot_32px.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 32px;
    width: 139px;
    position: absolute;
    top: 16px;
    left: 20px;
}

#errorsection {
    display: block;
    margin: auto;
    width: 500px;
    height: 240px;
    padding: 15px 25px 25px 25px;
    background-color: white;
    border: 1px solid #D2DAE2;
    border-radius: 4px;
    text-align: center;
    -webkit-box-shadow: 0px 8px 17px 0px rgba(140, 140, 140, 0.51);
    -moz-box-shadow: 0px 8px 17px 0px rgba(140, 140, 140, 0.51);
    box-shadow: 0px 8px 17px 0px rgba(140, 140, 140, 0.51);
}

.sena-logo-big {
    height: 40px;
    width: 196px;
    display: inline-block;
    margin: 12px 0 0 7px;
    background-image: url(images/logos/logo_breed.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.sena-error-message {
    color: #00DC2D;
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0 25px 0;
}

#error-home-button {
    height: 40px;
    width: 100%;
    padding: 0 30px;
    margin-top: 20px;
}

div#loadingIndicator {
    background: #FFF url('data:image/gif;base64,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')
    /*../Content/images/loading.gif*/
    10px 50% no-repeat;
    border: 1px solid #280096;
    border-radius: 8px;
    box-shadow: 0px 4px 5px 0px #A0A0A080;
    color: #280096;
    display: none;
    font-size: 130%;
    height: auto;
    left: 50%;
    margin-left: -150px;
    padding: 6px 4px 4px 38px;
    position: fixed;
    text-align: left;
    top: 10px;
    width: 300px;
    z-index: 99999;
}

textarea {
    font-family: Verdana, Arial;
    border-radius: 0px !important;
}

header {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-box-shadow: black 0 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: white;
    box-shadow: black 0 0 10px;
    display: block;
    /*height: 7em;*/
    margin-bottom: 6em;
    user-select: none;
}

.innerBoxError {
    border: 1px solid black;
    margin: 0 auto;
    background-color: #EEEEEE;
    text-align: left;
    width: 100%;
    padding: 5px;
}

header .innerbox {
    margin: 0 auto;
    width: 1000px;
}

    header .innerbox div.account {
        display: inline-block;
        float: right;
        padding-top: 10px;
        text-align: right;
        width: 20%;
    }


        header .innerbox div.account div {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-bottom: 21px;
            padding-right: 6px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            header .innerbox div.account div.accountName a {
                color: #969696;
                font-weight: normal;
                text-decoration: none;
            }

            header .innerbox div.account div a {
                color: black;
                font-weight: bold;
                text-decoration: none;
            }

        header .innerbox div.account.suaccount div.accountName a:first-child {
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQTCRQuKPEa9QAAA2xJREFUOMudlE9oK1UUxr8zk5mk7SQTJm2TFEyKdCFptq6KhYK+jQvRp4iuBBciFGpe/0w3ZhEIIRlKIgW1YkEpCL7Fc5NFQZ6brvrspqtCSzchDaVpkmnSDRgm5l43L3m1/uHp2dzLge/ju79zuGQYBtbX15HJZGRVVR/7fL63ADAiwrA452CMgYggiqI87HHOQUTgnMuWZX2RSqW+MgwDoihipC6VSr9OTEy8GY1GUavVoKoqut0uiAjRaBR+vx+3t7eoVqvw+XywbRv9fh/BYBCccz4YDKjRaHyXSqU+293dBWUyGSkQCJRDodCD2dlZbpomdToduK6LRCKB+fl5OI4zSgcABwcHqNfr8Hg8EAQBRIRms8kVRaFWq/VLp9P5UPD7/T+oqvogFotx27bp5uYGgiAAAMLh8AjBXTRLS0uQJAmu68K2bViWhWQySXNzc3x8fPxdv9//1MM5/4aI3r+4uJAdx+Fer5cYY/B4PCiXy1AUBYqiQJblIWNIkoSpqSkQEVRVhdfrRSgUwuHhIWRZRrvd/pkAoFAovK1pWlkURT42NvYi2vMh3T3vD04URSwsLOD09JTXajW6urr6cXV19RMxn89D1/WzxcXFs0Ag8FAQBO66LjHGAGCEgIhGPAVBGN2JCMfHx7zb7ZJpmk8fPXr0Xi6Xg6DrOvL5PNbW1n66vLxcHQwGZNs2TyaTiEQiCAaD8Pl8ICL0ej20Wi10Oh3Ytj1cNR4KhciyrLNut/sOAHg8nhfr9jw5tra2MpqmfRmLxfjMzAyZpglN06BpGhRFAQCYpolqtYqTkxPIsoxWq9WsVCqv5nK5m6Hfn3gWCgVsbGygWCx+Pzk5+SkALggCMcYgCAIikQgkSYJlWWi323Bdl1uWZdXr9dc3NzdPhvq/GN9NXiqVHk9PT3/AOeeMMRqyHg5RkiT0ej1UKpWH6XT6yX0f4X5DlmVks1k0m82P6/X6b4wxUlWVJxIJxONxxONx9Pt97jgOrq+vP0qn00/y+Tz+c21vbz/b2dnhR0dHrN1u8/39fba3t8cNw/gaAAzD+Fsd/ZPh8HPKZrNKMBj8XVXV1xzH4aIoUrPZ/HZlZeXzfwtEL5N6eXnZm0gkzjRNe6XRaDw7Pz9/IxwOD3Rdx/+u4VMLhcJMsVgs67o+9jK6PwDgr5eM/l1M5wAAAABJRU5ErkJggg==')
            /*../Content/images/superuser.png*/
            0 50% no-repeat;
            height: 16px;
            padding-left: 25px;
        }

        header .innerbox div.account div.impersonatedAccountName {
            padding-bottom: 0px;
            margin-top: -16px;
            margin-bottom: 5px;
        }

            header .innerbox div.account div.impersonatedAccountName a {
                color: #969696;
                font-weight: normal;
                text-decoration: none;
            }

a.arrow {
    color: black;
    font-weight: bold;
    padding-right: 7px;
    /* padding-left: 14px; */
    text-decoration: none;
}

    a.arrow.active {
        color: #888;
        cursor: none;
    }

header .innerbox div.account a.avatar img {
    background: url('/Content/images/def.avatar.jpg') 100% 0 no-repeat;
    float: right;
    height: 46px;
    width: 46px;
    margin-top: 4px;
}

header .innerbox div.account a.switchaccount img {
    float: right;
    height: 46px;
    width: 46px;
    margin-top: 4px;
}

switchaccount div#bodyContent ul {
    /*display: table;*/
    /*height: 100%;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.viewingEdit ol {
    /*height: 100%;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

div#bodyContent ol {
    /*height: 100%;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

li .countryList {
    padding: 0px !important;
}

div#bodyContent ul.halfwidth li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

div#errorMsg, div.errorMsg {
    color: #E2001A;
    margin-bottom: 0.5em;
}

footer {
    padding: 0px 100px;
    background: #F4F2FA;
    color: #555;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    z-index: 400;
    border-top: 1px solid #BFD8FF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    footer .copyright {
        display: inline;
    }

    footer .links {
        display: inline;
    }

        footer .links a {
            text-decoration: none;
            color: #280096;
        }

            footer .links a:hover {
                text-decoration: underline;
            }

    footer .debug-info {
        display: inline-block;
    }

div #bodyContent {
    margin: 0 auto;
    min-height: 450px;
    padding-bottom: 1em;
    max-width: 1800px;
}

    div#bodyContent.loginContent {
        width: 640px;
    }

a {
    color: #0064FF;
    cursor: pointer;
}

.hidden {
    display: none;
}

div.default_label {
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin: 10px 0 5px 0;
}

select.wide {
    width: 300px;
}

.signupWizard select {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
}


.comfon_checkbox {
    float: left;
    margin-right: 4px;
}

.comfon_checkbox_text {
    float: left;
    width: 90%;
}


div#bodyContent a:hover {
    text-decoration: underline;
}

div#bodyContent .main-content {
    background: #FFFFFF;
    min-height: 450px;
}

div#bodyContent.loginContent .main-content {
    padding-right: 0;
}


div#bodyContent .main-content h2 {
    font-size: 160%;
    font-weight: normal;
    margin: 0.3em 0 0.5em 0;
    padding: 0;
    white-space: nowrap;
}

div#bodyContent .main-content > div {
    padding: 0.5em 0;
}

div#bodyContent .main-content div.news a {
    color: #f00;
    text-decoration: none;
}

    div#bodyContent .main-content div.news a:hover, div#bodyContent .main-content div.news p a:hover {
        text-decoration: underline;
    }

div#bodyContent .main-content div.news ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0 1em 0;
    padding-left: 40px;
}

div#bodyContent .main-content div.news ol {
    display: block;
    list-style-type: decimal;
    margin: 1em 0 1em 0;
    padding-left: 40px
}

div#bodyContent .main-content ul.submenu {
    background: #ddd;
    font-size: 90%;
    list-style-type: none;
    margin: 0 0 12px 0;
}

    div#bodyContent .main-content ul.submenu li {
        /* background: #FFFFFF; */
        display: inline-block;
        margin-bottom: 0;
        padding: 6px 12px;
        text-transform: uppercase;
    }

        div#bodyContent .main-content ul.submenu li:hover {
            background: #c8c8c8;
        }

        div#bodyContent .main-content ul.submenu li:first-child {
            border-left: 0;
        }

        div#bodyContent .main-content ul.submenu li a {
            color: black;
            text-decoration: none;
        }

        div#bodyContent .main-content ul.submenu li.selected {
            /* background: #FFFFFF; */
            /* border-left: .1em solid #cccccc; */
            border-bottom: 3px solid #8ECBC9;
        }

            div#bodyContent .main-content ul.submenu li.selected a {
                font-weight: bold;
            }

div#bodyTabs {
    margin: 0 auto;
    width: 1000px;
}

    div#bodyTabs ul {
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        overflow-x: auto;
        padding: 0;
        white-space: nowrap;
    }

        div#bodyTabs ul li {
            background-color: #7DB4FF;
            display: inline-block;
            font-size: 140%;
            margin: 0;
            padding: 8px 20px 5px 20px;
            white-space: nowrap;
            border-radius: 30px;
            margin: 10px 10px 10px 0;
        }

            div#bodyTabs ul li.selected {
                background: #FFFFFF;
                font-weight: bold;
            }

            div#bodyTabs ul li a {
                color: #666;
                font-weight: normal;
                padding-bottom: 6px;
                text-decoration: none;
                font-family: Verdana, Arial;
                font-kerning: normal;
                font-feature-settings: "kern"1, "liga"1, "calt"1;
                text-transform: uppercase;
            }

            div#bodyTabs ul li.selected a {
                background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAZABkAAD/4QPDRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAALAAAAcgEyAAIAAAAUAAAAfodpAAQAAAABAAAAkgAAANQAAABkAAAAAQAAAGQAAAABR0lNUCAyLjguMgAAMjAxMzowNDowNSAxNDozNDo1MAAABZAAAAcAAAAEMDIxMKAAAAcAAAAEMDEwMKABAAMAAAABAAEAAKACAAQAAAABAAAAtaADAAQAAAABAAAAAwAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAACiQAAAAAAAABIAAAAAQAAAEgAAAAB/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAABAAMDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNORg8RcYGRomJygpKjU2Nzg5OkNERUZHSRgKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCDS/8AkGQf7v8AWiiivnZbs+/q/wASXqz/2f/hCJpodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24geG1sbnM6eG1wPSdodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvJz4KICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCk8L3htcDpDcmVhdG9yVG9vbD4KICA8eG1wOkNyZWF0ZURhdGU+MjAxMC0xMC0wNFQxMToxMzoyMyswMjowMDwveG1wOkNyZWF0ZURhdGU+CiAgPHhtcDpNZXRhZGF0YURhdGU+MjAxMy0wNC0wNFQxMzoxMjoxMSswMjowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICA8eG1wOk1vZGlmeURhdGU+MjAxMy0wNC0wNFQxMzoxMjoxMSswMjowMDwveG1wOk1vZGlmeURhdGU+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHhtbG5zOmRjPSdodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyc+CiAgPGRjOmZvcm1hdD5pbWFnZS9qcGVnPC9kYzpmb3JtYXQ+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHhtbG5zOnhtcE1NPSdodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vJz4KICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjg1NkI2NDNDMjUyMDY4MTE4MDgzRTZBOUQzQzFFOTM5PC94bXBNTTpJbnN0YW5jZUlEPgogIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo0NkQxQURCNjQwMjA2ODExQjMyRUI3NThGQkZCRDBDMjwveG1wTU06T3JpZ2luYWxEb2N1bWVudRgEPgogIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ODU2QjY0M0MyNTIwNjgxMTgwODNFNkE5RDNDMUU5Mzk8L3htcE1NOkluc3RhbmNlSUQ+CiAgPHhtcE1NOkRvY3VtZW50SUQgcmRmOnJlc291cmNlPSd4bXAuZGlkOjQ2RDFBREI2NDAyMDY4MTFCMzJFQjc1OEZCRkJEMEMyJyAvPgogIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo0NkQxQURCNjQwMjA2ODExQjMyRUI3NThGQkZCRDBDMjwveG1wTU06T3JpZ2luYWxEb2N1bWVudRgEPgogIDx4bXBNTTpIaXN0b3J5PgogICA8cmRmOlNlcT4KICAgPC9yZGY6U2VxPgogIDwveG1wTU06SGlzdG9yeT4KICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogIDwveG1wTU06RGVyaXZlZEZyb20+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHhtbG5zOnBob3Rvc2hvcD0naHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyc+CiAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICA8cGhvdG9zaG9wOklDQ1Byb2ZpbGU+c1JHQiBJRUM2MTk2Ni0yLjE8L3Bob3Rvc2hvcDpJQ0NQcm9maWxlPgogIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgPHJkZjpTZXE+CiAgIDwvcmRmOlNlcT4KICA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPgogIDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+CiAgIDxyZGY6U2VxPgogICAgPHJkZjpsaT4yOEVCOUNCMTNBNzVGQUFGQkI0NkI3QTgyMDY2QUIyODwvcmRmOmxpPgogICAgPHJkZjpsaT42RkU3RTg2QzlCOTJGRkE3ODU5NTY0RkJCNzk2MjY2MzwvcmRmOmxpPgog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')
                /*../Content/images/tab.active.jpg*/
                50% 100% no-repeat;
                background-size: 100% 3px;
                color: black;
            }

div.loadMore {
    background: white;
    color: white;
    margin-top: -3em;
    padding: 2px !important;
    text-align: center;
}

.mysenaBox {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #efefed;
    border: 1px solid #DDDDDD;
    z-index: 10;
}

.mysenaInformationBox {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    box-shadow: #888 .1em .1em .1em;
    z-index: 10;
}

.mysenaBoxInline {
    background-color: white;
    z-index: 10;
}

.mysenaBox.popup {
    left: 50%;
    /*max-width: 50em;*/
    position: absolute;
    top: 50%;
    z-index:9999;
}

.mysenaBox.popup2 {
    left: 283px;
    /*max-width: 50em;*/
    position: absolute;
    top: 77px;
    max-width: 83%;
}

.mysenaBox .header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 140%;
    margin: 0;
    padding: .8em 1.5em .8em 1.5em;
    text-transform: uppercase;
    width: 100%;
}

    .mysenaBox .header > .left {
        background-color: transparent;
        display: inline-block;
        width: 90%;
    }

    .mysenaBox .header > .right {
        background-color: transparent;
        display: inline-block;
        font-size: 65%;
        text-align: right;
        width: 10%;
    }

.mysenaBox .body {
    border-top: .1em solid #DDDDDD;
    /*height: 100%;*/
    margin: 0;
    width: 100%;
}

.mysenaBox.popup .body {
    border-top: 0;
    /*min-height: 10em;*/
    /*min-width: 30em;*/
}

.mysenaBox.popup > .body > i {
    color: #8ECBC9;
    margin: 0;
}

.mysenaBox ul.mysenaForm.editForm {
    padding: .8em 1.5em .8em 1.5em !important;
}

.mysenaBox ul.mysenaForm.summaryForm {
    padding: .8em .7em .8em .7em !important;
}

.mysenaBox .body .message {
    padding: 2.5em;
    overflow: auto;
    max-width: 948px;
}

.largeText {
    font-size: 300%;
    font-weight: bold;
    text-align: center;
}

.mysenaBox .body .messagelarge {
    padding: 2.5em;
    width: 1100px;
    height: 600px;
    overflow: auto;
}

.mysenaBox .body .information,
.mysenaBox .information {
    background-color: white;
    border-top: .1em solid #DDDDDD;
    display: inline-block;
    margin: 0;
    min-height: 4.5em;
    padding: 1.5em;
    width: 100%;
}

.mysenaBox .body .buttons,
.mysenaBox .buttons {
    -ms-border-bottom-left-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: .1em solid #DDDDDD;
    display: inline-block;
    margin: 0;
    min-height: 4.5em;
    padding: .8em 1.5em .8em 1.5em;
    text-align: center;
    width: 100%;
}

.signupWizard .mysenaBox .body .buttons,
.signupWizard .mysenaBox .buttons {
    display: inline-block;
}

.mysenaBox .body .buttons .left,
.mysenaBox .buttons .left {
    background-color: transparent;
    display: inline-block;
    text-align: left;
    width: 75%;
}

.signupWizard .mysenaBox .body .buttons .left,
.signupWizard .mysenaBox .buttons .left {
    width: auto;
    float: left;
    margin-left: 0px;
    padding-left: 12px;
}

.mysenaBox .body .buttons .right,
.mysenaBox .buttons .right {
    background-color: transparent;
    display: inline-block;
    text-align: right;
    width: 24%;
}

.mysenaBox body .buttons .floatright .signupWizard .mysenaBox body .buttons .right,
.signupWizard .mysenaBox .buttons .right {
    width: auto;
    float: right;
    margin-right: 0px;
    padding-right: 12px;
}


.mysenaBox .mysenaList {
    border: 0;
}

.mysenaList {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*    border: 1px solid #DDDDDD;*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .mysenaList > li:first-child {
        /*border: 1px solid #0064FF;*/
    }

    .mysenaList > li.secondary:first-child {
        border: 1px solid #7DB4FF;
    }

    .mysenaList > li.row {
        border: 1px solid #BFd8FF;
        border-radius: 13px;
        /*      height: 35px;*/
        margin: 3px 10px 0px 10px;
        padding: 8px 11px 8px 10px;
    }

    .mysenaList.rightspercountryList {
        /*
max-height: 600px;
overflow-x: hidden;
overflow-y: scroll;
/**/
    }

.mysenaListBlock > .mysenaList {
    margin-bottom: 22px !important;
}

.primary {
    background-color: #0064FF !important;
    font-family: Verdana, Arial;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
}

.secondary {
    background-color: #BFd8FF !important;
    font-family: Verdana, Arial;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
}

#autoloaddetail {
    display: inline-block;
    height: 300px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}

#autoloaddetailTitles {
    height: 256px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}

li.viewing {
    padding: 0 !important;
}

li.viewingEdit {
    padding: 0 !important;
}

.mysenaList li.row {
    background-color: transparent;
}

.mysenaList > li.accselect.selected {
    background: #888 !important;
    color: white;
}

.mysenaList > li.accselect.highlight {
    color: #555;
    font-weight: bold;
}

.mysenaList > li.accselect div {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    /*padding-right: .8em;*/
    text-overflow: ellipsis;
    vertical-align: middle;
}

    .mysenaList > li.accselect div.fa-solid {
        margin: 0;
    }

.mysenaList > li.clickable:hover {
    cursor: pointer;
}

.mysenaList > li.hasException {
    color: #E2001A;
}

.trackList > .invalid {
    color: #E2001A;
}

.mysenaList > li.header {
    border-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 140%;
    text-transform: uppercase;
    width: 100%;
    height: 55px;
    margin-bottom: 10px;
    padding: 0.7em;
}

.mysenaBox .subHeader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #e2f0ff;
    color: black;
    display: inline-block;
    font-size: 140%;
    margin: 0;
    padding: .8em 1.5em .8em 1.5em;
    border-bottom: .1em solid #DDDDDD;
    text-transform: uppercase;
    width: 100%;
}

.mysenaBox .subHeaderSmall {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #bbb;
    color: white;
    display: inline-block;
    font-size: 140%;
    margin: 0;
    padding: .8em 1.5em .8em 1.5em;
    border-bottom: .1em solid #DDDDDD;
    text-transform: uppercase;
    width: 100%;
}

.mysenaBox .buttons {
    border-bottom: .1em solid #DDDDDD;
}

.mysenaList > li.header div {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: inline-block;
    line-height: 100%;
    min-height: 1.2em;
    padding-right: .4em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signupWizard .mysenaList > li.header div {
    overflow: hidden;
}

.mysenaList > li.header .searchbar {
    display: inline-block;
    font-size: 65%;
    padding-left: 1em;
    vertical-align: top;
    width: auto;
}

    .mysenaList > li.header .searchbar select {
        text-transform: none;
    }

.mysenaList > li.header .actionBar {
    color: white;
    display: inline-block;
    font-size: 80%;
    text-align: right;
    width: 10%;
    padding-right: 23px;
}

.dashboard-content .mysenaList > li.header .actionBar {
    width: 18%;
}

.mysenaList > li.header .actionBar i {
    cursor: pointer;
}

.mysenaList > li.header .clusterBar {
    color: white;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 70%;
    text-transform: none;
    width: 100%;
    text-align: right;
    font-family: Verdana, Arial;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
    padding-right: 23px;
}

    .mysenaList > li.header .clusterBar label {
        font-weight: 200;
        margin-right: .5em;
    }

    .mysenaList > li.header .clusterBar .clusterButton {
        cursor: pointer;
        font-weight: 600;
        margin-left: .5em;
    }

        .mysenaList > li.header .clusterBar .clusterButton.active {
            background-color: #7DB4FF;
            border-radius: 50vh;
            color: white;
            cursor: default;
            padding: .4em .5em .4em .4em;
        }

.mysenaList > li.headerRow {
    background-color: transparent;
    margin: 0px 10px 0px 10px;
}

    .mysenaList > li.headerRow div {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        display: inline-block;
        font-size: 90%;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.mysenaList > li > div > a {
    display: revert;
}

.mysenaList > li.footer {
    background-color: white;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0.5em 0;
}

    .mysenaList > li.footer > a {
        margin: 0;
    }

.mysenaList > li ol.inline {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .mysenaList > li ol.inline li {
        display: block;
    }

        .mysenaList > li ol.inline li div {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            display: inline-block;
            font-size: 90%;
            overflow: hidden;
            padding-left: 3px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.mysenaList > form {
    padding: 0.5em 0;
}

    .mysenaList > form div.buttons {
        padding: 0.5em 0;
    }

.no-caret {
    caret-color: transparent;
}

.toolbar-default {
    padding: 20px 0 20px 0 !important;
}

.toolbar-title {
    color: #280096;
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: 700;
    line-height: 14.3px;
}

#toolbar-contacts.toolbar-title {
    min-height: 40px;
}

.mysenaList.newsList .article {
    /*border: 2px solid #008490;*/
}

.mysenaList li.alertRow {
    color: red;
}

/*.mysenaList > li .alertRow {
color: red;
}*/


/* forms */

li > input[type=radio] {
    margin: .1em 3px;
    vertical-align: bottom;
}

li > input[type="checkbox"] {
    vertical-align: middle;
}



li > input[type=text],
li > input[type=number],
li > input[type="password"],
li > textarea,
li > select {
    border-radius: 50vh;
    border: 1px solid #b3b3b1;
    font-size: 100%;
    margin-right: .4em;
    padding-left: 1em;
    height: 26px;
}

label.ControlHasError {
    color: #E2001A;
    font-size: 80%;
    padding-left: 2px;
}

input[type=text].ControlHasError,
input[type=number].ControlHasError,
input[type=password].ControlHasError,
select.ControlHasError, textarea.ControlHasError {
    border: 1px dotted #E2001A !important;
    padding: .1em;
}

div#bodyContent input[type=text].date {
    width: 10em;
}

div#bodyContent input[disabled="disabled"],
div#bodyContent textarea[disabled="disabled"] {
    -webkit-text-fill-color: #888;
    color: #888;
}

/* default buttons and anchor buttons */

.fancyButtonPrimary {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #0064ff;
    color: #FFF !important;
    border-radius: 8px;
    color: white;
    display: inline-block;
    margin: .4em;
    padding: .2em .5em .2em .5em;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: baseline;
    white-space: nowrap;
    white-space: normal;
    font-family: Verdana, Arial;
    font-size: 100%;
    font-weight: bold;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
}

    .fancyButtonPrimary.Big {
        min-width: 6em;
        padding: .6em 1em .5em 1em;
        text-transform: uppercase;
    }

    .fancyButtonPrimary:hover {
        color: white !important;
        text-decoration: none !important;
        background-color: #0052d1;
    }

    form.disabled .fancyButtonPrimary,
    .fancyButtonPrimary.disabled {
        background: #bbb !important;
        color: #FFFFFF !important;
        cursor: default;
    }

        form.disabled .fancyButtonPrimary:hover,
        .fancyButtonPrimary.disabled:hover {
            box-shadow: none;
            text-decoration: none !important;
        }

form.disabled .fancyButtonPrimary {
    background: #bbb !important;
    color: #FFFFFF !important;
    cursor: default;
}

.signupWizard .fancyButtonPrimary.Big {
    margin-right: 0px;
    margin-left: 0px;
}

.fancyButtonSecondary {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #7DB4FF;
    border-radius: 8px;
    color: white;
    display: inline-block;
    font-size: 100%;
    margin: .4em;
    padding: .2em .5em .2em .5em;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: baseline;
    white-space: nowrap;
    white-space: normal;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
}

    .fancyButtonSecondary.Big {
        min-width: 6em;
        padding: .6em 1em .5em 1em;
        text-transform: uppercase;
    }

    .fancyButtonSecondary:hover {
        color: #0064FF;
        text-decoration: none !important;
    }

    form.disabled .fancyButtonSecondary,
    .fancyButtonSecondary.disabled {
        background: #bbb !important;
        color: #FFFFFF !important;
        cursor: default;
    }

        form.disabled .fancyButtonSecondary:hover,
        .fancyButtonSecondary.disabled:hover {
            box-shadow: none;
            text-decoration: none !important;
        }

.signupWizard .fancyButtonSecondary.Big {
    margin-left: 0px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.toolbar-no-spacing {
    margin: 0;
}

a.searchButton {
    background: -webkit-linear-gradient(left, #FF7F00, #FFA44A);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #FF7F00, #FFA44A);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #FF7F00, #FFA44A);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #FF7F00, #FFA44A);
    /* Standard syntax */
    border: 0;
    color: white;
    display: inline-block;
    float: left;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: .1em 0 4px 2px;
    vertical-align: middle;
}

    a.searchButton:hover {
        background: #FF7F00;
        text-decoration: none;
    }

    a.searchButton i {
        display: inline-block;
    }

form.disabled a.searchButton {
    background: #bbb !important;
    color: #FFFFFF !important;
    cursor: default;
}

input[type=text].error,
input[type=number].error,
input[type=password].error,
textarea.error {
    border: 1px dotted #E2001A;
}

label.error {
    color: #E2001A;
    font-size: 80%;
    font-weight: bold;
}

.overlay_outer {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQTCg0Ud7vUBgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADUlEQVQI12P4////fgAJuwO9HJmTBQAAAABJRU5ErkJggg==')
    /*../Content/images/overlay.white.png*/
    50% 50%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    display: none !important;
    /* MYS-3590 hide for now, does not work in setup of scrolling content div */
}

    .overlay_outer > .overlay_inner {
        background: #f8f8f8;
        background: url(/Content/images/gradient.jpg) 50% 50% no-repeat;
        background-size: 100% 100%;
        bottom: 0;
        box-shadow: #888 0 0 15px;
        height: 310px;
        left: 0;
        margin: auto auto;
        overflow: auto;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
        /* Use pixels, else the overlay wont be able to get the correct size*/
        width: 420px;
        z-index: 10;
    }

        .overlay_outer > .overlay_inner > *:first-child {
            margin-bottom: 30px;
        }

        .overlay_outer > .overlay_inner div.buttons {
            bottom: 0;
            margin-bottom: 0.6em;
            margin-top: 0.6em;
            position: absolute;
        }

        .overlay_outer > .overlay_inner h2 {
            font-size: 140%;
            font-weight: normal;
            height: 24px;
            margin: 0 0 0.4em 0;
            padding: 0;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .overlay_outer > .overlay_inner input {
            border: 0;
            border-radius: 0;
            margin-bottom: 3px;
            padding: 3px 5px;
        }

            .overlay_outer > .overlay_inner input.ControlHasError,
            .overlay_outer > .overlay_inner select.ControlHasError {
                border: 1px solid #FFC8C8;
                box-shadow: #FFC8C8 0 0 3px;
            }

        .overlay_outer > .overlay_inner ul.popupForm input,
        .overlay_outer > .overlay_inner ul.popupForm select,
        .overlay_outer > .overlay_inner ul.popupForm textarea {
            box-shadow: #bbb 0 0 3px;
            width: 100%;
        }

            .overlay_outer > .overlay_inner ul.popupForm input.countryField {
                width: 280px;
            }

        .overlay_outer > .overlay_inner ul.popupForm div.searchBarPopup {
            background: none;
            width: 280px;
        }

        .overlay_outer > .overlay_inner ul.popupForm span.doubleBttnAcPopup {
            background: white;
            display: block;
            overflow: hidden;
            white-space: nowrap;
        }

            .overlay_outer > .overlay_inner ul.popupForm span.doubleBttnAcPopup > span {
                color: black;
                display: inline-block;
                padding: 2px;
            }

        .overlay_outer > .overlay_inner div.message {
            min-height: 7em;
        }

        .overlay_outer > .overlay_inner .fancyButtonPrimary {
            background: -webkit-linear-gradient(left, #FF7F00, #FFA44A);
            /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(right, #FF7F00, #FFA44A);
            /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(right, #FF7F00, #FFA44A);
            /* For Firefox 3.6 to 15 */
            background: linear-gradient(to right, #FF7F00, #FFA44A);
            /* Standard syntax */
            color: white;
            display: inline-block;
            font-weight: bold;
            padding: 2px 7px 2px 4px;
            text-decoration: none;
            vertical-align: baseline;
        }

            .overlay_outer > .overlay_inner .fancyButtonPrimary:hover {
                background: #FF7F00;
            }

.sessionExpire_overlay_outer {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQTCg0Ud7vUBgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADUlEQVQI12P4////fgAJuwO9HJmTBQAAAABJRU5ErkJggg==')
    /*../Content/images/overlay.white.png*/
    50% 50%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1008;
}

    .sessionExpire_overlay_outer > .sessionExpire_overlay_inner {
        background: url('images/gradient.jpg') 50% 50% no-repeat;
        background-size: 100% 100%;
        box-shadow: #888 0 0 15px;
        height: 140px;
        left: 50%;
        margin-left: -125px;
        margin-top: -100px;
        overflow: auto;
        padding: 10px;
        position: fixed;
        top: 50%;
        width: 250px;
        z-index: 1009;
    }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner h2 {
            font-size: 140%;
            font-weight: normal;
            height: 24px;
            margin: 0 0 0.4em 0;
            padding: 0;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner input {
            border: 0;
            border-radius: 0;
            margin-bottom: 3px;
            padding: 3px 5px;
        }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner input.ControlHasError, .overlay_outer .overlay_inner select.ControlHasError {
                border: 1px solid #FFC8C8;
                box-shadow: #FFC8C8 0 0 3px;
            }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner .sessionExpire {
            overflow: auto;
        }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner .sessionExpire input {
                display: block;
                width: 100%;
            }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner .sessionExpire #overlayLoginContainer {
                display: block;
                margin-top: 0.5em;
                min-height: 5.5em;
                text-align: right;
            }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner .sessionExpire #overlayMsgContainer {
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                color: #E2001A;
                text-overflow: ellipsis;
            }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner .sessionExpire #overlayRemContainer {
                display: block;
                font-size: 85%;
                text-align: center;
            }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner #overlayRemContainer a {
            color: #888;
            text-decoration: none;
        }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner ul.popupForm input,
        .overlay_outer > .overlay_inner ul.popupForm select,
        .overlay_outer > .overlay_inner ul.popupForm textarea {
            box-shadow: #bbb 0 0 3px;
            width: 100%;
        }

            .sessionExpire_overlay_outer > .sessionExpire_overlay_inner ul.popupForm input.countryField {
                width: 280px;
            }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner div.message {
            min-height: 7em;
        }

        .sessionExpire_overlay_outer > .sessionExpire_overlay_inner div.buttons {
            margin-top: 0.8em;
        }

table.tblCntAuth tr.highlight:hover {
    background-color: #f0f0f0;
}

span.viewCloseBttn {
    display: block;
    float: right;
}

#newcontainer {
    display: none;
}

    #newcontainer form div.buttons {
        padding: 0.5em 0;
    }

.searchBarPopup {
    background: #8ECBC9;
    display: none;
    margin: 0 0 0 0;
    padding: 2px;
    position: absolute;
    width: 256px;
    z-index: 888;
}

    .searchBarPopup > input[type=text] {
        outline: none;
        width: 100%;
    }

.displayInline {
    display: inline-block !important;
}

.loginview {
    padding: 0;
}

    .loginview li {
        list-style-type: none;
    }

div.frontpage_box {
    max-height: 450px;
    padding-left: 50%;
    margin-left: -25%;
}

div.frontpage_news {
    float: left;
    width: 320px;
    text-align: right;
}

.frontpage_iframe {
    border: none;
    min-height: 405px;
    width: 100%;
}

div.frontpage_news > div#notify {
    background: #e28947;
    background-size: 100% 100%;
    color: white;
    display: block;
    margin: 3px 2px;
    margin-bottom: 8px;
    padding: 2px 6px;
}

div.frontpage_login {
    text-align: center;
    width: 300px;
    max-height: 450px;
    float: left;
}

    div.frontpage_login div {
        display: inline-block;
        font-weight: bold;
        text-align: left;
        width: 250px;
    }

    div.frontpage_login input[type=text],
    div.frontpage_login input[type=number],
    div.frontpage_login input[type="password"],
    div.frontpage_login textarea {
        outline: none;
        width: 100%;
    }

div#bodyContent ul.halfwidth li.frontpage_help {
    width: 49%;
    padding-right: 10px;
}

ul.halfwidth > li.frontpage_help {
    vertical-align: top;
    padding-right: 20px;
}

#bodyContent .main-content > div.gridheader {
    padding: 0;
}

#bodyContent .main-content div#grideditbar {
    padding: 5px;
}

div.gridheader #gridedit {
    color: #444;
    text-decoration: none;
}

div.theme_thumb {
    background: white;
    box-shadow: #888 0 0 5px;
    display: inline-block;
    margin: 5px;
    padding: 5px;
}

    div.theme_thumb img {
        background-size: 250px auto;
        display: block;
        height: 135px;
        margin-bottom: 5px;
        width: 225px;
    }

    div.theme_thumb a {
        color: black;
        text-decoration: none;
    }

        div.theme_thumb a:hover {
            text-decoration: underline;
        }

    div.theme_thumb:hover {
        box-shadow: #000 0 0 5px;
    }

div#bodyContent #pageHelpTextToggle {
    cursor: pointer;
    float: right;
    margin-top: 2px;
    width: 24px;
}

div#bodyContent #pageHelpText {
    display: none;
}

    div#bodyContent #pageHelpText > div {
        background: #ddd;
        color: black;
        margin: 0 0 0.5em 0;
        padding: 5px 26px 5px 5px;
    }

    div#bodyContent #pageHelpText a {
        color: #E2001A;
        text-decoration: none;
    }

        div#bodyContent #pageHelpText a:hover {
            color: #E2001A;
            text-decoration: underline;
        }

    div#bodyContent #pageHelpText > div p {
        margin: 0;
        padding: 0 0 0.5em 0;
    }

    div#bodyContent #pageHelpText > div ul {
        list-style-type: disc;
        margin: 0;
        padding: 0 0 0.5em 2em;
    }

        div#bodyContent #pageHelpText > div ul li {
            margin-bottom: 3px;
        }

ul.mysenaForm {
    background-color: #efefed;
}

    ul.mysenaForm li {
        background-color: transparent;
        display: inline-block;
        min-height: 1.5em;
        overflow: hidden;
        padding: 6px;
        vertical-align: top;
    }

        ul.mysenaForm li.notification {
            background-color: #8ECBC9;
            color: white;
            display: inline-block;
        }

            ul.mysenaForm li.notification div {
                display: inline-block;
                height: 100%;
                vertical-align: top;
            }

            ul.mysenaForm li.notification i {
                margin: 0;
            }

        ul.mysenaForm li.buttons {
            border-top: .1em solid #DDDDDD;
            text-align: left;
        }

        ul.mysenaForm li label.ControlHasError {
            color: #E2001A;
            display: block;
            font-weight: normal;
            text-transform: none !important;
        }

    ul.mysenaForm > li div#mandateRequestedError label.ControlHasError,
    ul.mysenaForm > li#aanwiz_mandaat_error label.ControlHasError {
        padding: 0;
    }

    ul.mysenaForm > li.noPrecedingLabel label.ControlHasError {
        padding-left: 0;
    }

    ul.mysenaForm > li span.doubleBttnAcPopup {
        background: white;
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

        ul.mysenaForm > li span.doubleBttnAcPopup > span {
            color: black;
            display: inline-block;
            padding: 2px;
        }

div#bodyContent form.disabled ul.mysenaForm span.doubleBttnAcPopup > span {
    color: #ccc;
}

ul.mysenaForm > li > label {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: inline-block;
    font-weight: bold;
    margin-right: .5em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;
}

ul.mysenaForm.editForm > li > input[type=text],
ul.mysenaForm.editForm > li > input[type=number],
ul.mysenaForm.editForm > li > textarea {
    width: 100%;
}

ul.mysenaForm.editForm > li > input[type='checkbox'] {
    height: auto;
    width: auto;
}

ul.mysenaForm.editForm > li > label {
    display: block;
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    width: 100%;
}

ul.mysenaForm > li label.error {
    color: #E2001A;
    font-weight: normal;
    text-transform: none;
}

ul.mysenaForm > li > span > input[type=text],
ul.mysenaForm > li > span > input[type=number],
ul.mysenaForm > li > span > input[type=password],
ul.mysenaForm > li > span > select,
ul.mysenaForm > li > span > textarea {
    outline: none;
    width: 100%;
}

ul.mysenaForm > li > span > input[type=text],
ul.mysenaForm > li > span > input[type=number],
ul.mysenaForm > li > span > input[type=password],
ul.mysenaForm > li > span > select {
    height: 2.1em;
}

div#bodyContent form.disabled > ul.mysenaForm > li input[type=text],
div#bodyContent form.disabled > ul.mysenaForm > li input[type=number],
div#bodyContent form.disabled > ul.mysenaForm > li input[type=password],
div#bodyContent form.disabled > ul.mysenaForm > li select,
div#bodyContent form.disabled > ul.mysenaForm > li textarea {
    color: #ccc;
    outline: none;
}

ul.mysenaForm > li input[type=text]:disabled,
ul.mysenaForm > li input[type=number]:disabled,
ul.mysenaForm > li input[type=password]:disabled,
ul.mysenaForm > li select:disabled,
ul.mysenaForm > li textarea:disabled {
    background-color: #f5f5f5;
    color: #ccc;
    outline: none;
}

select {
    -moz-appearance: none;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    -webkit-appearance: none;
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACjSURBVDhPY0xLS2OgBDBBabLBwBsAD4OZM2eCaWJAeno6lEWmC5AtY4HSIFNvAykVCA8r+ArE4kDNIBoOkF1QAMQ/IUwM8B+IS9A1gwDcAKDkViDlB8TfwQII8A+Ik4HyMyBcVIASBkBFu4CUJxB/AQswMPwF4lig+HwIFxPADYCFLFDxQSDlDsSPgDgCyF8GEscFUJIyUDGURRjALBzNCwwMAN80LxB3FEeyAAAAARgFTkSuQmCC')
    /*../Content/images/bttn.select.png*/
    no-repeat right;
    padding-right: 1.6em;
    text-overflow: clip;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Verdana, Arial;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
    border: 1px solid #b3b3b1;
}

    select::-ms-expand {
        /* for IE 11 */
        display: none;
    }

ul.mysenaForm > li input[type=text].countryField {
    outline: none;
    width: 35px;
}

ul.mysenaForm > li input[type=text].ac_loading {
    background: window url('data:image/gif;base64,R0lGODlhEAAQAPIGAEJCQgAAAGJiYoKCgsLCwpKSkv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAGACwAAAAAEAAQAAADM2i63P4wyklrIwAQCkIAnAdOmGYRgrAxxLoI2cC2rjHERFHQLSsMOd2mBykMBgVKa+dIAAAh+QQJCgAGACwAAAIACgAOAAADLWhGAKTQgBBAVLPe1R4kguBFQjNsQyNs4DBeRFG8iixvxTAUy0jEvyBLODQkAAAh+QQJCgAGACwAAAAACgAOAAADLWi6BEBrgRCAIkM0ao1wQ+FAxuAI0SUM5FUU7fK+qVEMYU0QcM3Ev51uB7wAEwAh+QQJCgAGACwAAAAADgAKAAADLWi6NEIrLgHAkIaU0uqrkLFthDAQQBAASjEMRZSuCqGFNZjhWG3zmB8wOJQkAAAh+QQJCgAGACwCAAAADgAKAAADK2hqVEUrLuekIrCM8YaADCZ2ADBcYiSUwoJJhAdaEVHONBAEAL3oPN/llgAAIfkECQoABgAsBgAAAAoADgAAAytoRNauiz0YS5FQDTtN2UVHWNhEDELZDAAwdEIriGhJtKoBBAHQ7T0RrpEAACH5BAkKAAYALAYAAgAKAA4AAAMqaKpE+609Fie1i5TiJhmbVQyg1XCQMHSPAAAC837voABBABBqh+ummSUBACH5BAUKAAYALAIABgAOAAoAAAMsaLpsRC2+F9mEdVECAFZEUWBAEACMOCrlSQhDOAwF2L2dYIjfMuQZEKynSAAAOw==')
    /*../Content/images/waiting.16.gif*/
    right center no-repeat;
}

ul.mysenaForm > li a.disabled {
    cursor: default;
}

ul.mysenaForm > li input[type=text].date {
    width: 10em;
}

ul.mysenaForm > li > span > div > .searchBarPopup input {
    height: initial;
    width: 100%;
}

ul.mysenaForm > li.informationTxt {
    padding: 0.7em 0;
    text-align: center;
    white-space: normal;
    width: 100%;
}

ul.mysenaForm > li.informationTxtLeft {
    padding: 0.7em 0;
    text-align: left;
    white-space: normal;
    width: 100%;
}

ul.fullwidth > li,
li.fullwidth,
div.fullwidth {
    display: inline-block;
    width: 100%;
}

ul.halfwidth > li,
li.halfwidth,
div.halfwidth {
    display: inline-block;
    width: 49.5%;
}

ul.twothirdwidth > li,
li.twothirdwidth,
div.twothirdwidth {
    display: inline-block;
    width: 66%;
}

ul.thirdwidth > li,
li.thirdwidth,
div.thirdwidth {
    display: inline-block;
    width: 33%;
}

ul.quaterwidth > li,
li.quaterwidth,
div.quaterwidth {
    display: inline-block;
    width: 24.6%;
}

ul.threequaterwidth > li,
li.threequaterwidth,
div.threequaterwidth {
    display: inline-block;
    width: 74%;
}

ul.fifthwidth > li,
li.fifthwidth,
div.fifthwidth {
    display: inline-block;
    width: 19%;
}

ul.fourfifthwidth > li,
li.fourfifthwidth,
div.fourfifthwidth {
    display: inline-block;
    width: 80%;
}

ul.eighthwidth > li,
li.eighthwidth,
div.eighthwidth {
    display: inline-block;
    width: 12.5%;
}

ul.twoeightwidth > li,
li.twoeightwidth,
div.twoeightwidth {
    display: inline-block;
    width: 24.5%;
}

ul.threeeightwidth > li,
li.threeeightwidth,
div.threeeightwidth {
    display: inline-block;
    width: 36.4%;
}

ul.foureightwidth > li,
li.foureightwidth,
div.foureightwidth {
    display: inline-block;
    width: 49.5%;
}

ul.fiftheightwidth > li,
li.fiftheightwidth,
div.fiftheightwidth {
    display: inline-block;
    width: 62.4%;
}

ul.fiftyfivewidth > li,
li.fiftyfivewidth,
div.fiftyfivewidth {
    display: inline-block;
    width: 55%;
}

.fullwidth.newline, .fullwidth > .newline,
.halfwidth.newline, .halfwidth > .newline,
.thirdwidth.newline, .thirdwidth > .newline,
.quaterwidth.newline, .quaterwidth > .newline .threequaterwidth.newline, .threequaterwidth > .newline {
    margin-right: 100%;
}

ul.mysenaForm > li ul.AutocompleteExternalcontrol {
    white-space: normal;
}

    ul.mysenaForm > li ul.AutocompleteExternalcontrol li {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #8ECBC9;
        border-radius: 2px;
        color: white;
        display: inline-block;
        margin: 2px;
        padding: .1em 7px 0 3px;
        width: auto;
    }

form.disabled ul.mysenaForm > li ul.AutocompleteExternalcontrol li {
    background: #bbb !important;
    color: #FFFFFF !important;
    cursor: default;
}

ul.mysenaForm > li ul.AutocompleteExternalcontrol li.clickable {
    background-color: #8ECBC9;
    cursor: pointer;
}

    ul.mysenaForm > li ul.AutocompleteExternalcontrol li.clickable:hover {
        background-color: #008490;
    }

tr.accselect:hover {
    background-color: #8ECBC9;
}

tr.dcpSelectLine {
    background-color: #D4D4D4;
    vertical-align: top;
}

    tr.dcpSelectLine.dcpHightlight {
        background-color: #C4C4C4;
    }

    tr.dcpSelectLine td.Select {
        cursor: pointer;
    }

    tr.dcpSelectLine td.SelectHighlight {
        background-color: #BDCEDB;
        cursor: pointer;
    }

    tr.dcpSelectLine td:first-child {
        border-left: none;
    }

    tr.dcpSelectLine td.highlight {
        font-weight: bold;
    }

div.showInline {
    position: relative;
}

div#reportReadyError {
    color: #E2001A;
}

div#containerFirst {
    overflow: hidden;
}

#accountinfo > li {
    margin-bottom: 1em;
}

    #accountinfo > li div {
        margin-bottom: 0.5em;
    }

        #accountinfo > li div label {
            display: inline-block;
            width: 150px;
        }

        #accountinfo > li div.ControlHasError {
            color: #E2001A;
            white-space: normal
        }

span.nobr {
    white-space: nowrap;
}

#msgInvalids .msgInvalidsWarning {
    background: yellow;
    border: 1px dotted orange;
    color: #E2001A;
    font-weight: bold;
    padding: 5px;
}

li.frontpage_login div.login_cookiestatement a {
    color: #666;
    text-decoration: none;
}

    li.frontpage_login div.login_cookiestatement a:hover {
        color: #444;
        text-decoration: underline;
    }

span.impersonate {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.8);
    color: black;
    display: block;
    font-weight: bold;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index: 11;
}

#changePasswordErrorMsg {
    color: #E2001A;
    padding-bottom: 0.3em;
}

#requestSenaNumberErrorMsg {
    color: #E2001A;
    padding-bottom: 0.3em;
}

#autoloadfilter {
    display: inline-block;
}

iframe.hidden {
    height: .1em;
    left: -100px;
    position: absolute;
    top: -100px;
    width: .1em;
}

pre#applicationStackTrace {
    overflow-x: auto;
}

#logoOverlay {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.8);
    color: #E2001A;
    font-weight: bold;
    margin-top: 13px;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 143px;
}

div.news div.page {
    min-height: 750px;
}

.uploadProofForm ul > li ul.uploadedBar {
    /*overflow-y: scroll;*/
    display: block !important;
    /*height: 12em;*/
}

    .uploadProofForm ul > li ul.uploadedBar > div.uploadItem {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #8ECBC9;
        border-radius: 3px;
        color: white;
        display: inline-block;
        margin: .5em;
        padding: .2em .5em .2em .5em;
        width: auto;
    }

    .uploadProofForm ul > li ul.uploadedBar div.uploadItem.pending {
        background: #888 url('data:image/gif;base64,R0lGODlhEAAQAPIAAIiIiP///6Ojo9/f3////9DQ0MHBwbq6uiH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==')
        /*../Content/images/waiting.888.gif*/
        4px 50% no-repeat;
        padding-left: 24px;
    }

    .uploadProofForm ul > li ul.uploadedBar div.error {
        background: #E2001A;
        color: white;
    }

.uploadProofForm ul li p {
    margin: 0;
    padding: 0;
    white-space: normal;
}

.smallBottomSpacing {
    padding-bottom: 0.3em
}

ul.impOverviewDays > li {
    background-color: white;
    width: 100% !important;
}

    ul.impOverviewDays > li span {
        background-color: white;
        display: inline-block;
        margin-bottom: .1em;
        margin-right: .1em;
        padding: 2px;
        text-align: center;
        width: 1.7em;
    }

        ul.impOverviewDays > li span.month {
            text-align: left;
            width: 7em;
        }

        ul.impOverviewDays > li span.error {
            background-color: #E2001A !important;
            color: white;
        }

        ul.impOverviewDays > li span.warning {
            background-color: orange !important;
            color: white;
        }

        ul.impOverviewDays > li span.ok {
            background-color: green !important;
            color: white;
        }

ul.impOverviewLegend > li span {
    display: inline-block;
    margin-bottom: .1em;
    margin-right: .1em;
    padding: 2px;
    text-align: center;
    width: 1.7em;
}

    ul.impOverviewLegend > li span.legend {
        text-align: left;
        width: 7em;
    }

    ul.impOverviewLegend > li span.error {
        background-color: #E2001A !important;
        color: white;
    }

    ul.impOverviewLegend > li span.warning {
        background-color: orange !important;
        color: white;
    }

    ul.impOverviewLegend > li span.ok {
        background-color: green !important;
        color: white;
    }

.playlist_reason_declined {
    background: #E2001A;
    color: white;
    font-weight: bold;
    margin: 8px 0;
    padding: 5px;
}

.playlist_reason_totals {
    margin: 8px 0;
}

#aanmeldwizard p {
    white-space: normal;
}

span.remark {
    color: #666;
}

div.breadcrumb {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #7DB4FF;
    border-radius: 20px;
    color: white;
    cursor: pointer;
    font-size: 140%;
    margin-bottom: .2em;
    padding: .6em 1.2em .6em 1.2em;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    vertical-align: baseline;
    white-space: nowrap;
    white-space: normal;
}

    div.breadcrumb i {
        color: white;
    }

    div.breadcrumb:hover {
        color: #0064FF;
    }

    div.breadcrumb a {
        color: #666;
        text-decoration: none;
    }

        div.breadcrumb a:hover {
            color: #E2001A;
            text-decoration: underline;
        }

div.breadcrumbDisabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: #008490;
    border-radius: 5px;
    color: white;
    cursor: default;
    font-size: 140%;
    margin-bottom: .2em;
    padding: .6em 1.2em .6em 1.2em;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    vertical-align: baseline;
    white-space: nowrap;
    white-space: normal;
}

span.calendarControl {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
}

li.bandinfo span {
    display: inline-block;
}

ul.mysenaForm > li.bandinfo label.ControlHasError {
    color: #E2001A;
    display: inline-block;
    padding: 0;
    width: inherit !important;
}

li.labelinfo span {
    display: inline-block;
}

ul.mysenaForm > li.labelinfo label.ControlHasError {
    color: #E2001A;
    display: inline-block;
    padding: 0;
    width: inherit !important;
}

ul.mysenaForm.aanmeld_overview li ul li {
    display: block;
    width: 100%;
}

    ul.mysenaForm.aanmeld_overview li ul li label {
        width: 175px;
    }

.signupWizard ul.mysenaForm.aanmeld_overview .mysenaForm {
    padding-left: 0px;
}

.signupWizard ul.mysenaForm ul.mysenaForm {
    padding-left: 0px;
}

.signupWizard ul.mysenaForm li ul.mysenaForm li {
    padding-left: 0;
}

ul.mysenaForm > li.bandinfo ul li {
    width: auto;
}

    ul.mysenaForm > li.bandinfo ul li Label {
        padding-right: 5px;
    }

        ul.mysenaForm > li.bandinfo ul li label.ControlHasError {
            display: block;
            width: auto;
        }

ul.mysenaForm > li.labelinfo ul li {
    width: auto;
}

    ul.mysenaForm > li.labelinfo ul li Label {
        padding-right: 5px;
    }

        ul.mysenaForm > li.labelinfo ul li label.ControlHasError {
            display: block;
            width: auto;
        }

ul#relatedMedia > li {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    padding: 6px 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
}

.uapl_container {
    background: white;
    border: 1px solid silver;
    display: inline-block;
    list-style-type: none;
    padding: 2px;
    width: 300px;
}

    .uapl_container.loading {
        background: white url('data:image/gif;base64,R0lGODlhEAAQAPIGAEJCQgAAAGJiYoKCgsLCwpKSkv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAGACwAAAAAEAAQAAADM2i63P4wyklrIwAQCkIAnAdOmGYRgrAxxLoI2cC2rjHERFHQLSsMOd2mBykMBgVKa+dIAAAh+QQJCgAGACwAAAIACgAOAAADLWhGAKTQgBBAVLPe1R4kguBFQjNsQyNs4DBeRFG8iixvxTAUy0jEvyBLODQkAAAh+QQJCgAGACwAAAAACgAOAAADLWi6BEBrgRCAIkM0ao1wQ+FAxuAI0SUM5FUU7fK+qVEMYU0QcM3Ev51uB7wAEwAh+QQJCgAGACwAAAAADgAKAAADLWi6NEIrLgHAkIaU0uqrkLFthDAQQBAASjEMRZSuCqGFNZjhWG3zmB8wOJQkAAAh+QQJCgAGACwCAAAADgAKAAADK2hqVEUrLuekIrCM8YaADCZ2ADBcYiSUwoJJhAdaEVHONBAEAL3oPN/llgAAIfkECQoABgAsBgAAAAoADgAAAytoRNauiz0YS5FQDTtN2UVHWNhEDELZDAAwdEIriGhJtKoBBAHQ7T0RrpEAACH5BAkKAAYALAYAAgAKAA4AAAMqaKpE+609Fie1i5TiJhmbVQyg1XCQMHSPAAAC837voABBABBqh+ummSUBACH5BAUKAAYALAIABgAOAAoAAAMsaLpsRC2+F9mEdVECAFZEUWBAEACMOCrlSQhDOAwF2L2dYIjfMuQZEKynSAAAOw==')
        /*../Content/images/waiting.16.gif*/
        100% 50% no-repeat;
    }

    .uapl_container > li {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        background: #888;
        color: white;
        cursor: pointer;
        display: inline-block;
        margin: 0 2px 2px 0;
        overflow: hidden;
        padding: 2px 6px 2px 2px;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
        width: auto;
        /* IE fix? */
        width: initial !important;
    }

    .uapl_container > input {
        background: none;
        border: none;
        box-shadow: none !important;
        display: inline-block;
        font-family: Verdana, Arial;
        font-size: 12px;
        margin: 0;
        max-width: 100%;
        min-width: 25px;
        padding: 2px;
        text-shadow: none;
        width: 25px;
    }

    /*.uapl_container > li {
background: #aaa;
color: white;
cursor: default;
}*/

    .uapl_container input {
        cursor: default;
    }

        .uapl_container input:active, .uapl_container input:focus {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none !important;
        }

.overlay_inner ul.mysenaForm > li {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
    min-height: 1.5em;
    overflow: hidden;
    padding: 0.1em 0;
    text-overflow: ellipsis;
    vertical-align: top;
    /* width: 100%; */
    white-space: nowrap;
}

    .overlay_inner ul.mysenaForm > li > p {
        white-space: normal;
    }

    .overlay_inner ul.mysenaForm > li label.ControlHasError {
        color: #E2001A;
        display: block;
        padding-left: 175px;
        width: 100%;
    }

    .overlay_inner ul.mysenaForm > li div#mandateRequestedError label.ControlHasError,
    ul.mysenaForm > li#aanwiz_mandaat_error label.ControlHasError {
        padding: 0;
    }

    .overlay_inner ul.mysenaForm > li.noPrecedingLabel label.ControlHasError {
        padding-left: 0;
    }

    .overlay_inner ul.mysenaForm > li span.doubleBttnAcPopup > input[type=text] {
        white-space: nowrap;
        width: 259px;
    }

    .overlay_inner ul.mysenaForm > li label {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        color: #444;
        display: inline-block;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: text-top;
        width: 175px;
    }

        .overlay_inner ul.mysenaForm > li label.error {
            color: #E2001A;
            font-weight: normal;
        }

    .overlay_inner ul.mysenaForm > li span {
        display: block;
        overflow: hidden;
    }

    .overlay_inner ul.mysenaForm > li input[type=text],
    .overlay_inner ul.mysenaForm > li input[type=number],
    .overlay_inner ul.mysenaForm > li input[type=password],
    .overlay_inner ul.mysenaForm > li select,
    .overlay_inner ul.mysenaForm > li textarea {
        width: 100%;
    }

        .overlay_inner ul.mysenaForm > li input[type=text]:disabled,
        .overlay_inner ul.mysenaForm > li input[type=number]:disabled,
        .overlay_inner ul.mysenaForm > li input[type=password]:disabled,
        .overlay_inner ul.mysenaForm > li select:disabled,
        .overlay_inner ul.mysenaForm > li textarea:disabled {
            background-color: #f5f5f5;
            color: #ccc;
        }

    .overlay_inner ul.mysenaForm > li select {
        -moz-appearance: none;
        -ms-text-overflow: clip;
        -o-text-overflow: clip;
        -webkit-appearance: none;
        background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QAUgBSAFJRze3SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QkRDQQtrqr9+AAAAPdJREFUKM+tkj1ug0AQhd9KFmg7tBIsFZRunHpFwQG2sOAG+GgcAartaHwE+wLu+JFQOnZpJk1SkDiJiPK1b96n0WiA/0IpVSul6r3ZAQC01nWSJBUACCFgjLl8DPyUAcAhy7Igz/MzADDGwDmvAMAYc9Fa18fjsZJSgoiQpunZGLPZgBFRYK29Nk1zmqYJy7Kg73vM8/wQQqRxHINzjjAMUZblnXP+shEAABEFzrlr27anYRiwriucc/B9H57nQUqJoijuvu/njLHXL4LPknEcwRgDESGKom/LG8EzyW/lp7zf5NZ1HVlrb0QU7P4JIgqIqP5TeS9vPYiEoOGzBEwAAAAASUVORK5CYII=')
        /*../Content/images/bttn.select.png*/
        no-repeat 100% 50%;
        border: 0;
        box-shadow: none;
        line-height: 1.1;
        text-indent: .1em;
        text-overflow: clip;
    }

    .overlay_inner ul.mysenaForm > li input[type=text].countryField {
        width: 35px;
    }

    .overlay_inner ul.mysenaForm > li input[type=text].ac_loading {
        background: window url('data:image/gif;base64,R0lGODlhEAAQAPIGAEJCQgAAAGJiYoKCgsLCwpKSkv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAGACwAAAAAEAAQAAADM2i63P4wyklrIwAQCkIAnAdOmGYRgrAxxLoI2cC2rjHERFHQLSsMOd2mBykMBgVKa+dIAAAh+QQJCgAGACwAAAIACgAOAAADLWhGAKTQgBBAVLPe1R4kguBFQjNsQyNs4DBeRFG8iixvxTAUy0jEvyBLODQkAAAh+QQJCgAGACwAAAAACgAOAAADLWi6BEBrgRCAIkM0ao1wQ+FAxuAI0SUM5FUU7fK+qVEMYU0QcM3Ev51uB7wAEwAh+QQJCgAGACwAAAAADgAKAAADLWi6NEIrLgHAkIaU0uqrkLFthDAQQBAASjEMRZSuCqGFNZjhWG3zmB8wOJQkAAAh+QQJCgAGACwCAAAADgAKAAADK2hqVEUrLuekIrCM8YaADCZ2ADBcYiSUwoJJhAdaEVHONBAEAL3oPN/llgAAIfkECQoABgAsBgAAAAoADgAAAytoRNauiz0YS5FQDTtN2UVHWNhEDELZDAAwdEIriGhJtKoBBAHQ7T0RrpEAACH5BAkKAAYALAYAAgAKAA4AAAMqaKpE+609Fie1i5TiJhmbVQyg1XCQMHSPAAAC837voABBABBqh+ummSUBACH5BAUKAAYALAIABgAOAAoAAAMsaLpsRC2+F9mEdVECAFZEUWBAEACMOCrlSQhDOAwF2L2dYIjfMuQZEKynSAAAOw==')
        /*../Content/images/waiting.16.gif*/
        right center no-repeat;
    }

    .overlay_inner ul.mysenaForm > li a.disabled {
        cursor: default;
    }

    .overlay_inner ul.mysenaForm > li input[type=text].date {
        width: 10em;
    }

    .overlay_inner ul.mysenaForm > li .searchBarPopup > input {
        width: 100%;
    }

    .overlay_inner ul.mysenaForm > li.informationTxt {
        padding: 0.7em 0;
        text-align: center;
        white-space: normal;
        width: 100%;
    }

    .overlay_inner ul.mysenaForm > li.informationTxtLeft {
        padding: 0.7em 0;
        text-align: left;
        white-space: normal;
        width: 100%;
    }

    .overlay_inner ul.mysenaForm > li.bandinfo label.ControlHasError {
        color: #E2001A;
        display: inline-block;
        padding: 0;
        width: inherit !important;
    }

    .overlay_inner ul.mysenaForm > li.labelinfo label.ControlHasError {
        color: #E2001A;
        display: inline-block;
        padding: 0;
        width: inherit !important;
    }

    .overlay_inner ul.mysenaForm > li.fullwidth {
        width: 100%;
    }

    .overlay_inner ul.mysenaForm > li ul.AutocompleteExternalcontrol {
        white-space: normal;
    }

        .overlay_inner ul.mysenaForm > li ul.AutocompleteExternalcontrol li {
            background: #888;
            color: white;
            display: inline-block;
            margin: 2px;
            padding: 3px 7px 0 3px;
            width: auto;
        }

.overlay_inner form.disabled ul.mysenaForm > li ul.AutocompleteExternalcontrol li {
    background: #bbb !important;
    color: #FFFFFF !important;
    cursor: default;
}

.overlay_inner ul.mysenaForm > li ul.AutocompleteExternalcontrol li.clickable {
    cursor: pointer;
}

ul.mysenaForm.maxFillFields label {
    float: left;
}

ul.mysenaForm.maxFillFields > li > span {
    display: block;
    margin: 0;
    overflow: hidden;
}

    ul.mysenaForm.maxFillFields > li > span > input[type=text],
    ul.mysenaForm.maxFillFields > li > span > input[type=number],
    ul.mysenaForm.maxFillFields > li > span > input[type=password],
    ul.mysenaForm.maxFillFields > li > span > select,
    ul.mysenaForm.maxFillFields > li > span > textarea {
        width: 100% !important;
    }

    ul.mysenaForm.maxFillFields > li > span input[type=text].date {
        width: 8em !important;
    }

ul.mysenaForm.maxFillFields > li label.ControlHasError {
    color: #E2001A;
    display: block;
    padding-left: 0 !important;
    width: 100%;
}

ul.mysenaForm.maxFillFields > li div.ControlError {
    margin-left: 175px;
}

ul.mysenaForm.maxFillFields > li span.ControlHasError {
    border: 1px dotted #E2001A !important;
}

input.hide {
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

.transparent {
    background: none !important;
}

section.main-content.transparent div#filter,
section.main-content.transparent form#filter {
    background: #555;
    box-shadow: 0 0 5px #ccc;
    color: white;
    margin-bottom: 1em;
    padding: 1em;
}

    section.main-content.transparent div#filter div.info,
    section.main-content.transparent form#filter div.info {
        font-size: 130%;
        padding: 0 0 0.4em 0;
    }

    section.main-content.transparent div#filter .fancyButtonPrimary,
    section.main-content.transparent form#filter .fancyButtonPrimary {
        box-shadow: #666 .1em .1em 2px;
    }

#chartdiv {
    margin-right: 0 !important;
}

    #chartdiv > ul {
        list-style-type: none;
    }

        #chartdiv > ul > li {
            display: inline-block;
            vertical-align: top;
            width: 25%;
        }

            #chartdiv > ul > li.threeInARow {
                width: 33.3%;
            }

            #chartdiv > ul > li.twoInARow {
                width: 50%;
            }

            #chartdiv > ul > li > div {
                background: #555;
                background: -webkit-linear-gradient(#555, #666);
                /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#555, #666);
                /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#555, #666);
                /* For Firefox 3.6 to 15 */
                background: linear-gradient(#555, #666);
                /* Standard syntax */
                box-shadow: 0 0 5px #ccc;
                color: white;
                margin: 0 10px 10px 0;
                padding: 1em;
                text-align: left;
            }

        #chartdiv > ul li > div a {
            color: white;
            text-decoration: none;
        }

        #chartdiv > ul li > div div.title span.buttons {
            float: right;
        }

        #chartdiv > ul li > div div.chart {
            height: 350px;
        }

.fillBox {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

ul.maxFillFields > li.noDefaultControl label,
ul.maxFillFields > li.noDefaultControl span,
ul.maxFillFields > li.noDefaultControl div.ControlError {
    display: inline-block !important;
    margin-left: 0;
    vertical-align: middle;
    width: initial !important;
}

.chartzoom {
    padding: 1em;
    text-align: left;
}

    .chartzoom .chart {
        margin-left: 264px;
    }

    .chartzoom > .legend {
        display: inline-block;
        float: left;
        height: 100%;
        overflow-y: auto;
        padding: 0 3px 0 0;
        width: 250px;
    }

        .chartzoom > .legend select {
            border: 1px solid silver;
            margin: 0 0 8px 0;
            padding: .1em;
            width: 100%;
        }

        .chartzoom > .legend ul > li.hidden {
            color: black !important;
            opacity: 0.2;
        }

    .chartzoom ul.legend > li {
        overflow: hidden;
        white-space: nowrap;
    }

        .chartzoom ul.legend > li.clickable {
            cursor: pointer;
        }

        .chartzoom ul.legend > li span.icon {
            display: inline-block;
            padding: 0 0.4em;
            vertical-align: top;
            white-space: nowrap;
            width: 1em;
        }

        .chartzoom ul.legend > li span.name {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .chartzoom ul.legend > li span.amount {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            float: right;
            overflow: hidden;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.chartMenu {
    margin-bottom: 0.5em;
}

    .chartMenu ul {
        display: block;
        list-style-type: none;
    }

        .chartMenu ul > li {
            display: inline-block;
        }

            .chartMenu ul > li a.arrow {
                color: white;
            }

div.overlay_inner.chartOverlay {
    background: #444;
    background: -webkit-linear-gradient(#555, #666);
    background: -o-linear-gradient(#555, #666);
    background: -moz-linear-gradient(#555, #666);
    background: linear-gradient(#555, #666);
    color: white;
}

    div.overlay_inner.chartOverlay h1 {
        color: white;
        margin: 0 0 0.2em 0;
    }

        div.overlay_inner.chartOverlay h1 a {
            color: white;
            text-decoration: none;
        }

div#chartdiv > ul > li > div div.chart ul.mysenaList {
    border: 0;
}

    div#chartdiv > ul > li > div div.chart ul.mysenaList li {
        border: 0;
        display: inline-block;
        margin: 0;
        padding: 0.2em 0;
        width: 100%;
    }

ul.mysenaList li.small-content {
    border: 1px solid #BFd8FF;
    border-bottom: none;
    display: inline-block;
    margin: 0;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    margin: 0;
    width: 100%;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

ul.mysenaList li.small-bottom {
    border: 1px solid #BFd8FF;
    border-top: none;
    display: inline-block;
    margin: 0;
    padding-top: 0.3em !important;
    margin: 0;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

div#chartdiv > ul > li > div div.chart ul.mysenaList li > div {
    box-shadow: none;
    display: inline-block;
    margin: 0;
    padding: 0.2em 0.2em;
}

div.overlay_inner > div.uploadprogress > div.progress > div.bar {
    padding: 10px;
}

    div.overlay_inner > div.uploadprogress > div.progress > div.bar > img {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #ba2a0a;
        border: 1px solid black;
        border-radius: 5px;
        height: 5px;
        width: 100%;
    }

.chkDropDown {
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QAUgBSAFJRze3SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QkRDQQtrqr9+AAAAPdJREFUKM+tkj1ug0AQhd9KFmg7tBIsFZRunHpFwQG2sOAG+GgcAartaHwE+wLu+JFQOnZpJk1SkDiJiPK1b96n0WiA/0IpVSul6r3ZAQC01nWSJBUACCFgjLl8DPyUAcAhy7Igz/MzADDGwDmvAMAYc9Fa18fjsZJSgoiQpunZGLPZgBFRYK29Nk1zmqYJy7Kg73vM8/wQQqRxHINzjjAMUZblnXP+shEAABEFzrlr27anYRiwriucc/B9H57nQUqJoijuvu/njLHXL4LPknEcwRgDESGKom/LG8EzyW/lp7zf5NZ1HVlrb0QU7P4JIgqIqP5TeS9vPYiEoOGzBEwAAAAASUVORK5CYII=')
    /*../Content/images/bttn.select.png*/
    no-repeat 100% 50%;
    box-shadow: 0 0 3px #ccc;
    cursor: default;
    font-size: 100%;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 2px 12px 2px 2px;
}

    .chkDropDown > span {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        color: black;
        display: inline-block;
        line-height: 1.1;
        margin: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        width: 150px;
    }

    .chkDropDown > div.list {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        background: white;
        border: 1px solid silver;
        height: 20em;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        text-overflow: ellipsis;
        z-index: 1000;
    }

        .chkDropDown > div.list > .item {
            padding: 2px 0
        }

            .chkDropDown > div.list > .item > label {
                color: black;
                display: inline-block;
            }

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

.center {
    text-align: center;
    vertical-align: middle
}

.fancyButtonPrimary.noText {
    padding-right: 7px !important;
}

div.noticeImportant {
    background: #FFFFA3;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: -10px;
    padding: 10px !important;
}

.ui-datepicker-trigger {
    left: -1.9em;
    position: relative;
    top: .2em;
}

.ui-datepicker {
    z-index: 99 !important
}

.ui-autocomplete {
    max-height: 50%;
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    z-index: 1000 !important;
}

.ui-autocomplete-category {
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
}

ul.ui-autocomplete > li.ui-menu-item > a {
    text-decoration: none;
    text-transform: capitalize;
}

.ui-autocomplete-loading {
    background: white url('data:image/gif;base64,R0lGODlhEAAQAPYAAP///5qamu3t7dTU1L+/v7Ozs7S0tMXFxdnZ2fDw8Nra2qioqKmpqaysrK+vr7KyssPDw+Pj46WlpcbGxvb29vf39+bm5tDQ0Lm5ub+/v+Tk5Ovr67CwsKKiotHR0dzc3L6+vsrKyvLy8s7Ozp+fn8LCwtfX18LCwuHh4bW1tZ2dnd/f39XV1aOjo5ycnPX19fr6+snJyc3Nzfr6+s3Nzdzc3Pz8/P39/eXl5enp6fv7++7u7t7e3vj4+Ozs7PPz8/Hx8evr6+fn5+Tk5PLy8u/v7/n5+e/v78rKyuDg4ODg4Le3t7q6ur29vcDAwLOzs7Gxsefn58jIyK2trfb29qqqqtHR0by8vKurq6WlpdjY2Li4uKGhoc/Pz8HBwa6urujo6Orq6vT09OLi4svLy9PT09jY2Lu7u9LS0re3t7a2tqenp9vb26CgoJ6ent3d3Zubm9bW1qioqKGhobCwsMfHx6ysrJ2dncbGxqampru7u8TExMzMzAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQACgABACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAAKAAIALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkEAAoAAwAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcURgWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQACgAEACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAAKAAUALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkEAAoABgAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KRgAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAAKAAcALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA')
    /*../Content/images/loading.gif*/
    right center no-repeat;
}

/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */

.ui-icon[class*=" icon-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

/* Allow use of icon-large to be properly aligned */

select.firstPlaceholder option:first-child {
    color: #808080;
}

select.firstPlaceholder.optionNotSelected {
    color: #808080;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #808080;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #808080;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #808080;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #808080;
}

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

.clearable {
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #b3b3b1;
    padding: 3px 18px 3px 4px;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }

    .clearable.onX {
        cursor: pointer;
    }

.searchable {
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA50lEQVR4nG3RvSuFYRzG8c/zhKJsrAb/gLKoQzKaDWKSUhLOapInZTMcL5OMpJMof4BJDIYz2GzKolgkJIrh/I7ueK7lul+u76/u686KohAawCIG8YVL7OBOorbwJWwhT+6GsIBpnLUOc4xiG6+YRy/6sI4OHKE/BVaQYQ57eMI91rCBTlRTYBgvOPZf++GVFGjHB75LgPfwzxRooAcjJcBEeCMFarE+TKAMk9iMfS0FTrCr2cwFHvGMOrojtxrZ396XMYUrdOENpxjHLWY0C8hbHycm1kveMYZzzOImLwn81UNAB7j+AQowLRdEUgwoAAAAARgFTkSuQmCC')
    /*../Content/images/search.png*/
    no-repeat right -14px center;
    border: 1px solid #b3b3b1;
    padding-right: 18px;
    transition: background 0.4s;
    font-family: Verdana, 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-kerning: normal;
    font-feature-settings: "kern"1, "liga"1, "calt"1;
    height: 26px;
}

    .searchable.search {
        background-position: right 5px center;
    }

    .searchable.onSearch {
        cursor: pointer;
    }

div.helpBox {
    display: inline-block;
    width: 100%;
}

.fa-solid, .fa-regular {
    margin-left: .4em;
    margin-right: .4em;
    margin-top: .22em;
}

.icon--switchaccount {
    margin-left: .4em;
}

.HelpBiggerAndGrey,
label .fa-solid {
    color: #666666;
    font-size: 120%;
}

.strong {
    font-weight: bold;
}

.href a {
    text-decoration: underline;
}

/* This sets the dimensions of the Progress Bar element */

progress[value] {
    /* turn off defaults */
    -webkit-appearance: none;
    border: none;
    height: 1em;
    margin-bottom: .1em;
    margin-left: .5em;
    width: 10em;
    color: #008490;
}

    /* This rule sets the appearance of the progress bar background */
    progress[value]::-webkit-progress-bar {
        border-radius: 2px;
        padding: 2px;
    }

    /* This rule sets the appearance of the progress bar meter */
    progress[value]::-webkit-progress-value {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 30px 30px;
        border-radius: 2px;
    }

    progress[value]::-webkit-progress-value {
        -moz-animation: move 5s linear 0 infinite;
        -o-animation: move 5s linear 0 infinite;
        /*This sets up the animation */
        -webkit-animation: move 5s linear 0 infinite;
        animation: move 5s linear 0 infinite;
        background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #008490, #8ECBC9);
        background-size: 25px 14px, 100% 100%, 100% 100%;
        border-radius: 3px;
        box-shadow: inset 0 1px 1px 0 #000000;
        box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
    }

    progress[value]::-moz-progress-bar {
        background-image: -moz-linear-gradient(45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left, #008490, #8ECBC9);
        border-radius: 2px;
        background-size: 25px 14px, 100% 100%, 100% 100%;
    }

@-webkit-keyframes move {
    0% {
        background-position: 0 0, 0 0, 0 0;
    }

    100% {
        background-position: -100px 0, 0 0, 0 0;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0, 0 0, 0 0
    }

    100% {
        background-position: -100px 0, 0 0, 0 0
    }
}

@keyframes move {
    0% {
        background-position: 0 0, 0 0, 0 0
    }

    100% {
        background-position: -100px 0, 0 0, 0 0
    }
}

div#bodyContent ul.trackList {
    display: block;
    padding-left: 0px;
}

    div#bodyContent ul.trackList .row {
        border-top: .1em solid #DDDDDD;
        display: block;
        width: 100%;
        padding-left: 0;
    }

a.link {
    color: #008490 !important;
}

ul.mysenaForm li .claims,
ul.mysenaForm li .instruments,
ul.mysenaForm li .reqColSoc {
    padding: .3em !important;
}

div.news div.page {
    display: none;
}

div.news div#newstop {
    display: block;
}

.chat-buttons {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 1em;
    z-index: 1501;
}

.chat-button__text,
.chatbot-button__text {
    float: left;
    padding: 8px 16px;
    background-color: #0064FF;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    height: 32px;
}

.chat-button__icon {
    float: left;
    padding: 8px 0;
    border-top-left-radius: 5px;
    background-color: #280096;
    width: 36px;
    height: 32px;
    color: white;
    font-family: Verdana, Arial;
    font-weight: bold;
    text-align: center;
}

.chat-button,
.chatbot-button {
    float: right;
    padding-right: 8px;
}

.chatbot-button__icon {
    float: left;
    padding: 8px;
    width: 36px;
    height: 32px;
    border-top-left-radius: 5px;
    background: #280096 url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMWSURBVEhLvZZPSFRRFMZnnhQJRRElFoFQi0SC/lLU1Cpo1T91E7aKCq0WYVDgplYua2NLDSVpNxQSBNEfW0Q6QSREWNGqIjHSCmxScKbfd+e8yZn3NB1n5oNvvnvPOfec++67c9+NFIJ0Or0qlUrdQn+g47BTNnOXFhSKUvAZmkZfidZ+YiGlBYV2W8HbZpKtVzaw00zzhme6EFSbDpgKL/TDBHxf6cDTrodT8B3cZVR7siwTECjWClNu0YHa4KK5ywMK7oXf4KjaZi4vKPwBDlu3IERNQ8HqVsM6mkszlgC6YAqedb0gpqLR6Fs4Yv35gaeqgX1w2r3kRYAcgnLVWPocBFaAwE3Ic1gF78PHPEESXTCoX4kchIfhKIx5nvcRnR0M6mcS0/CEmRYNcjVB/Wv6zRQOYups2XrNVDSQ847l1p7KIv8k3Gb6wLSY8HNuNXXIToCZ6T01Z3qR3/phwkuwd0B98d5bzJxQjMVqzE3lMNeEaUtOHgI8DPq0ZkG/Xj70svWH4HeYhOvcwBDg0zGtGMUO2dgr5mtQ3wd91fQ8fprZ5afQR/Cqy/QP+7Cl0f2wnbhl6A45ZsF2i2mHB5wlEsk5JUl3TbWsZrNewQUaY2gj/KygGUgQKDyl3UbcJPraecKhp55C2xjj3w8Spj4+wUbixtHzmkAtfMn/8xeajxsEdkHtXJ0FJ4n74jwhwKcHaIJJjdFYJnLdOWfAamlitXo3I3CYYN10tCzZPVBMkNPtAauhWsPwq1Ygziw3Y7yUCS09VEs1acajdNbAQQwb0RFUH6AGluluJjwIZn6UuNXWdWDMGGP6rBuAVoAx8Rk1dCTv8Z1VsAdO4JjzFeDboJgwyGdhAeDzX4FqdKP61uQCY70FtZgpFPhj8EgeY+YOBf5zyg2OmykIgrQSuu8NEJh/TBcMclWQM2G515o5HATo+BS64XIzFwzyrYA9Soh2mDmLsPuAvuH32CiH0J+MG0QLug+ASvJoo60kz0Pax+CfjCuD0CsZwRXwDM3TcAuc7Ur2P+hUfAN1IHXCaWfNIhL5C688DxtzLFYOAAAAAElFTkSuQmCC') 6px 6px/60% no-repeat;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 15px;
    padding: 1px;
    background: #E2001A;
    color: #FFF;
    text-align: center;
    font: 12px Arial, sans-serif;
    display: block;
    float: right;
    position: relative;
    right: 7px;
    /*newly added*/
    top: 5px;
    /*newly added*/
}

.smallSelect {
    max-width: 130px;
}

.password-progress {
    position: relative;
    width: 100%;
    max-width: 150px;
    height: 24px;
    border: 1px solid #333;
    border-color: darkgrey;
    border-radius: 2px;
    position: relative;
    padding: 1px;
    border: 1px solid #bfd8ff99;
}

.password-progress-bar-weak, .password-progress-bar-medium, .password-progress-bar-strong, .password-progress-bar-very-strong {
    height: 20px;
    transition: width 150ms;
}

.password-progress-bar-weak {
    background-color: #ff8a7d;
    width: 25%;
}

.password-progress-bar-medium {
    background-color: #ffec7d;
    width: 50%;
}

.password-progress-bar-strong {
    background-color: #7dcfff;
    width: 75%;
}

.password-progress-bar-very-strong {
    background-color: #11f54a;
    width: 100%;
}

.password-progress-percent {
    position: absolute;
    top: 2px;
    left: 70px;
    transform: translateX(-50%);
    text-wrap: nowrap;
}

.audio {
    width: 100%;
    height: 25px;
    display: block;
}

ul.unorderedList li.listItem {
    overflow: visible;
    padding-top: 0px;
    padding-bottom: 0px;
    display: list-item;
}

ul.popupList {
    overflow: auto;
    padding-left: 15px;
    margin-bottom: 0px !important;
}

.icon-spacing {
    padding-left: 5px;
}

.button-no-border {
    border: 0px solid #280096 !important;
}

#powerbi-embed-container {
    position: absolute !important;
    width: 91%;
}

/*Dashboard*/

.horizontal-blocks {
    display: flex;
    flex-direction: row;
    clear: both;
    position: relative;
}

    .horizontal-blocks > div {
        width: 33%;
        height: 300px;
        padding: 20px;
        border-bottom-left-radius: 15px;
        margin: 0 10px 20px 0;
        position: relative;
        color: #280096 !important;
    }

    .horizontal-blocks > .block-dark {
        background-color: #BFD8FF;
    }

    .horizontal-blocks > .block-medium {
        background-color: #E6EFFF;
    }

    .horizontal-blocks > .block-light {
        background-color: #F2F6FF;
    }

    .horizontal-blocks > div:first-child {
        margin-left: 0px
    }

    .horizontal-blocks > div:last-child {
        margin-right: 0px
    }

    .horizontal-blocks > div > img {
        width: 100%;
        height: 300px;
        border-radius: 25px;
    }

.dashboard-currency-value {
    font-size: 20px;
    font-weight: 500;
}

.dashboard-date-container {
    position: absolute;
    bottom: 70px;
    left: 20px;
}

#dashboard-current-balance-date-title {
    flex-grow: 6;
}

#dashboard-current-balance-chart {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: 80px;
    right: 27px;
}

#dashboard-mainartist {
    font-size: 20px;
    font-weight: 500;
}

#dashboard-titel {
    font-size: 14px;
    font-weight: 500;
}

.dashboard-tile-message {
    margin: 20px 0 0 27px;
    font-size: 16px;
    font-weight: 600;
    width: 90%;
    padding-right: 6px;
    height: 22px
}

.dashboard-date-description {
}

.dashboard-date-value {
    padding-top: 4px;
    font-weight: 600;
}

.dashboard-horizontal-block-toolbar {
    padding-right: 27px !important;
    position: absolute;
    right: 0;
    bottom: 25px;
}

.dashboard-horizontal-block-toolbar-dark {
    background-color: #BFD8FF !important;
}

.dashboard-horizontal-block-toolbar-medium {
    background-color: #E6EFFF !important;
}

.dashboard-horizontal-block-toolbar-light {
    background-color: #F2F6FF !important;
}

.dashboard-news {
    cursor: pointer;
}

.dashboard-news-even {
    border: solid 1px #BFd8FF;
}

#dashboard-news1 {
    background-image: url('../../Content/Images/nieuwsbericht1blauw.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#dashboard-news2 {
    background-image: url('../../Content/Images/nieuwsbericht2wit.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#dashboard-news3 {
    background-image: url('../../Content/Images/nieuwsbericht3blauw.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dashboard-news-date {
    color: #fff;
    font-size: 14px;
    font-family: Verdana;
    font-weight: 400;
    text-align: left;
}

.dashboard-news-message {
    margin: 100px auto;
    font-size: 20px;
    font-weight: 600;
    width: 60%;
    text-align: center;
    color: #fff;
}

.dashboard-news-even .dashboard-news-message,
.dashboard-news-even .dashboard-news-date {
    color: #280096;
}

.news-chevron {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 13px;
    float: right;
    margin: -26px 0px 0 0;
}

.chevron-light {
    background-image: url('../../Content/icons/right_pointer2.png');
}

.chevron-dark {
    background-image: url('../../Content/icons/right_pointer2_blue.png');
}

.extra-scroll-space {
    margin-bottom: 75px;
}

.dashboard-tasks-container {
    display: flex;
    justify-content: space-between;
}


.list-tasks-box {
    border-top-right-radius: 20px;
    flex: 1;
}

.grid-tasks-box {
    border-top-right-radius: 20px;
    flex: 2;
}

    .grid-tasks-box .toolbar-tasks {
        margin: 10px 0px 10px 0px;
    }

.searchtoolbar {
    background-color: #f4f2fa;
    border-radius: 0px 0px 0px 20px;
}

.financial-insight-wrapper {
    height: 400px;
    margin-top: 0px;
    width: 100%;
    border: 1px solid #BFd8FF;
    border-bottom-left-radius: 20px;
    clear: left;
    cursor: pointer;
}

.financial-insight-wrapper--message {
    width: 16.5%;
    float: left;
    color: #280096;
    font-size: 18px;
    padding: 16px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.financial-insight-wrapper--image {
    width: 83.5%;
    float: left;
    height: 100%;
    border-bottom-left-radius: 20px;
    background: url(Images/fin-insights-bg.jpg) no-repeat;
}

.in-grid-tooltip {
    float: right;
    padding-right: 10px;
    cursor: pointer;
    margin-left: 5px;
}

/*End Dashboard*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    scroll-behavior: smooth !important;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* SVG chart overrule */

svg text {
    fill: currentColor;
}

svg [fill="#0064FF"] {
    fill: #280095;
}

svg [fill="#00dc2d"] {
    fill: #80B1FE;
}

/* Mandate Wizard */
.wizard-step {
    display: none;
}

    .wizard-step.active {
        display: block;
    }

.bold {
    font-weight: 700;
}


/* Verplaatst uit MySena2.css */
.grid-wrapper {
    border-radius: 20px 0px 0px 0px;
    padding-bottom: 0px;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.grid-wrapper-with-filter {
    border-radius: 20px 0px 0px 0px;
    padding: 8px;
}

.grid-buttons-column {
    padding: 10px !important;
    vertical-align: middle !important;
    font-size: 1.4em;
    text-align: right;
    line-height: 15px !important;
}

    .grid-buttons-column a {
        margin-left: 16px;
        font-size: 13px;
    }

.grid-buttons-column-icon.grid-buttons-column-icon--left {
    margin-right: 4px;
}

.grid-buttons-column-icon.grid-buttons-column-icon--right {
    margin-left: 4px;
}


/* dx detail grid container */
.detail-grid-container {
    flex: 1;
}

    .detail-grid-container > h3 {
        padding: 0 10px;
    }

/* personal container */
.flex-container {
    flex-flow: row wrap;
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: space-between
}

.flex-container-item {
    min-width: 380px;
    box-sizing: border-box;
    display: flex;
    flex: 3 32%;
}

    .flex-container-item > div {
        display: flex;
        flex-direction: column;
    }

    .flex-container-item .detail-grid-container {
        border: 1px solid #BFD8FF;
        border-radius: 0px 0px 0px 20px;
    }

.heading-topspacer {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
}

/*Contacts page stylings*/
#contact-info-text, .grid-wrapper-contacts {
    margin: 0 0 3% 0;
}

/* Instructions - videos page*/
.flex-container-video {
    justify-content: flex-start;
}

.video-flex-container-item {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 32%;
    flex-direction: column;
}


    .video-flex-container-item:hover {
        cursor: pointer !important;
    }

.video-flex-container-no-data {
    padding: 0 0 0 10px;
    font-weight: 400;
}

.video-flex-container-image {
    width: 99%;
    padding: 10px 0;
}

.video-flex-container-caption {
    font-weight: bold;
}

.video-wrapper-popup video {
    object-fit: cover;
    width: 100%;
}

.video-wrapper-popup:hover {
    cursor: pointer !important;
}

/*Personal Messages-News page*/

.cursor-pointer {
    cursor: pointer;
}

.dx-popup-wrapper .dx-toolbar .dx-icon {
    margin-right: 6px;
}

.detail-track-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
}

    .detail-track-container .header {
        height: 64px;
        padding: 12px 24px 12px 24px;
        display: flex;
        justify-content: space-between;
    }

        .detail-track-container .header .title-container {
            display: flex;
            align-items: center;
            flex-direction: row;
            width: 100%;
            gap: 10px;
            color: #1B0066;
        }

        .detail-track-container .header .title {
            margin: 0px;
            font-size: 20px;
            font-weight: 700;
            line-height: 22px;
            letter-spacing: -0.02em;
            text-align: left;
            white-space: nowrap;
        }

        .detail-track-container .header .subtitle {
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: -0.02em;
            text-align: left;
        }

        .detail-track-container .header .status-bar {
            display: flex;
            gap: 4px;
            align-items: center;
        }

.detail-track-container-toolbar {
    display: flex;
}

        .detail-track-container .header .toolbar {
            display: flex;
            align-items: center;
            padding: 0px;
        }

.detail-track-container .header .close {
    display: flex;
    width: 32px;
    margin-left: 20px;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    font-weight: 900;
    margin-bottom: 4px;
}

        .detail-track-container .header .close i {
            cursor: pointer;
        }



.detail-track-container .middle-container {
    border-top: 1px solid #280096;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    flex-direction: row;
    height: 100%;
}

    .detail-track-container .menu {
        width: 320px;
        background-color: #280096;
        color: #fff;
        height: calc(100vh - 64px); /* 64 header */
        padding-top: 22px;
        font-weight: 400;
    }

        .detail-track-container .menu .item {
            padding: 0px 24px;
            position: relative;
            cursor: pointer;
        }

            .detail-track-container .menu .item:hover {
                background-color: #1B0066;
                font-weight: 700;
            }

            .detail-track-container .menu .stepper .item:hover {
                background-color: transparent;
                font-weight: 500;
            }

          .detail-track-container .menu .item .arrow {
            display: none;
            width: 10px;
            height: 12px;
            position: absolute;
            right: 0px;
            top: 22px;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 10px solid #FFF;
        }

            .detail-track-container .menu .stepper .item .arrow {
                top: 6px;
            }
            
            .detail-track-container .menu .item.selected .arrow {
                display: block;
            }

        .detail-track-container .menu .item .separator {
            border-top: 1px solid white;
            margin-left: 10px;
            width: 110%;
        }

            .detail-track-container .menu .item.selected {
                font-weight: 700 !important;
            }

            .detail-track-container .menu .item .line {
                height: 100%;
                width: 1px;
                background-color: #fff;
                position: absolute;
                top: 24px;
                left: 36px;
            }

                .detail-track-container .menu .item .line.done {
                    background: #00DC2D;
                }

            .detail-track-container .menu .item .dot {
                background-color: #fff;
                height: 24px;
                line-height: 24px;
                width: 24px;
                border-radius: 12px;
                color: #280096;
                font-size: 15px;
                letter-spacing: -0.02em;
                display: inline-block;
                text-align: center;
                vertical-align: top;
            }

            .detail-track-container .menu .item.selected .dot {
                background: #00DC2D;
                color: #280096;
            }

            .detail-track-container .menu .item .dot.done {
                background: #00DC2D !important;
                color: #280096;
            }

                .detail-track-container .menu .item .dot.done i {
                    line-height: 20px;
                }

            .detail-track-container .menu .item .title {
                font-size: 15px;
                line-height: 24px;
                text-align: left;
                margin-left: 10px;
                display: inline-block;
                padding: 16px 0px;
            }

        .detail-track-container .menu .stepper .item .title {
            margin-bottom: 40px;
            padding: 0px;
        }

    .detail-track-container .content {
        display: flex;
        flex-wrap: wrap;
        background-color: white;
        flex-direction: column;
        flex: 1;
    }

    .detail-track-container .main {
        display: flex;
        flex-direction: row;
        flex: 1;
        max-height: calc(100vh - 136px); /* 64 header + 72 footer, fallback if dvh is not supported */
        max-height: calc(100dvh - 136px); /* 64 header + 72 footer */
    }

    .detail-track-container .column {
        overflow-y: auto;
        height: calc(100vh - 136px); /* 64 header + 72 footer, fallback if dvh is not supported */
        height: calc(100dvh - 136px); /* 64 header + 72 footer */
        padding: 24px 32px 24px 32px;
    }

    .detail-track-container .col-3 {
        flex: 3;
    }

    .detail-track-container .col-2 {
        flex: 2;
    }

    .detail-track-container .help-col {
        background-color: #F2F7FF;
    }

    .detail-track-container .step-control {
        display: flex;
        flex-direction: row;
        flex: 1;
        overflow-y: auto;
    }

        .detail-track-container .step-control .col-3 {
            overflow-y: unset;
        }

        .detail-track-container .step-control .overview {
            margin-top: 22px;
            margin-bottom: 22px;
        }

            .detail-track-container .step-control .overview label {
                color: #5E40B0;
                font-family: Verdana;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                width: 100%;
                display: block;
                margin-bottom: 8px;
                white-space: break-spaces;
            }

            .detail-track-container .step-control .overview span {
                color: #1B0066;
                font-family: Verdana;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
                letter-spacing: -0.3px;
                display: block;
                word-wrap: break-word;
                white-space: break-spaces;
                margin-bottom: 20px;
            }

            .detail-track-container .step-control .overview .file-preview {
                align-items: center;
                border-bottom: 1px solid #BFD8FF;
                padding-bottom: 8px;
                display: flex;
                min-height: 44px;
                margin-bottom: 20px;
            }

            .detail-track-container .step-control .overview .file-preview .icon-container {
                align-items: center;
                display: inline-flex;
                justify-content: center;
                color: #0064FF;
            }

            .detail-track-container .step-control .overview .file-preview .icon-container {
                margin-left: 12px;
                margin-right: 12px;
            }
            
            .detail-track-container .step-control .overview .file-preview a {
                overflow-wrap: break-word;
                word-wrap: break-word;
                -ms-word-break: break-word;
                word-break: break-word;
                display: inline-flex;
                margin-top: 4px;
            }

            .detail-track-container .step-control .dx-item-content .dx-list-item-content {
                padding: 0px !important;
            }

            .detail-track-container .step-control .column .dx-list-item {
                cursor: default !important;
            }

            .detail-track-container .step-control .column .dx-list-item.dx-state-active {
                background: transparent !important;
            }

            .detail-track-container .main .title {
                font-family: Verdana;
                font-size: 20px;
                font-weight: 700;
                line-height: 22px;
                letter-spacing: -0.02em;
                text-align: left;
                color: #1B0066;
                margin-top: 15px;
                min-height: 45px;
            }

    .detail-track-container .button-icon-container {

    }

    .detail-track-container .button-icon-container.next-step {
        margin-left: 4px;
        margin-top: 2px;
    }

    .detail-track-container .button-icon-container.previous-step {
        margin-right: 4px;
        margin-top: 2px;
    }

    .detail-track-container .previous-indicator {
        margin-right: 4px;
    }

    .detail-track-container .next-indicator {
        margin-left: 4px;
    }

        .detail-track-container .dx-field-item-label-text {
            font-family: Verdana;
            font-size: 14px;
            font-weight: 700;
            line-height: 18.2px;
            text-align: left;
            color: #5E40B0;
            margin-top: 8px;
        }

    .detail-track-container .dx-toast-content {
        padding: 10px;
    }

    .detail-track-container .dx-toast-content .step1-warning-icon {
        filter: invert(61%) sepia(90%) saturate(2293%) hue-rotate(1deg) brightness(104%) contrast(105%);
    }

    .detail-track-container .footer {
        height: 72px;
        border-top: 1px solid #9380CB;
        display: flex;
        align-items: center;
        padding: 0px 24px 12px 24px;
        z-index: 10;
        box-shadow: 0px -2px 6px 0px #00000033;
    }

        .detail-track-container .footer .toolbar {
            padding: 0px;
        }

    .form-info-mesage-container {
        padding: 14px 8px 14px 8px;
        gap: 8px;
        border-radius: 0px 0px 0px 20px;
        background: #F2F7FF;
        display: flex;
        flex-direction: row;
        flex: 1;
    }

        .form-info-mesage-container .icon {
            color: #0064FF;
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .form-info-mesage-container .text {
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: -0.02em;
            text-align: left;
            color: #280096;
        }

    .form-invalid-mesage-container {
        padding: 14px 8px 14px 8px;
        gap: 8px;
        border-radius: 0px 0px 0px 20px;
        background: #E946001A;
        display: flex;
        flex-direction: row;
        flex: 1;
        margin-bottom: 16px;
        display: none;
    }

        .form-invalid-mesage-container .icon {
            color: #E94600;
            align-items: center;
            display: flex;
            justify-content: center;
        }

    .form-invalid-mesage-container .text {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #280096;
    }

    .form-warning-mesage-container {
        padding: 14px 8px 14px 8px;
        gap: 8px;
        border-radius: 0px 0px 0px 20px;
        background: #E946001A;
        display: flex;
        flex-direction: row;
        flex: 1;
        margin-bottom: 16px;
    }

        .form-warning-mesage-container .icon {
            color: #E94600;
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .form-warning-mesage-container .text {
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: -0.02em;
            text-align: left;
            color: #280096;
        }

.form-inline-mesage-container {
    padding: 14px 8px 14px 8px;
    gap: 8px;
    border-radius: 0px 0px 0px 20px;
    background: #E946001A;
    display: flex;
    flex-direction: row;
    flex: 1;
    display: none;
}

    .form-inline-mesage-container .icon {
        color: #FF9900;
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0px 10px;
    }

    .form-inline-mesage-container .text {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #280096;
    }

.form-seperator-line {
    border-bottom: 1px solid #9380CB;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.detail-table {
    margin-top: 16px;
    font-family: Verdana;
    font-size: 13px;
    line-height: 14.3px;
    text-align: left;
}

    .default-entry-container {
        background: #E5EFFF;
        padding: 16px;
        border-bottom-left-radius: 20px;
        flex-direction: row;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }

        .default-entry-container .rights-per-dates {
            flex-grow: 1;
            flex-direction: column;
            display: flex;
        }

        .default-entry-container .buttons {
            display: flex !important;
            gap: 4px;
            color: #0064FF;
        }       

        .default-entry-container .header-columns {
            font-weight: 700;
            flex-direction: row;
            display: flex;
        }

        .default-entry-container .header-columns div {
            flex-grow: 3;
        }


        .default-entry-container .rights-per-dates i {
            display: none;
        }

        .default-entry-container .rights-per-dates .last-row i {
            display: block;
        }

        .default-entry-container .rights-per-dates .first-row .fa-circle-xmark {
            display: none;
        }
        
        .default-entry-container .rights-per-dates-values {
            flex-direction: column;
            display: flex;
        }

        .default-entry-container .rights-per-dates-values div {
            flex-grow: 4;
        }

        .default-entry-container .rights-per-dates-value {
            flex-direction: row;
            display: flex;
            background: yellow;
        }

        .default-entry-container .rights-per-dates-value div {
            flex-grow: 4;
        }

        .default-entry-container.inline {
            padding-left: 5%;
            box-shadow: 0px -1px 0px 0px #0064FF40 inset;
            border-bottom-left-radius: 0px;
            background-color: #F2F7FF;
        }

        .default-entry-container.editmode {
        }

        .default-entry-container .ineditmode {
            display: none;
        }
        .default-entry-container .defaultmode {
            display: block;
        }
        
        .default-entry-container.editmode .ineditmode {
            display: block;
        }
        .default-entry-container.editmode .defaultmode {
            display: none;
        }

        .default-entry-container .ineditmode .fa-solid {
            margin: 0;
        }

        .default-entry-container .ineditmode .fa-regular {
            margin: 0;
        }

        .detail-table .overview {
            margin-top: 16px;
        }

            .detail-table .overview .maintable {
                background-color: #FAFCFE;
                border-top-left-radius: 20px;
            }
                .detail-table .overview .input {
                    visibility: hidden;
                }

            .detail-table .overview .maintable.selectable {
            }

                .detail-table .overview .maintable.selectable .input {
                    visibility: visible;
                }

               .detail-table .overview .table-header {
                    display: table-row;
                }
               
                .detail-table .overview .table-header .row {
                    background: #E5EFFF;
                    padding: 16px;
                }

                .detail-table .overview .table-header .row.radius {
                    border-top-left-radius: 20px;
                }

                .padding-left-16 {
                    padding-left: 16px !important;
                }

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

                .align-center {
                    text-align: center;
                }

            .detail-table .overview .table-row {
                box-shadow: 0px -1px 0px 0px #0064FF40 inset;
            }

                .detail-table .overview .table-row.ineditmode {
                    box-shadow: none;
                }

                .detail-table .overview .table-row.ineditmode #startDate {
                    font-size: 0;
                }

                .detail-table .overview .table-row.ineditmode #endDate {
                    font-size: 0;
                }

                .detail-table .overview .table-row.ineditmode #percentage {
                    font-size: 0;
                }

                .detail-table .overview .table-row .editbutton {
                    display: none;
                }

                .detail-table .overview .table-row.ineditmode .editbutton {
                    display: none !important;
                }
                
                .detail-table .overview .table-row.selected-row {
                    background-color: #F2F7FF;
                }
                .detail-table .overview .table-row.selected-row .editbutton {
                    display: block;
                }

            .detail-table .overview .continent-header {
                height: 40px;
                cursor: pointer;
            }

            .detail-table .overview .continent-header.open .showTitleIfOpen {
                visibility: visible;
                font-size: 13px;
            }

            .detail-table .overview .table-row.open .percentage-container {
                display: table-cell;
            }
            .detail-table .overview .table-row.open .startdate-container {
                display: table-cell;
            }
            .detail-table .overview .table-row.open .enddate-container {
                display: table-cell;
            }

            .detail-table .mandates-info-container {
                margin-top: 16px;
                color: #0064FF;
            }

            .showTitleIfOpen {
                font-size: 0px;
                font-weight: bold;
            }

            .detail-table .overview .table-row td {
                padding: 8px 4px;
                align-content: center;
}

            .detail-table .overview .table-row .selectbox-container {
                align-content: center;
                padding: 8px;
            }
            .detail-table .overview .table-row .title-container {
                
                align-content: center;
            }

            .detail-table .overview .table-row .percentage-container {
                display: none;
                align-content: center;
            }
            .detail-table .overview .table-row .startdate-container {
                display: none;
                align-content: center;
            }
            .detail-table .overview .table-row .enddate-container {
                display: none;
                align-content: center;
            }
            .detail-table .overview .table-row .chrevron-container {

            }

.fa.text-danger {
    color: #E94600;
}

.fa.text-success {
    color: #00DC2D;
}

.fa.text-warning {
    color: #FF9900;
}

.menu-badge {
    display: inline-block !important;
    background-color: #00DC2D;
    color: #280096;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 5px 1px 5px;
    margin-left: 4px;
    border-radius: 18px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    align-items: center;
}