﻿.custom-confirm-dialog {
    border-radius: 10px;
}

    .custom-confirm-dialog .dialog-content {
        text-align: center;
    }

    .custom-confirm-dialog  .e-dialog .e-footer-content {
        display: flex !important;
        justify-content: end !important;
        flex-direction: row-reverse;
    }

    /* OK */
    .custom-confirm-dialog > .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
        width: 80px !important;
        height: 43px !important;
        background-image: linear-gradient(var(--main-bg-color), var(--main-bg-color)) !important;
        border-radius: 4px !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        font-size: 16.5px !important;
        font-weight: 400 !important;
        text-align: center !important;
        transition: box-shadow .3s !important;
    }

        .custom-confirm-dialog > .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
            background-color: var(--main-bg-color) !important;
            color: #fff !important;
            box-shadow: #003d6c 0 3px 8px !important;
        }

        .custom-confirm-dialog > .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):active {
            background-image: linear-gradient(#003d6c,#033161 ) !important;
            border-color: #006DBC !important;
            outline: none !important;
        }

        .custom-confirm-dialog > .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):focus {
            box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px !important;
            outline: none !important;
        }

    /* CANCEL */
    .custom-confirm-dialog > .e-footer-content .e-btn.e-flat:not([DISABLED]) {
        color: #406286 !important;
        background: none !important;
        font-size: 16.5px !important;
    }

        .custom-confirm-dialog > .e-footer-content .e-btn.e-flat:not([DISABLED]):active {
            border-color: #006DBC !important;
        }

    .custom-confirm-dialog .img-icon-container {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

        .custom-confirm-dialog .img-icon-container img {
            width: 90px;
            height: 90px;
        }

    .bidPanelText {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.37214288115501404px;
    }