@font-face {
    font-family: fe-din-pro;
    src: url('./fonts/mavenpro-regular.ttf');
}

@font-face {
    font-family: fe-din-pro;
    font-weight: bold;
    src: url('./fonts/mavenpro-bold.ttf');
}

body {
    background-size: 100% 100%;
}
.app-logo > img{
    height:50px;margin-top:0px;margin-left:20px;
}
.app-header {
    font-size: 26px;
    text-align: center;
    margin-top: 5px;
    padding: 8px 0;
    background-color: rgb(37, 55, 70);
    color: white;
}
.app-header > div {
    vertical-align: middle;
    margin: auto;    
}
.app-footer {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    padding: 18px 0;
    background-color: #253746;
    color: white;
    position: static;
}
.app-footer > div {
    vertical-align: middle;
    margin: auto;    
}
.same-line {
    position: relative;
    background-color: #253746;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    width: 100%;
    padding: 5px 18px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.same-line div {
    display: inline-block;
    position: absolute;
        
}*/

.on-the-left {
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding-left: 30px;
    color: gray;    
}

.on-the-center {
    left: 0%;
    right: 0%;
    text-align: center;
    margin: 0 auto;
    padding: 3px;
    vertical-align: middle;
}
button, select, html, textarea, input {
    font-family: Roboto;
    font-size: 16px;
}

.label-text {
    color: black;
}

md-bottom-sheet .md-subheader {
    font-family: Roboto;
    font-size: 16px;  
}

.md-chips {
    font-family: R;
    font-size: 16px;
}
.selected {
    background: #CCEBED;
    color: #007D85;
}

.md-button.md-dark-theme.md-primary.md-raised {
    color: rgb(255,255,255);
    background-color: rgb(0,164,153);
}

.md-button.md-dark-theme.md-raised {
    /* color: white;
    background-color: rgb(0,164,153);*/
    background-color: #009CA6;
    /* color: gray; */
    height: 40px;
    width: 150px;
    min-width: 88px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 24px;
    text-transform: none !important;
    font-weight: 400;
}

button.md-dark-theme.md-primary.md-raised:not([disabled]):hover {
    /* background-color: rgb(0,164,153);
    color: white;*/
    background-color: #009CA6;
    /* color: gray; */
    height: 40px;
    width: 50px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 24px;
}

md-toolbar.md-dark-theme:not(.md-menu-toolbar) {
    background-color: rgb(37,55,70);
    border: 0px;
}

.md-subheader.md-dark-theme {
    color: #253746;
    background-color: transparent;
    /*background-color: rgb(37, 55, 70);*/
}

.dark-theme {
    color: black;
}

md-content.md-dark-theme {
    background: #F4F4F4;
    color: black;
}
md-icon.md-dark-theme {
    color: rgb(37,55,70);
}

  .hint {
    
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; }

.highlight{
    background:yellow;
}

.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  white-space: normal;
}

.autocomplete-item {
    padding-top: 8px;
    padding-bottom: 8px;
}

md-autocomplete {
    width: 500px;
}

    md-autocomplete input:not(.md-input) {
        padding-left: 40px;
    }

    md-input-container.md-dark-theme:not(.md-input-invalid).md-input-has-value label {
        color: black;
    }

md-input-container.md-dark-theme label {
    color: black;
}

md-input-container.md-dark-theme .md-input {
    /*border-color: black;*/
    color: black;
    border: 1px solid #009CA6;
    border-radius: 4px;
    height: 38px;
}

.datePicker-container md-input-container.md-dark-theme .md-input {
    height: 38px;
    color: black;
}

.dateSelector {
    border: 1px solid #009CA6;
    border-radius: 4px;
    height: 40px;
    width: 250px;
    background: #ffffff;
}

.dateSelector input:focus:active {
    box-shadow: none;
}

    .dateSelector input:focus-visible {
        outline: none;
    }

    .md-datepicker-triangle-button.md-button.md-icon-button {
        display: none;
    }

.md-datepicker-input-container {
    border-bottom: 0px;
}

md-input-container.md-dark-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: red;
}

