code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.noMaxWidth{
  max-width: unset;
}

.floatDown{
  position: absolute;
  bottom: 5px;
}




/* Icon-Buttons                                  */
/*-----------------------------------------------*/

.icon-search::before{
  mask-image: url("icons/ic_search.svg");
  -webkit-mask-image: url("icons/ic_search.svg");
}

.icon-arrowRight::before{
  mask-image: url("icons/ic_arrow_right.svg");
  -webkit-mask-image: url("icons/ic_arrow_right.svg");
}

.icon-arrowLeft::before{
  mask-image: url("icons/ic_arrow_left.svg");
  -webkit-mask-image: url("icons/ic_arrow_left.svg");
}

.icon-arrowDown::before{
  mask-image: url("icons/ic_arrow_down.svg");
  -webkit-mask-image: url("icons/ic_arrow_down.svg");
}

.icon-arrowUp::before{
  mask-image: url("icons/ic_arrow_up.svg");
  -webkit-mask-image: url("icons/ic_arrow_up.svg");
}

.icon-chevronRight::before{
  mask-image: url("icons/ic_chevron_right.svg");
  -webkit-mask-image: url("icons/ic_chevron_right.svg");
}

.icon-chevronLeft::before{
  mask-image: url("icons/ic_chevron_left_48px.svg");
  -webkit-mask-image: url("icons/ic_chevron_left_48px.svg");
}

.icon-expand-more::before{
  mask-image: url("icons/ic_expand_more.svg");
  -webkit-mask-image: url("icons/ic_expand_more.svg");
}

.icon-expand-less::before{
  mask-image: url("icons/ic_expand_less.svg");
  -webkit-mask-image: url("icons/ic_expand_less.svg");
}
.icon-expand-right::before{
  mask-image: url("icons/ic_expand_right.svg");
  -webkit-mask-image: url("icons/ic_expand_right.svg");
}
.icon-expand-down::before{
  mask-image: url("icons/ic_expand_down.svg");
  -webkit-mask-image: url("icons/ic_expand_down.svg");
}

.icon-dropdown::before{
  mask-image: url("icons/ic_arrow_drop-down.svg");
  -webkit-mask-image: url("icons/ic_arrow_drop-down.svg");
}

.icon-envelope::before{
  mask-image: url("icons/ic_envelope.svg");
  -webkit-mask-image: url("icons/ic_envelope.svg");
}

.icon-phone::before{
  mask-image: url("icons/ic_phone.svg");
  -webkit-mask-image: url("icons/ic_phone.svg");
}

.icon-home::before{
  mask-image: url("icons/ic_home_48px.svg");
  -webkit-mask-image: url("icons/ic_home_48px.svg");
}

.icon-send::before{
  mask-image: url("icons/ic_send.svg");
  -webkit-mask-image: url("icons/ic_send.svg");
}

.icon-close::before{
  mask-image: url("icons/ic_close.svg");
  -webkit-mask-image: url("icons/ic_close.svg");
}

.icon-cloud::before{
  mask-image: url("icons/ic_cloud_queue_48px.svg");
  -webkit-mask-image: url("icons/ic_cloud_queue_48px.svg");
}

.icon-attachment::before{
  mask-image: url("icons/ic_attachment_48px.svg");
  -webkit-mask-image: url("icons/ic_attachment_48px.svg");
}

.icon-download::before{
  mask-image: url("icons/ic_file_download_48px.svg");
  -webkit-mask-image: url("icons/ic_file_download_48px.svg");
}

.icon-upload::before{
  mask-image: url("icons/ic_file_upload_48px.svg");
  -webkit-mask-image: url("icons/ic_file_upload_48px.svg");
}

.icon-edit::before{
  mask-image: url("icons/ic_mode_edit_48px.svg");
  -webkit-mask-image: url("icons/ic_mode_edit_48px.svg");
}

.icon-settings::before{
    mask-image: url("icons/ic_settings_48px.svg");
    -webkit-mask-image: url("icons/ic_settings_48px.svg");
}

.icon-delete-forever::before{
  mask-image: url("icons/ic_delete_forever_48px.svg");
  -webkit-mask-image: url("icons/ic_delete_forever_48px.svg");
}

.icon-pdf::before{
  mask-image: url("icons/ic_picture_as_pdf_48px.svg");
  -webkit-mask-image: url("icons/ic_picture_as_pdf_48px.svg");
}

.icon-add::before{
  mask-image: url("icons/ic_add_48px.svg");
  -webkit-mask-image: url("icons/ic_add_48px.svg");
}

.icon-info::before{
    mask-image: url("icons/ic_info_outline_48px.svg");
    -webkit-mask-image: url("icons/ic_info_outline_48px.svg");
}

