/*
 * Copyright (C) 2025, Coperitus GmbH. All rights reserved
 */
/*********************************************
***************      GLOBAL    ***************
 *********************************************/
/* DADPORTAL-1671 Farbanpassung bei Kursverlust*/
.c_textRed,
.c_textNegative {
    color: #cd5c5c;
}


@keyframes update-negative{
    0%, 25% {
        background-color: #cd5c5c;
    }

    100% {
        background-color: transparent;
    }
}

/* Vor allen Checkboxen einen kleinen Abstand einfügen */
label.c_simulateInput.c_checkbox {
    margin-top: 5px;
}

/* Layout von login-invalid-browser.jsp */
.c_browserInfo .c_portlet-info .c_inline span.c_label {
    display: block;
    text-align: center;
    color: #005a7c;
    font-weight: bold;
}

.c_browserInfo .c_portlet-info .c_inline {
    display: block;
    float: left;
    vertical-align: top;
    width: 115px;
    text-align: center;
    margin-bottom: 10px;
}

.c_browserInfo .c_portlet-info, .c_browserInfo .c_portlet-info p {
    font-size: 14px;
    font-size: 0.77778rem;
    line-height: 18px;
    line-height: 1rem;
}

.c_browserInfo a {
    text-decoration: none;
}


/* Eingabefelder auf 100% setzen */
input.fullInputWidth {
    width: 100%;
    box-sizing: border-box;
}

#logoutDialogTitle {
    text-transform: revert;
}

/* Schriftgröße verkleinern */
.c_smallTxt, .c_txtSmall, small {
    font-size: 80% !important;
    line-height: 1.6em;
}

/* Elemente Ausrichten (z.B. Tan-Eingabe) */
table.gridTable tbody td, table.gridTable tbody tr:nth-child(odd) td {
    border: 0px;
    background-color: inherit;
}

/*********************************************
***************  specific Views***************
*********************************************/

/* Links im Footer (Impressum, Nutzungsbedingungen, Rechtliche Hinweise, ...) */
section.c_pageWrapper #c_bottom #c_commonLinks {
	display: inline-block;
	font-size: 11px;
	font-size: .6111rem;
	line-height: 40px;
	line-height: 2.22222rem;
	color: #fff;
	vertical-align: bottom;
	text-align: right;
	float: left;	
}

section.c_pageWrapper #c_bottom #c_commonLinks a {
	color: #fff;
	text-decoration: none;
}

/* **************** */
/* Watchlistportlet */
/* **************** */
/* Layout von addDataWatchlistAction-view.jsp (Anordnung der Börsenliste - 2-spaltig, wegen zu langen Börsennamen) */
.ui-dialog #js_ajaxDialogHolder section.c_watchlistDialog label.c_simulateInput {
	width: 49%;    
}

/* Watchliste - bestimmte Elemente beim Drucken ausblenden */
@media print {
    section.c_content #c_watchlistTools, section.c_content #c_watchlistData, section.c_postboxlist{
        display: none !important;
    }

    section.c_content table[id*=c_watchlist] th:last-child, section.c_content table[id*=c_watchlist] td:last-child {
        display: none !important;
    }
}

/* Disable Uppercase */
.portlet-watchlist div.c_stickyHeaderHelper ul li a, section.c_tabs ul li a
{
    text-transform: none;
}

.c_watchlistDataName
{
    text-transform: none ;
}

.portlet-watchlist .ui-selectmenu-status, .chosen-container-single .chosen-single span {
    text-transform: none;
}
/* **************** */
/* Portfoliowidget */
/* **************** */

/* Umbruch nach Icons im Portfoliowidget verhindern */
section.c_content .c_widgetDataList .c_iconHelperTyp {
  white-space: nowrap;
}

section.c_content .c_widgetDataList .c_iconHelperTyp .c_dataItem {
  float: none;
}