.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}
.autocomplete-custom-template .item-title{
    display: block;
  line-height: 2;
  font-weight:bold;
}
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 1;
  font-size:x-small;
}
/*.md-icon-button + .md-datepicker-input-container {
    width: 36%;
    margin-left: 0;
    border: 1px solid #009CA6;
    border-radius: 4px;
}*/

.md-datepicker-input {
    /*border: 1px solid #009CA6;*/
    /*border-radius: 4px;*/
    margin-left: 0;
    color: #212121 !important;
    padding-left: 10px;
    padding-top: 5px;
}

.dateSelector .md-button.md-icon-button md-icon {
    display: none;
}

.md-datepicker-button {
    /*display:none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    Remove default arrow border-top-color: none;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2H18C19.1 2 20 2.9 20 4V20C20 21.1 19.1 22 18 22H2C0.9 22 0 21.1 0 20V4C0 2.9 0.9 2 2 2H3V1C3 0.45 3.45 0 4 0C4.55 0 5 0.45 5 1V2H15V1C15 0.45 15.45 0 16 0C16.55 0 17 0.45 17 1V2ZM3 20H17C17.55 20 18 19.55 18 19V7H2V19C2 19.55 2.45 20 3 20Z' fill='%23009CA6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 60%;
    background-position-y: 10px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
    left:0;
}

md-checkbox {
    border-collapse: separate;
    border-spacing: 0;
    padding-right: 10px
}

md-checkbox.md-checked .md-icon:after, md-checkbox.md-indeterminate .md-icon:after {
     display: inline-block;
}

.tooltip-enable {
    position: relative;
    z-index: 1;
    margin-right: 15px;
    width: 20px;
}

md-checkbox.dark-border:not(.md-checked) .md-icon {
    border-color: #696969;
}

.selected-list {
    margin-left: 10px;
    margin-top: 100px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 520px;
    width: 500px;
    max-height: 520px !important;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: 0px;
}

.no-resize {
    width: 810px;
}

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

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

.login-layout {
    width: 422px;
}

.light-theme {
    color: black;
}

md-list.md-dark-theme md-list-item.md-2-line .md-list-item-text h3 {
    color: black;
}

.details-tab > tbody > tr > td {
    padding-bottom: 10px;
    padding-right: 10px;
}

.dialog-link {
    color: rgb(0,164,153);
}

.error-message {
    color: rgb(221, 44, 0) !important;
    margin-right: 7px !important;
}

.success-message {
    color: rgb(12, 206, 27) !important;
    margin-right: 7px !important;
}

.detail-layout {
    width: 570px;
}

.file-upload {
    background-color: rgb(250,250,250);
}

.no-spacing {
    margin: 0;
}

.file-placeholder {
    width: 300px !important;
}

.validation-status {
    padding: 0 !important;
}

.error-box {
    border-color: rgb(221,44,0) !important;
    color: rgb(221,44,0) !important;
    float: none !important;
}

.error-div {
    font-size: 12px;
    color: rgb(221,44,0) !important;
}

.has-error {
    border-color: #E81A3F;
    box-shadow: none !important;
    outline: none !important;
}

.has-error-select {
    border-color: #E81A3F;
    box-shadow: none !important;
    outline: none !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87461 1.00001L5.99461 4.88001L2.11461 1.00001C1.92778 0.812752 1.67413 0.70752 1.40961 0.70752C1.14509 0.70752 0.891441 0.812752 0.704609 1.00001C0.314609 1.39001 0.314609 2.02001 0.704609 2.41001L5.29461 7.00001C5.68461 7.39001 6.31461 7.39001 6.70461 7.00001L11.2946 2.41001C11.6846 2.02001 11.6846 1.39001 11.2946 1.00001C10.9046 0.620005 10.2646 0.610005 9.87461 1.00001Z' fill='%23E81A3F'/%3E%3C/svg%3E");
}

/*md-radio-group div.layout-column {
    padding-right: 30px;
}*/
    .md-radio-row  {
    padding-right: 20px;
}
md-checkbox.md-dark-theme .md-ink-ripple {
    background-color: white;
}

md-checkbox.md-dark-theme.md-checked .md-icon {
    background-color: rgb(0, 164, 153);
}

md-radio-button.md-dark-theme .md-on {
    background-color: transparent;
}

md-radio-button.md-dark-theme.md-checked .md-off {
    border: 5px solid #009CA6;
}

md-radio-button.md-dark-theme .md-off {
    border-color: #A6A6A6;
}

md-radio-group.md-dark-theme .md-checked .md-ink-ripple {
    background-color: #F4F4F4;
}

input.sender-email {
    width: 240%;
}
md-checkbox.reply-to-sender .md-label { width: auto; }
md-checkbox .md-label { width: 163px; }

md-radio-button { outline: 0; }

.md-scroll-mask {
  display: none;
}

/*md-datepicker-input md-input.size:50px*/

/*md-radio-button .md-label {
    margin-right: 50px; padding-right: 50px;
}
        .labelsender { width: 250px; }
*/

ol {
    margin: 0;
    padding-left: 20px;
}

ol > li {
    padding-top: 1px;
}

.autocomp-resize {
    width: 600px;
}

.wrap-nospace {
    white-space: normal !important;
    word-wrap: break-word;
    max-width: 70vw;
}

.link-color {
    color: #009CA6 !important;
}

.link-navigate {
    text-decoration: underline;
}

.date-color {
    color: white !important;
}

.blog-notification {
    border: 10px;
    background-color: #ffc20e;
    color: rgb(48, 48, 48);
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 13px;
    padding-right: 5px;
    line-height: 15px;
    border-radius: 3px;
}


.md-accordion .expandCollapse {
    width: 30px;
    height: 30px;
    position: relative;
    font-size: 16px !important;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
    display: block;
    margin-top: -2px;
    margin-left: -2px;
    overflow: hidden;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    
}
.md-accordion .expandCollapse span {
    font-size: 16px !important;
}
.md-accordion .expandCollapse:active {
    border: 0px;
    border: 1px solid black;
}

    .md-accordion .expandCollapse:before, .md-accordion .expandCollapse:after {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 32px;
        text-align: center;
        -webkit-transition: .3s all ease-out;
        transition: .3s all ease-out;
        color: #009CA6;
    }

    .md-accordion .expandCollapse:before {
        opacity: 1 -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        content: "|";
        margin-top: -3px;
        color: #009CA6;
    }

    .md-accordion .expandCollapse:after {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        content: "|";
        margin-left: -3px;
        color: #009CA6;
    }
.md-accordion .active:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px;
    color: #009CA6;
}

