.cancelButtonClass {
    border: 1px solid #0768B3 !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #0768B3 !important;
    background: #ffffff !important;
    padding: 20px 50px;
}

.proceedButtonClass {
    background: #0768B3 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #ffffff !important;
    padding: 20px 50px;
}

#dialog-confirm {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 19px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    color: #888888 !important;
    background: white !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    margin: 50px !important;
    background: transparent !important;
    border: 0 !important;
}

@media (max-width: 576px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
        margin: 50px 0 !important;
    }
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    background: linear-gradient(89.98deg, #0768B3 0.01%, #8607B3 99.99%) !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 20px 20px 0 0 !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #ffffff !important;
    border: none !important;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: #FFFFFF !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 0 20px 20px !important;
    margin-top: 0 !important;
}

.margin-top-20-px {
    margin-top: 20px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    height: auto;
    width: 50% !important;
    top: 15% !important;
    left: 0;
    z-index: 99999;
    margin-left: auto !important;
    margin-right: auto !important;
    position: fixed;
}

@media (max-width: 576px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
        width: 100% !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
        width: 75% !important;
    }
}