/* **************** */
/* Depotumsätze */
/* **************** */
/* Depotumsätze - spezielle Spaltenbreite der dritten Tabellenspalte überschreiben */
.portlet-depotumsaetze #c_depotumsaetzeTable tr td:nth-child(3) .c_dataHolder {
    width: auto !important;
}
@media print {
	.portlet-depotumsaetze #c_depotumsaetzeTable tr td:nth-child(3) .c_dataHolder {
	    width: 100% !important;
	}
}

/* Kontoümsätze - Orderdetails-Overlay - erste Spalte verbreitert */
.c_depotumsaetzeDetailDialog table.c_noBorders th:first-child, .c_depotumsaetzeDetailDialog table.c_noBorders td:first-child {
    width: inherit;
}

/* **************** */
/* Ueberweisung */
/* **************** */
/* Ueberweisung - TAN Input volle Spaltenbreite geben */
section.c_pageWrapper #c_middle .portlet-ueberweisung #c_gridUeberweisung input.c_tanInput {
  width: 100% !important;
}

#c_gridUeberweisung {
    font-size: 0.77778rem;
}

section.c_pageWrapper #c_middle .portlet-ueberweisung #c_gridUeberweisung label {
    font-size: 0.77778rem;
}

section.c_pageWrapper #c_middle .portlet-ueberweisung #c_gridUeberweisung .c_gridHolder .c_selectMenu {
    width: 75%;
}

section.c_pageWrapper #c_middle .portlet-ueberweisung #c_gridUeberweisung input.c_typeOfUse {
    width: 70%;
}

/* **************** */
/* Sparplan */
/* **************** */
.portlet-savingsplan-overview h2 {
    font-family: 'Trade Gothic LT Std';
}


/* **************** */
/* Anlegerprofil */
/* **************** */
.portlet-anlegerprofil h2 {
  font-family: 'Trade Gothic LT Std';
}

.portlet-anlegerprofil hr  {
  border-bottom: 2px solid #f8f8f8;
}

.portlet-anlegerprofil input.c_investorProfileValue {
  width: 90%;
}

.portlet-anlegerprofil table.investment-table {
  width: 100%;
  border: 4px solid #ddd;
}
.portlet-anlegerprofil table.investment-table thead th {
  background-color: #ddd;
  padding: 5px 10px 7px;
  font-weight: bold;
  font-size: 16px;
}

.portlet-anlegerprofil table.investment-table tbody td {
  padding: 5px 10px;
  font-size: 15px;
}
.portlet-anlegerprofil .release {
  padding-top: 20px;
}

/* **************** */
/* Management Portlet*/
/* **************** */
/*SMS / E-Mail Service Größe Input Felder*/
.portlet-management input.c_smsEmailValue, input.c_searchFilter {
  width: 90%;
}

/*SMS / E-Mail Service Overlay Nutzungsbedingungen Scrollbar */
.c_activateSmsEmail {
  height: 1200px;
}

.c_nutzungsbedingungenDialog {
  height: 600px;
  overflow-y: scroll;
}

/* **************** */
/* Oneclicktrading*/
/* **************** */
/* ReleaseTypeButtons im OneClickTrading */
section.c_oneClickPanel .c_sessionTanSlot .c_sessionTanGetButton {
  margin-left: 20px;
}

/* Hintergrund im OneClickTrading */
section.c_oneClickPanel .c_gridSystem.c_gridLayout-search .c_gridHolder {
	background-color: #fff;
}

/* Hinweistext bzgl. Zielmarktprüfung */
.c_orderNoTargetMarket {
    margin-bottom: 20px;
}

/* Mobile OCT Light Schriftfarbe */
.c_oneClickPanelLight_mobile #c_oneClickPanel_buyCourse_OCP {
	color: #333;
}
 
.c_oneClickPanelLight_mobile #c_oneClickPanel_sellCourse_OCP {
	color: #333;
}

.c_oneClickPanelLight_mobile #c_mobile_oneClickPanel_labelSell {
	color: #b4338b;
}

.c_oneClickPanelLight_mobile #c_mobile_oneClickPanel_labelBuy {
	color: #4cd600;
}

/* Schriftfarbe für Kursanzeige */
.c_priceFont {
	color: #b4338b;
}

.c_buttonRowRealtime * {
  margin-top: 5px;
}