.md-content {
    overflow: hidden;
}
.md-accordion md-toolbar h2 {
    margin-left: 10px;
    font-size: 16px !important;
    width: 100%;
}
.md-accordion .dataContent {
    height: 0px;
    overflow: hidden;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    padding-top: 0 !important;
}

.md-accordion .activeContent {
    height: auto;
    padding: 20px;
    display: block;
}

.md-accordion md-toolbar {
    cursor: pointer;
    border-bottom: 1px solid rgb(48, 48, 48);
    background-color: rgb(48, 48, 48);
    outline: none !important;
    height: 50px !important;
    min-height: 45px;
}

.faq-question {
   /* border-bottom-style: solid;    
    border-color: gray;
    border-width: 1px;*/
   margin-bottom: 10px;
}

.faq-answer.activeContent {
/*    margin-left: 43px;
    padding-bottom: 15px;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 15px;
    /*font-size: 14px;*/
    /*font-weight: 400;*/
    line-height: 20px;
    background: #FFFFFF;
    border-top: 1px solid #DADADA;
    padding-top: 15px !important;
    padding-left: 50px;
}

.md-accordion .expandCollapse.expand-icon 
{
    font-size: 20px!important;
}

.faq-question h2 {
    line-height: 20px;
}

/*
.faq-answer ul {
  list-style-type: circle;
}
.faq-answer ul > li:before {
    content: "–"; 
}
*/
.format-validator {
    width: 100%;
}
.format-validator ul {
  list-style-type: disc;    
}

