﻿.hedge-effectiveness .title {
    font-weight: 700;
    font-size: 1.7rem;
    margin-bottom: 0.6rem;
}

.hedge-effectiveness .inline-icon-text {
    display: flex;
    align-items: center;
}

.hedge-effectiveness .hedge-table table > tbody td {
    padding: 0.5rem;
}

.hedge-effectiveness .hedge-table .button-cell {
    display: flex;
    justify-content: space-between;
}

    .hedge-effectiveness .hedge-table .button-cell > span {
        padding: 0.5rem;
        min-width: 6rem;
    }

        .hedge-effectiveness .hedge-table .button-cell > span > span {
            padding: 0.3rem;
        }

.hedge-effectiveness .hedge-table .mud-button-text-default.mud-button-text:hover,
.hedge-effectiveness .hedge-table .mud-button-text-default.mud-button-text:focus-visible {
    background: rgba(61, 61, 61, 0.08);
}

.hedge-effectiveness .hedge-table .mud-button-text-success.mud-button-text:hover,
.hedge-effectiveness .hedge-table .mud-button-text-success.mud-button-text:focus-visible {
    background: rgba(134, 188, 37, 0.08);
}

.hedge-effectiveness .hedge-table .mud-button-text-error.mud-button-text:hover,
.hedge-effectiveness .hedge-table .mud-button-text-error.mud-button-text:focus-visible {
    background: rgba(218, 41, 28, 0.08);
}

.hedge-effectiveness .classElementsProRetro {
    display: flex;
    justify-content: space-around;
}

.hedge-item-detail-dialog .mud-ripple.subtitle {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 1rem 0;
}

    .hedge-item-detail-dialog .mud-ripple.subtitle.active,
    .hedge-item-detail-dialog .mud-ripple.subtitle:hover {
        background-color: #F0F0F0;
    }

    .hedge-item-detail-dialog .mud-ripple.subtitle > .mud-button-label {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0.6rem 2.5rem;
    }

.hedge-item-detail-dialog .additional-detail {
    font-size: 1.2rem;
    margin: 2.5rem 1rem 0 1rem;
    font-style: italic;
}

.hedge-item-detail-dialog .derivative-info p {
    font-size: 1rem;
}

.retrospective .grid-element {
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
    border-bottom: 1px solid #E0E0E0;
}

.retrospective .grid-header-last ~ .grid-element {
    border-right: 1px solid #E0E0E0;
}

.retrospective .grid-element.grid-header {
    background-color: #000000;
    color: #FFFFFF;
    padding: 1rem 0;
}

.retrospective .grid-element.grid-header-first {
    border-radius: 4px 0 0 0;
}

.retrospective .grid-element.grid-header-last {
    border-radius: 0 4px 0 0;
}

.retrospective .grid-element.grid-fixed {
    background-color: #F5F5F5;
    border-left: 1px solid #E0E0E0;
    display: block;
    min-width: 14rem;
    white-space: nowrap;
}

.retrospective .hedge-ratio {
    margin-top: 30px;
}

    .retrospective .hedge-ratio .grid-fixed.grid-fixed-last {
        border-radius: 0 0 0 4px;
    }

    .retrospective .hedge-ratio .adjust-scroll-width {
        min-width: 5.7rem;
    }

.retrospective .delta-inception {
    background-color: #EDEDED;
}

.prospective .grid-element {
    min-width: 16.66%;
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
    border-bottom: 1px solid #E0E0E0;
    align-items: center;
}

    .prospective .grid-element.grid-element-last {
        border-right: 1px solid #E0E0E0;
    }

    .prospective .grid-element.grid-header-top {
        min-width: 33.33%;
        padding: 1rem;
        border-bottom: none;
        background-color: #000000;
        color: #FFFFFF;
    }

        .prospective .grid-element.grid-header-top.grid-header-top-first {
            border-radius: 4px 0 0 0;
        }

        .prospective .grid-element.grid-header-top.grid-header-top-last {
            border-radius: 0 4px 0 0;
        }

    .prospective .grid-element.grid-header-subtop {
        padding: 1rem 1rem;
        border-bottom: none;
        background-color: #F0F0F0;
        color: #464646;
        border-bottom: 1px solid #E0E0E0;
        text-align: center;
    }

        .prospective .grid-element.grid-header-subtop.grid-header-subtop-first {
            border-left: 1px solid #E0E0E0;
        }

        .prospective .grid-element.grid-header-subtop.grid-header-subtop-last {
            border-right: 1px solid #E0E0E0;
        }

    .prospective .grid-element.grid-fixed {
        background-color: #F0F0F0;
        border-left: 1px solid #E0E0E0;
        display: block;
    }

.prospective .hedge-ratio {
    margin-top: 30px;
}

    .prospective .hedge-ratio .grid-element.grid-fixed {
        border-radius: 0 0 0 4px;
    }

    /* Stile per l'header della tabella */
    .hedge-effectiveness .mud-table-header th {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
    }

.prospective .amount {
    font-size: 1rem;
}

/* Stile per la seconda riga della tabella */
.hedge-effectiveness .mud-table-row:nth-of-type(2) th {
    background-color: #f0f0f0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

@media screen and (max-width: 1273px) and (max-height: 700px) {
    .hedge-effectiveness .title {
        font-size: 1.3rem;
    }
}