.c_pageWrapper input[type="file"] {
  padding: 0;
}

fieldset.c_inline input[type="file"] {
	margin-left: 50px;
}

/* **************** */
/*   Sammelexport   */
/* **************** */
.c_smallButtonCollectiveDownload {
    max-width: 120px;
    overflow: hidden;
    line-height: 1.556rem;
    padding: 2px 15px !important;
    height: 30px;
    min-height: 0;
    font-size: .75rem !important;
}

/* Depotbestand Tabelle nach Kurs Push*/
section.c_content td .c_dataItem, .c_animateUpdate.c_inline {
    width: 100%;
    display: inline-block;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow-ellipsis: ellipsis;
}

/* **************** */
/*       KYC        */
/* **************** */
.portlet-kycdata input[type=text] {
    width: 325px;
}

.portlet-kycdata select {
    width: 300px;
}

.portlet-kycdata .chosen-results {
    max-height: 250px;
}

.portlet-kycdata hr {
    border-bottom: 2px solid #f8f8f8;
}

.portlet-kycdata .c_small_label {
    font-size: .5rem;
    line-height: 1rem;
    height: 18px;
}

.portlet-kycdata .c_kyc_dialog_label {
    line-height: 1rem;
}

.portlet-kycdata .c_gridSystem.c_gridLayout-10 .c_gridHolder {
    width: 100%;
    margin-bottom: 5px;
}

.portlet-kycdata div.c_error div {
    background-color: #ffe8f4;
}

.portlet-kycdata a.c_error {
    background-color: #ffe8f4;
}

.portlet-kycdata .c_simulateInput.c_checkbox .c_simulateInputElement.c_error {
    background-color: #ffe8f4;
}

.wag-hint b,strong {
    font-weight:700;
}

/* ************************************************ */
/*       Schnellzugriff Farbanpassung REQ-2466      */
/* ************************************************ */
.c_submenuItemTextGreen {
    color: #4cd600 !important;
}


section.c_pageWrapper .c_content {
    margin-bottom: 120px;
}

/* ************************************************ */
/*              Icon Unread Messages                */
/* ************************************************ */

.notification-container{
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 9px;
}

.notification-circle{
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fd3995;
    color: white;
    box-shadow: white 0px 0px 0px 2px;
    font-size: 70%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 999px;
    min-width: 15px;
    min-height: 15px;
    padding: 3px 6px;
    position: absolute;
    z-index: 1;
    animation-name: pop;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: forwards;
    pointer-events: none;
}

.circle-shrink{
    animation-name: shrink;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-fill-mode: forwards;
}

.notification-circle::selection{
    background: none;
}



@keyframes pop {
    from{
        transform: scale(0.4);
    }
    to{
        transform: scale(1);
    }
}

@keyframes shrink {
    from{
    }
    to{
        transform: scale(0);
        opacity: 0;
    }
}

.c_widgetHeader {
    cursor: pointer;
}

.ui-dialog .c_flashMessageHolder {
    margin-top: -20px;
}

.ui-dialog .c_flashMessageHolder ul {
    padding-top: 0 !important;
}

.c_stickyTable tr {
    border-bottom: 1pt solid #efefef;
}

.ui-dialog .c_flashMessageHolder .c_flashMessage {
    padding-right: 0;
}

.c_flashMessageHolder .c_error {
    background-color: rgba(0,0,0,0);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    vertical-align: middle;
}

section.c_derivatives .c_derivative_button.button_filter.inactive {
    color: #000 !important;
}

div#c_layerLogin a {
    text-decoration: none;
    border: none;
    font-size: 1.5em;
    line-height: 1.5em;
}

#select2-countrycode-readonly-container {
    color: #828282 !important;
}


.c_derivative_button:hover {
    color: black;
}

section.c_derivatives section.c_derivative_certificate_container .c_derivative_certificate_box_container .c_derivative_certificate_filter_row label {
    top: 0;
}

section.c_derivatives section.c_derivative_certificate_container .c_derivative_certificate_box_container .c_derivative_certificate_filter_row .select2 .selection .select2-selection {
    height: 32px;
    margin-top: -3px;
}