.format-validator ul > li:before {
    content: ""; 
}
.Edit-Solid-Bottom-Line {
    margin-bottom: 10px;
    border-bottom-color: gray;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.FddDropDownWidth {
    width: 36% !important;

}
input.contact-email {
    width: 100%;
    max-width: 800px;
}
/* Utility: wide input for multi-email fields */
.wide-input {
    width: 100% !important;
    max-width: 800px !important;
}
input.escalation-contact {
    width: 38%;
}
input.from-email {
    width: 38%;
}
.file-arrangement-upsert .md-icon-button+.md-datepicker-input-container  {
    width:22%;
    margin-left:0;
}

.file-arrangement-upsert .fund-range
 {
    display: inline;
    float: left;
}
.file-arrangement-upsert .fund-range.text-search {
    margin-top: 12px;
}
.file-arrangement-upsert .fund-range .fund-results {
    margin-top: 0;
    padding-top: 0;
    float: left;
}

.file-arrangement-upsert .fund-range .fund-results .list {    
    padding-top: 0;
}
.file-arrangement-upsert .domain {
    width: 300px;
}
.file-arrangement-upsert .fund-range.text-search.domain {
    width: 300px !important;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    width: 300px;
    min-height: 50px;
}

.text-search {
    display: inline;
    float: left;
    margin-top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.319 12.9075C16.7628 9.76899 16.542 5.22833 13.6569 2.34315C10.5327 -0.781049 5.46734 -0.781049 2.34315 2.34315C-0.781049 5.46734 -0.781049 10.5327 2.34315 13.6569C5.22833 16.542 9.76899 16.7628 12.9075 14.319C12.921 14.3343 12.9351 14.3493 12.9497 14.364L17.1924 18.6066C17.5829 18.9971 18.2161 18.9971 18.6066 18.6066C18.9971 18.2161 18.9971 17.5829 18.6066 17.1924L14.364 12.9497C14.3493 12.9351 14.3343 12.921 14.319 12.9075ZM12.2426 3.75736C14.5858 6.1005 14.5858 9.8995 12.2426 12.2426C9.8995 14.5858 6.1005 14.5858 3.75736 12.2426C1.41421 9.8995 1.41421 6.1005 3.75736 3.75736C6.1005 1.41421 9.8995 1.41421 12.2426 3.75736Z' fill='%23009CA6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px 10px !important;
}


@media screen and (min-width:0) and (max-width:1100px) {
    .file-arrangement-upsert .md-icon-button + .md-datepicker-input-container {
        width: 45%;
    }
}

md-select-menu[multiple] md-option[selected].md-checkbox-enabled .md-icon::after {
    display: block;
}

.md-scroll-mask {
  display: none;
}

element {
    -webkit-overflow-scrolling: touch;
}

element > * {
    -webkit-transform: translateZ(0px);
}

.md-button.md-dark-theme.md-raised:not([disabled]):hover {
    /*background-color: rgb(0,164,153);*/
    background-color: #009CA6;
    color: #FFFFFF;
    border: 1px solid #04474B;
}

.md-button.md-dark-theme.md-raised:not([disabled]).md-focused {
    background-color: rgb(0,164,153);
}

md-list.md-dark-theme md-list-item.md-2-line .md-list-item-text p, md-list.md-dark-theme md-list-item.md-3-line .md-list-item-text p {
    color: black;
}

md-checkbox.md-dark-theme[disabled]:not(.md-checked) .md-icon {
    border-color: #D3D3D3;
}

md-select.md-dark-theme .md-select-icon {
    color: black;

}

md-divider.md-dark-theme {
    border-top-color: gray;
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
    /*box-shadow: 0 1px 3px 0 rgb(0,164,153), 0 1px 1px 0 rgb(0,164,153), 0 2px 1px -1px rgb(0,164,153);*/
    border: 1px solid #009CA6;
    box-shadow: none;
    border-radius: 4px;
}

md-select.md-dark-theme .md-select-value.md-select-placeholder {
    color: black;
}

.md-dark-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/ /* Remove default arrow */
    /*border-top-color: none;*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2H18C19.1 2 20 2.9 20 4V20C20 21.1 19.1 22 18 22H2C0.9 22 0 21.1 0 20V4C0 2.9 0.9 2 2 2H3V1C3 0.45 3.45 0 4 0C4.55 0 5 0.45 5 1V2H15V1C15 0.45 15.45 0 16 0C16.55 0 17 0.45 17 1V2ZM3 20H17C17.55 20 18 19.55 18 19V7H2V19C2 19.55 2.45 20 3 20Z' fill='%23009CA6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 15px;*/
}

