﻿.alertContainer {
    position: fixed;
    background-color: #e0e0e0;
    top: 30%;
    left: 36%;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.64) 0px 0px 43px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.64) 0px 0px 43px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.64) 0px 0px 43px 2px;
    z-index: 1001!important;
    /*max-width: 620px;*/
}

.backGround {
    position: absolute;
    background-color: rgba(184, 184, 184, 0.79);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000!important;
}

.alertContainer .alertHead {
    float: left;
    width: 100%;
}

.alertContainer .alertBody {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 20px;
}

    .alertContainer .alertBody .alertMessage {
        float: left;
        padding: 17px 10px;
        color: #333333;
        text-align: center;
        position:relative;
        max-width: 500px;
    }

.alertContainer .alertButtonHldr {
    float: left;
    padding: 8px 0px;
    margin: 3px 10px;
    position: relative;
    left: 0px;
    margin: 0px 0px 20px 0px;
}

    .alertContainer .alertButtonHldr .alertButton {
        float: left;
        width: 100px;
        /* height: 20px; */
        border: none;
        background-color: #f80;
        padding: 5px 25px;
        /* box-shadow: #ff2700 0px 0px 2px 2px inset; */
        cursor: pointer;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
    }

        .alertContainer .alertButtonHldr .alertButton:hover {
            background-color: #f80;
            box-shadow: #ff7500 0px 0px 2px 1px inset;
            -webkit-box-shadow: #ff7500 0px 0px 2px 1px inset;
            -moz-box-shadow: #ff7500 0px 0px 2px 1px inset;
        }

        .alertContainer .alertButtonHldr .alertButton:active {
            background-color: #ff7500;
            box-shadow: #f80 0px 0px 2px 1px inset;
            -webkit-box-shadow: #f80 0px 0px 2px 1px inset;
            -moz-box-shadow: #f80 0px 0px 2px 1px inset;
        }

    .alertContainer .alertButtonHldr .alertCancelButton {
        float: left;
        border: none;
        background-color: #8400FF;
        padding: 5px 25px;
        /* box-shadow: #0047ff 0px 0px 2px 2px inset; */
        cursor: pointer;
        margin: 0px 10px;
        width: 100px;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
    }

        .alertContainer .alertButtonHldr .alertCancelButton:hover {
            background-color: #0047ff;
            box-shadow: #0064ff 0px 0px 2px 1px inset;
            -webkit-box-shadow: #0064ff 0px 0px 2px 1px inset;
            -moz-box-shadow: #0064ff 0px 0px 2px 1px inset;
        }

        .alertContainer .alertButtonHldr .alertCancelButton:active {
            background-color: #0064ff;
            box-shadow: #0047ff 0px 0px 2px 1px inset;
            -webkit-box-shadow: #0047ff 0px 0px 2px 1px inset;
            -moz-box-shadow: #0047ff 0px 0px 2px 1px inset;
        }