.c_derivative_cert_filter_barrier_input {
    margin-top: -3px;
    text-align: center !important;
}

#serviceWidgetList .c_widgetDataRow:nth-child(even) {
    background-color: #ffffff;
}

#serviceWidgetList .c_widgetDataRow:nth-child(odd) {
    background-color: #efefef;
}

#a_smsEmailService:focus{
    outline: none; !important;
}

#a_kycData:focus{
    outline: none; !important;
}

#stammdaten:focus{
    outline: none; !important;
}

#title1Spouse-button {
    width: 93px;
}

.c_widgetTopFlop .c_sellAction,
.c_widgetTopFlop .c_buyAction,
#secAccountBalanceWidgetContent .c_sellAction ,
#secAccountBalanceWidgetContent .c_buyAction {
    height: 26px !important;
}

section.c_pageWrapper #c_middle .portlet-widgets .c_widgetColumn .c_widget .c_smallButton {
    line-height: 24px !important;
}

.ui-state-disabled {
    opacity: 1 !important;
    pointer-events: all !important;
}

.ui-accordion-header {
    border: 0 !important;
}

li.ui-state-active {
    border: none;
}

#c_layerLogin,
.login-dialog{
    padding: 0;
}

.ui-dialog.ui-c_error {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.ui-dialog {
    padding: 0;
}

.ui-tooltip {
    max-width: 700px;
}

.ui-widget.ui-widget-content {
    border: 0;
}

section.c_pageWrapper #c_middle .portlet-sparplan .c_content #c_changeprozess .ui-accordion .ui-accordion-content {
    background: none;
    padding: 15px;
}

section#c_subNavigation ul ul ul {
    left: 275px;
}

.ui-tooltip-content {
    font-size: 14px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0;
    background: #f2f2f2;
    color: #000000;
}

.ui-datepicker .ui-datepicker-prev {
    left: 15px;
}

section.c_tabs > ul li.ui-state-active a {
    margin: 0;
}

section.c_tabs > ul li:first-child {
    padding-left: 0;
}

#countrySpouse-button {
    width: 150px !important;
}

#title1Spouse-button {
    width: 150px !important;
}


.c_widget-redesign select {
    right: 0;
    height: 25px;
    border: 0;
    outline: 0;
    margin-right: 0;
    padding-right: 23px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'RobotoCondensed';
}

@media (max-width: 1200px) {
    section#c_middle section.c_dashboard .c_gridMain {
        width: 95%;
    }
}

section.c_pageWrapper #c_bottom {
    background-color: #000000;
}

#quarterlyReportItemId {
    margin-right: 20px;
}

.c_searchPills .active {
    color: #ffffff;
}


.c_searchPills li:hover {
    color: #ffffff;
}

.c_searchPills li:hover a {
    color: #ffffff;
    background-color: #000000;
}

.c_searchPills li.active:hover {
    color: #ffffff;
}

.c_searchPills ul li.active:hover a {
    color: #ffffff;
    background-color: #000000;
}

section.c_globalSearchResults section.c_suchergebnisseList header {
    border-bottom: 0;
}

.background-masker {
    background-color: #fff;
    position: absolute;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }
    100% {
        background-position: 800px 0
    }
}

.animated-background {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 70px;
    position: relative;
}

.c_dashboard .c_itemText {
    overflow: hidden;
    text-overflow: ellipsis;
}

.c_dashboard .c_itemText span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

.c_dashboard .c_itemSubtext {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

.c_dashboard .c_itemValue span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

section#c_navigation ul li.c_menuActive {
    background-color: #000000;
}

#c_globalSearchAjaxList ul li div:hover {
    color: #000000 !important;
}

#secAccountId_chosen.chosen-container .chosen-drop {
    width: 330px;
}

#secAccountId_chosen.chosen-container .chosen-results li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c_gridIndizes .select2 {
    max-width: 250px;
}

section#c_middle {
    padding-top: 0;
    padding-bottom: 40px;
}

.ui-menu .ui-state-active {
    margin: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}