md-checkbox.md-dark-theme:not(.md-checked) .md-icon {
    border-color: #A6A6A6;
}

md-checkbox.md-dark-theme[disabled].md-checked .md-icon {
    background-color: rgb(0,164,153);
}

md-checkbox.md-dark-theme[disabled] .md-label {
    color: gray;
}

/*md-select.md-dark-theme .md-select-value {
    border-bottom-color: black;
    color: black;
}*/

.md-toolbar-tools.header {
    background-color: #F4F4F4;
    color: #009CA6;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.md-toolbar-tools {
    background-color: #FFFFFF;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    border-bottom-color: #FAFAFA;
}

md-select.md-dark-theme:not([disabled]):focus .md-select-value { 
    color: black;
}

.md-button.md-dark-theme.md-raised[disabled] {
    background-color: #D3D3D3;
    color: #A6A6A6;
    text-transform: none;
}
.md-button.md-dark-theme.md-primary.md-raised:not([disabled]):hover {
    background-color: rgb(0,164,153);
}


.deliveryTable {
    border-collapse: collapse;
}

    .deliveryTable th, .deliveryTable tr, .deliveryTable td {
        /* border: 1px solid #BCBCBC;*/
        padding: 10px;
        text-align: left;
    }

    .deliveryTable tr, .deliveryTable td {
        border-bottom: 1px solid #BCBCBC;
    }

        .deliveryTable tr:not(:first-child) {
            background: #FFFFFF;
        }

        .deliveryTable tr:first-child td {
            position: relative;
        }

            .deliveryTable tr:first-child td::after {
                content: "";
                display: block;
                width: 2px;
                height: 15px;
                background: #BCBCBC;
                position: absolute;
                right: 0;
                top: 11px;
            }


.portal-navi .icon_portal_navi, .login-navi .icon_portal_navi {
    z-index: 2;
    cursor: pointer;
}

   /* .portal-navi .icon_portal_navi span, .portal-navi .icon_portal_navi span:before, .portal-navi .icon_portal_navi span:after {
        content: "";
        background: #009CA6;
        position: absolute;
        width: 4px;
        height: 4px;
        top: 0;
        left: 0;
    }

        .portal-navi .icon_portal_navi span:before {
            left: 8px;
        }

        .portal-navi .icon_portal_navi span:after {
            left: 16px;
        }

    .portal-navi .icon_portal_navi span {
        top: 0px;
    }

        .portal-navi .icon_portal_navi span + span {
            top: 8px;
        }

        .portal-navi .icon_portal_navi span:last-child {
            top: 16px;
        }*/

.portal-navi .cross-portal-navigation  {
    background: #ffffff;
    position: absolute;
    top: 50px;
    left: auto;
    right: 6px;
    width: 165px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 3;
    font-family: Roboto;
}

.login-navi .cross-portal-navigation {
    background: #ffffff;
    position: absolute;
    top: 50px;
    left: auto;
    right: 6px;
    width: 125px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 3;
    font-family: Roboto;
}

    .portal-navi .cross-portal-navigation ul, .login-navi .cross-portal-navigation ul {
        border-bottom: 2px #ecece9 solid;
        padding: 0px;
        margin: 0px;
    }

    .portal-navi .cross-portal-navigation li, .login-navi .cross-portal-navigation li {
        display: block;
        float: none;
        margin: 0;
    }

        .portal-navi .cross-portal-navigation li a, .login-navi .cross-portal-navigation li a {
            display: inline-block;
            padding: 5px 15px;
            color: #212121;
            font-size: 14px;
            line-height: 20px;
            text-decoration: none;
        }

            .portal-navi .cross-portal-navigation li a:hover, .login-navi .cross-portal-navigation li a:hover {
                color: #009CA6;
            }

.portal-navi.active .icon_portal_navi:before, .portal-navi.active .icon_portal_navi:after {
    content: "";
    background: none;
    border-top: 10px transparent solid;
    border-bottom: 10px #009CA6 solid;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    opacity: 1;
    position: absolute;
    top: 30px;
    left: auto;
    right: 113px;
    z-index: 5;
}

