﻿.timeout-dialog {
    width: 600px !important;
}

    .timeout-dialog.ui-dialog {
        text-align: initial;
        padding: 0px;
        background-color: #f9f9f9;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .timeout-dialog ~ .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        filter: alpha(opacity=40);
        -khtml-opacity: 0.4;
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .timeout-dialog.ui-dialog .ui-dialog-titlebar {
        display: none;
    }

    .timeout-dialog.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .timeout-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: left;
        margin: 10px;
    }
    .timeout-dialog h4 {
        font-size: 1.5rem;
        font-weight: bold;
    }
    .timeout-dialog h4, p {
        margin: 0px 0px 15px 0px;
    }

#timeout-countdown {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .timeout-dialog {
        width: 350px !important;
    }
        .timeout-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: left;
            margin: 10px 10px 0px 10px;
            padding-right: 10px;
            width: 100% !important;
        }
}