.icon-undo::before{
    mask-image: url("icons/ic_undo_48px.svg");
    -webkit-mask-image: url("icons/ic_undo_48px.svg");
}

.icon-tick::before{
    mask-image: url("icons/ic_tick_48px.svg");
    -webkit-mask-image: url("icons/ic_tick_48px.svg");
}

.icon-later::before{
    mask-image: url("icons/ic_watch_later_48px.svg");
    -webkit-mask-image: url("icons/ic_watch_later_48px.svg");
}
  
.icon-content::before{
    mask-image: url("icons/ic_content_paste_48px.svg");
    -webkit-mask-image: url("icons/ic_content_paste_48px.svg");
}

.icon-finance::before{
    mask-image: url("icons/ic_trending_up.svg");
    -webkit-mask-image: url("icons/ic_trending_up.svg");
}

.icon-document::before{
    mask-image: url("icons/ic_insert_drive_file_48px.svg");
    -webkit-mask-image: url("icons/ic_insert_drive_file_48px.svg");
}

.icon-documentation::before{
    mask-image: url("icons/ic_insert_drive_file_docu_48px.svg");
    -webkit-mask-image: url("icons/ic_insert_drive_file_docu_48px.svg");
}

.icon-case::before{
    mask-image: url("icons/ic_work.svg");
    -webkit-mask-image: url("icons/ic_work.svg");
}

.icon-euro::before{
    mask-image: url("icons/ic_euro_symbol_48px.svg");
    -webkit-mask-image: url("icons/ic_euro_symbol_48px.svg");
}

.icon-company::before{
    mask-image: url("icons/ic_domain_48px.svg");
    -webkit-mask-image: url("icons/ic_domain_48px.svg");
}

.icon-date::before{
    mask-image: url("icons/ic_date_range_48px.svg");
    -webkit-mask-image: url("icons/ic_date_range_48px.svg");
}

.icon-city::before{
    mask-image: url("icons/ic_location_city_48px.svg");
    -webkit-mask-image: url("icons/ic_location_city_48px.svg");
}

.icon-consultant::before{
    mask-image: url("icons/ic_group_48px.svg");
    -webkit-mask-image: url("icons/ic_group_48px.svg");
}

.icon-busy::before{
    mask-image: url("icons/ic_cached_48px.svg");
    -webkit-mask-image: url("icons/ic_cached_48px.svg");
}

.icon-ok::before{
    mask-image: url("icons/ic_check_circle_48px.svg");
    -webkit-mask-image: url("icons/ic_check_circle_48px.svg");
}

.icon-consultation::before{
    mask-image: url("icons/ic_record_voice_over_48px.svg");
    -webkit-mask-image: url("icons/ic_record_voice_over_48px.svg");
}

.icon-hierarchy::before{
    mask-image: url("icons/ic_line_style_48px.svg");
    -webkit-mask-image: url("icons/ic_line_style_48px.svg");
}

.icon-create-account::before{
    mask-image: url("icons/ic_group_add_48px.svg");
    -webkit-mask-image: url("icons/ic_group_add_48px.svg");
}

.icon-edit-rights::before{
    mask-image: url("icons/ic_settings_applications_48px.svg");
    -webkit-mask-image: url("icons/ic_settings_applications_48px.svg");
}

.icon-boss::before{
    mask-image: url("icons/ic_supervisor_account_48px.svg");
    -webkit-mask-image: url("icons/ic_supervisor_account_48px.svg");
}

.icon-person::before{
    mask-image: url("icons/ic_person_48px.svg");
    -webkit-mask-image: url("icons/ic_person_48px.svg");
}

.icon-feedback::before{
  mask-image: url("icons/ic_sentiment_satisfied_48px.svg");
  -webkit-mask-image: url("icons/ic_sentiment_satisfied_48px.svg");
}

.icon-company-intro::before{
  mask-image: url("icons/ic_dvr_48px.svg");
  -webkit-mask-image: url("icons/ic_dvr_48px.svg")
}

.icon-pdf-preview::before{
  mask-image: url("icons/ic_picture_as_pdf_48px.svg");
  -webkit-mask-image: url("icons/ic_picture_as_pdf_48px.svg")
}


/* Stars */
.icon-star::before{
  mask-image: url("icons/ic_star_24px.svg");
  -webkit-mask-image: url("icons/ic_star_24px.svg");
}
.icon-star_border::before{
  mask-image: url("icons/ic_star_border_24px.svg");
  -webkit-mask-image: url("icons/ic_star_border_24px.svg");
}
.icon-star_half::before{
  mask-image: url("icons/ic_star_half_24px.svg");
  -webkit-mask-image: url("icons/ic_star_half_24px.svg");
}