/*.login-navi .icon_portal_navi:before, .portal-navi.active .icon_portal_navi:after {
    content: "";
    background: none;
    border-top: 10px transparent solid;
    border-bottom: 10px rgb(37, 55, 70) solid;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    opacity: 1;
    position: absolute;
    top: 12px;
    left: auto;
    right: 0px;
    z-index: 5;
}*/

/*.portal-navi.active .icon_portal_navi:after,
.login-navi.active .icon_portal_navi:after {
    top: 10px;
    border-bottom-color: #d0d3d4;
    z-index: 3;
}*/

.portal-navi.active .cross-portal-navigation,
.login-navi.active .cross-portal-navigation {
    display: block;
}

/*.portalogin.active .menu-login {
    display: block;
}
*/
.portal-navi .portal-logo {
    margin: 5px auto 10px;
}

.fe-fundinfo-logo {
    background: url(/img/FEFundinfo_logo.png) no-repeat;
    background-size: 100%;
    width: 125px;
    height: 43px;
    display: block !important;
    margin: 0 auto !important;
}

@media screen and (min-width:0) and (max-width:1050px) {
    .on-the-center {
        margin-top: 20px;
    }
}

.disable-background {
    background: rgba(33,41,52,.85) !important;
    display: flex !important;
    display: -webkit-flex !important;
    height: 100vh;
}

.dialog-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #FFFFFF;
}

.dialog-box {
    padding: 20px 40px 40px;
    background: #fff;
    box-sizing: content-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: auto;
    max-width: 600px;
    min-width: 240px !important;
}

@media screen and (max-width: 700px) {
    .dialog-box {
        margin: auto 20px;
        padding: 20px;
    }
}

