html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

/*button orjinal svg ye göre ayarlanmış sol üst logo*/
/*.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/ctp_logo.png');
    mask: url('../images/ctp_logo.png');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;
}*/


/*burada yeni png ye göre ayarladığımız yeni css akalkan*/
.header-logo {
    flex-shrink: 0;
    width: 180px;
    height: 24px;
    background-image: url('../images/ctp_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* mask ve currentColor iptal */
    background-color: transparent;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/*xaf projesinde report send to mail icon için ekledim akalkan */
.mail-icon {
    background-image: url(../images/by-email.svg);
}


/*xaf projesinde Skip to main content linki nasıl kaldırırım ana nav menü üstü çıkar akalkan */
a[href="#main-content"] {
    display: none !important;
}


/* prograa bunun blazor da tooltip çıkması için ekledim
    aynı zamanda tooltipcontroller.cs var.
    https://supportcenter.devexpress.com/ticket/details/t963452/how-to-display-item-tooltips-in-xaf-blazor
*/
/*[tooltip]:hover::after {
    content: attr(tooltip);
    position: absolute;
    background-color: antiquewhite;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    z-index: 10;
}*/

.background-orange {
    background-color: darkorange;
}

/* teklifmalzemekarakterisitiği için de razor toast kullandım onun cssler akalkan */
.toast-message {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 250px;
    z-index: 9999;
    opacity: 0.95;
    animation: fadein 0.3s ease-out, fadeout 0.3s ease-in 2.7s forwards;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 0.95;
        transform: translateY(0);
    }
}

@keyframes fadeout {
    from {
        opacity: 0.95;
    }

    to {
        opacity: 0;
    }
}
/* teklifmalzemekarakterisitiği için de razor toast kullandım onun cssler akalkan */