/*Checkboxes*/
.icon-checkbox_checked::before{
    mask-image: url("icons/checkbox_checked.svg");
    -webkit-mask-image: url("icons/checkbox_checked.svg");
}
.icon-checkbox_blank::before{
    mask-image: url("icons/checkbox_blank.svg");
    -webkit-mask-image: url("icons/checkbox_blank.svg");
}

.icon-checkbox_blank:hover::before{
    mask-image: url("icons/checkbox_checked.svg");
    -webkit-mask-image: url("icons/checkbox_checked.svg");
    opacity: 0.5;
}


/*Toggle Buttons*/
.icon-toggle_checked::before{
    mask-image: url("icons/toggle_button_checked.svg");
    -webkit-mask-image: url("icons/toggle_button_checked.svg");
}
.icon-toggle_blank::before{
    mask-image: url("icons/toggle_button_blank.svg");
    -webkit-mask-image: url("icons/toggle_button_blank.svg");
}

.icon-play::before{
  mask-image: url("icons/play_arrow-24px.svg");
  -webkit-mask-image: url("icons/play_arrow-24px.svg");
}

.icon-back::before{
  mask-image: url("icons/back_arrow-24px.svg");
  -webkit-mask-image: url("icons/back_arrow-24px.svg");
}


/* Logos */
.icon-bca::before{
    mask-image: url("img/logo/bca.svg");
    -webkit-mask-image: url("img/logo/bca.svg")
}
.icon-blaudirekt::before{
    mask-image: url("img/logo/blau.svg");
    -webkit-mask-image: url("img/logo/blau.svg")
}



/*icon background of some elements. Moved here due to weird 
behaviour from React with relative paths..*/

.inputError{
    background-image: url("icons/input_error.svg");
}

.inputOK{
    background-image: url("icons/input_ok.svg");
}

.inputRequired{
    background-image: url("icons/input_required.svg");
}


.ourSuggestionsUSP li::before { 
    background: url("icons/green-tick.svg");
}

.info_pdf_list_enttry{
    background-image: url("icons/ic_picture_as_pdf_48px.svg");
}


.warning::before {
  mask-image: url("icons/warning.svg");
  -webkit-mask-image: url("icons/warning.svg");
}


/*-----------------------------------------------*/


.hideAllButtons button:not(.exceptMe){
    display: none !important;
}


.expandableContent{
    margin-bottom: 40px;
}


.clickable{
    cursor: pointer;
}

.notClickable{
    cursor: unset !important;
}

.not_allowed{
    cursor: not-allowed !important;
}

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

.draggable{
    cursor: move;
}

.verticallyDraggable{
    cursor: n-resize;
}
.horizontallyDraggable{
    cursor: ew-resize;
}
.hint{
    cursor: help;
}


.half{
    width: 50%;
}

/* ----- general Forms ----*/

.InvestmentForm label,
.newCustomerForm label{
    max-width: 60%;
    min-width: 120px;
}

.newCustomerFormPoppup{
  width: 70vw !important;
}
.newCustomerRow{
  margin-top: 20px;
}
.InvestmentForm .checkBoxInput label{
    min-width: unset;
}

.InvestmentForm .checkBoxInput{
    display: inline; 
}


.InvestmentForm input[type="number"],
.newCustomerForm input[type="number"]{
    max-width: 20%;
    min-width: 80px;
    margin: auto 10px;
}

.big {
  max-width: 50% !important;
}





/* ----- hide Input for upload forms ----*/

.downloadInfoListInput,
.hideInput {
    overflow: hidden;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	position: absolute;
	z-index: -1;
}




/*small table layouts*/

.layout{
  display: table;
}

.layoutHeader{
  display: table-header-group;
  font-weight: 700;
  height: 20px;
}

.layoutFooter{
  display: table-footer-group;
}

.layoutFooter .layoutCell{
  padding-top: 20px;
}

.layoutRow{
  display: table-row;
}
.layoutOneRow{
  display: table-cell;
}

.layoutCell{
  display: table-cell;
  padding-right: 16px;
}
.css-byenzh-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked{
  color: #001e3c;
}
.css-byenzh-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{
  background-color: #aab4be;
}
.css-dmmspl-MuiFormGroup-root{
  flex-direction: row;
}
.pdBtm20{
  padding-bottom: 20px;
}
.pdRt160{
  padding-right: 160px;
}
.pdRt200{
  padding-right: 200px;
}
.hgt150{
  min-height: 150px;
  /* margin-bottom: 20px; */
}