.dialog-content {
    padding: 0 0 20px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dialog-footer {
    padding: 0 0 0px 0;
    text-align: right;
}

.dialog-link {
    text-decoration: none;
    color: #009CA6;
}

.dialog-button {
    border: 1px solid #FFFFFF;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: transparent;
    color: #FFFFFF;
    cursor: pointer;
}

.accept-cookies {
    font-size: 14px;
    font-weight: 400;
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.80004 15.905L5.30004 12.405C5.11519 12.2179 4.86309 12.1125 4.60004 12.1125C4.33699 12.1125 4.0849 12.2179 3.90004 12.405C3.51004 12.795 3.51004 13.415 3.90004 13.805L8.09004 17.995C8.48004 18.385 9.11004 18.385 9.50004 17.995L20.1 7.40501C20.49 7.01501 20.49 6.39501 20.1 6.00501C19.9152 5.81786 19.6631 5.71252 19.4 5.71252C19.137 5.71252 18.8849 5.81786 18.7 6.00501L8.80004 15.905Z' fill='white'/%3E%3C/svg%3E");
}

.qc-cmp-showing {
    visibility: visible;
    opacity: 1;
}



.qc-cmp-ui-container {
    background: rgba(33,41,52,.85) !important;
    bottom: 0 !important;
    /*display: flex !important;
    display: -webkit-flex !important;*/
    left: 0 !important;
    opacity: 0;
    overflow-y: scroll;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    transition: opacity .15s ease;
    visibility: hidden;
    will-change: visibility,opacity;
    z-index: 2147483647 !important;
    transition: background .6s;
    -webkit-transition: background .6s;
}



/*.qc-cmp-ui {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}*/



.qc-cmp-showing {
    visibility: visible;
    opacity: 1;
}



.qc-cmp-ui {
    /*background: #fff;*/
    background: linear-gradient(90deg, #6CC24A 0%, #00A499 49.48%, #009CA6 100%);
    color: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(33,41,52,.75);
    box-sizing: content-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: auto;
    /*max-width: 770px;*/
    min-width: 320px !important;
    /*opacity: 0;*/
    overflow: hidden;
    position: relative;
    /*visibility: hidden;*/
    width: 100%;
    will-change: visibility,opacity;
}

textarea:focus {
    outline: none;
}

.error-popup {
    position: fixed;
    z-index: 9;
    top: 10px;
    right: 25px;
    width: 250px;
    height: 80px;
    background-color: #f2dede;
    border-radius: 4px;
}

.error-popup-inner {
    position: absolute;
    width: 70%;
    padding: 20px;
    color: #a94442;
    font-size: 14px;
}

.error-popup-close {
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 20px;
    color: black;
    -ms-transform: scale(1.5,1.5); /* IE 9 */
    transform: scale(1.5,1.5); /* Standard syntax */
    cursor: pointer;
}
md-sidenav {
    width: 350px;
}

.md-select-container-zoom {
    zoom: 82%
}

/*.header-text {
    background: linear-gradient(90deg, #6CC24A 0%, #00A499 49.48%, #009CA6 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    font-family: Roboto;
}*/

.sub-header-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #212121;
}

.back-button {
    border: 1px solid #009CA6 !important;
    color: #009CA6 !important;
    background: #FFFFFF !important;
}

.md-button {
    text-transform: none !important;
}

p, li {
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

h3 {
    color: #212121;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

h2 {
    background: linear-gradient(90deg, #6CC24A 0%, #00A499 49.48%, #009CA6 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 32px;
    line-height: 44px;
    font-weight: 400;
    font-family: Roboto;
}

.cookie-header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;

}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-header {
    /*border-bottom: 3px solid white;*/
    color: #212121;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
}

/*.table-header-column {*/
    /*border-right: 3px solid #BCBCBC;*/
    /*position: relative;
}*/

    .table-header-column::after {
        content: "";
        display: block;
        width: 2px;
        height: 15px;
        background: #BCBCBC;
        position: absolute;
        right: 0;
        top: 11px;
    }

.fileArrangement-header::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: #BCBCBC;
    position: absolute;
    right: 0;
    top: 15px;
}

    .table-content {
        border-bottom: 1px solid #BCBCBC;
        background: #FFFFFF;
    }

.dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    background-color: #009CA6;
}

.accepted {
    background-color: #009CA6;
    color: #212121;
}

.new {
    background-color: #6CC24A;
    color: #212121;
}

.onHold {
    background-color: #FDCF41;
    color: #F06400;
}

.rejected {
    background-color: #E81A3F;
    color: #E81A3F;
}

.documentUpload {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #009CA6;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

input {
    width: 250px;
    height: 40px;
    border: 1px solid #009CA6;
    border-radius: 4px;
    Padding: 10px 4px 10px 12px;
}

input:focus:active {
    box-shadow: 0px 0px 10px 0px #009CA680;
}


input:focus-visible {
    outline: 1px solid #009CA6;
}

select {
    width: 250px;
    height: 40px;
    border: 1px solid #009CA6;
    border-radius: 4px;
    Padding: 10px 4px 10px 12px;
}

select:focus:active {
    box-shadow: 0px 0px 10px 0px #009CA680;
}


select:focus-visible {
    outline: 1px solid #009CA6;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Remove default arrow */
    /*background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87461 1.00001L5.99461 4.88001L2.11461 1.00001C1.92778 0.812752 1.67413 0.70752 1.40961 0.70752C1.14509 0.70752 0.891441 0.812752 0.704609 1.00001C0.314609 1.39001 0.314609 2.02001 0.704609 2.41001L5.29461 7.00001C5.68461 7.39001 6.31461 7.39001 6.70461 7.00001L11.2946 2.41001C11.6846 2.02001 11.6846 1.39001 11.2946 1.00001C10.9046 0.620005 10.2646 0.610005 9.87461 1.00001Z' fill='%23009CA6'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8751 0.99999L5.9951 4.87999L2.1151 0.99999C1.92827 0.812737 1.67462 0.707504 1.4101 0.707504C1.14558 0.707504 0.891929 0.812737 0.705098 0.99999C0.315098 1.38999 0.315098 2.01999 0.705098 2.40999L5.2951 6.99999C5.6851 7.38999 6.3151 7.38999 6.7051 6.99999L11.2951 2.40999C11.6851 2.01999 11.6851 1.38999 11.2951 0.99999C10.9051 0.61999 10.2651 0.60999 9.8751 0.99999Z' fill='%23009CA6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 15px;
}

/*    select option:active {
        color: #fff;
        background-color: #33B0B8;
    }*/

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #33B0B8;
}

label {
    font-size: 14px; 
    line-height: 20px; 
    font-weight: 500; 
    padding-bottom: 10px;
}

::-webkit-scrollbar {
    width: 8px;
    overflow-y: scroll;
    background: #F4F4F4;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
}

::-webkit-scrollbar-thumb {
    background: #009CA6;
    border-radius: 10px;
}

md-container md-mode-indeterminate {
    border-radius: 10px;
    background: #ffffff;
    height: 10px;
}

md-progress-linear .md-container .md-bar {
    height: 10px;
    background: linear-gradient(270deg, #00A499 0.33%, #6CC24A 100%);
}

md-progress-linear {
    border-radius: 10px;
    background: #FFFFFF;
    height: 10px;
}

md-progress-linear.md-dark-theme .md-container {
    background: #FFFFFF;
    height: 10px;
    border-radius: 10px;
}

a {
    text-decoration: none;
}

md-grid-list md-grid-tile figure{
    right: auto;
    padding-left: 10px;
}


.dots {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 7px;
    height: 24px;
}

.dot {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: block;
    margin-bottom: 3px;
    margin-right: 3px;
}

.new {
    background-color: #6CC24A;
}

.onHold {
    background-color: #FDCF41;
}

.onHoldcolor {
    color: #F06400;
}

.accepted {
    background-color: #009CA6;
}

.rejected {
    background-color: #E81A3F;
}

.rejectedcolor {
    color: #E81A3F;
}

.selectPlaceholder {
    color: #A6A6A6;
}

option {
    color: #212121;
}

option:hover {
    background: #009CA6;
}

.selection-align {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

.layoutHeader {
    background-color: white;
    height: 50px;
    display: flex;
    z-index: 61;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(0, 0, 0, 0.3);
    z-index: 61;
}

.chooseFile, .chooseFile:hover {
    box-shadow: none;
    color: #FFFFFF !important;
    background: #009CA6 !important;
    font-size: 14px;
    line-height: 20px;
    border: 0px !important;
    margin-top: 35px;
}

.asterix::after {
    content: "*";
    color: #E81A3F;
    padding-left: 3px;
}

.text-info {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}

.text-value {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.multiselect {
    width: 150px;
    height: 40px;
    border: 1px solid #009CA6;
    border-radius: 4px;
    margin: 0px;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Remove default arrow */
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8751 0.99999L5.9951 4.87999L2.1151 0.99999C1.92827 0.812737 1.67462 0.707504 1.4101 0.707504C1.14558 0.707504 0.891929 0.812737 0.705098 0.99999C0.315098 1.38999 0.315098 2.01999 0.705098 2.40999L5.2951 6.99999C5.6851 7.38999 6.3151 7.38999 6.7051 6.99999L11.2951 2.40999C11.6851 2.01999 11.6851 1.38999 11.2951 0.99999C10.9051 0.61999 10.2651 0.60999 9.8751 0.99999Z' fill='%23009CA6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 15px;
/*}*/
}

.multiselect md-select.md-dark-theme .md-select-value {
    border: 0px;
}

.multiselect md-select {
    margin: 0px;
}

    .multiselect .md-select-value .md-select-icon:after {
        display: none;
    }
    .multiselect md-select.md-dark-theme .md-select-value {
        border-bottom-color: transparent;
    }


    .dialog-container {
        background: #ffffff !important;
    }

    .btn-custom {
        width: 100px !important;
    }

.btn-cancel {
    width: 100px;
    background: #ffffff;
    color: #009CA6 !important;
    border: 1px solid #009CA6 !important;
    border-radius: 4px;
}

.btn-delete {
    width: 100px;
    background: #E81A3F !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.btn-confirm {
    width: 100px;
    background: #009CA6 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

/*.headerText {
    color: #212121 !important;
}*/

.textColor {
    color: #212121 !important;
}

.actions-container {
    padding-right: 10px;
    padding-bottom: 10px;
}

.sideMenu-heading {
    position: relative !important;
}


.input-selection {
    padding-bottom: 25px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
}