﻿.dialogMask {
    display: block;
    color: #FFFFFF;
    position: absolute;
    z-index: 99999;
    background-color: rgba(55,55,55,0.5);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

    .dialogMask > .dialogBox {
        display: block;
        margin: auto;
        background-color: #FFF;
        -webkit-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75);
        /*border-radius: 4px;*/
    }

.dialogHeader {
    display: block;
    position: relative;
    color: rgb(128, 128, 128);
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    background: rgb(127,127,127);
}

    .dialogHeader span {
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding: 4px 10px;
        color: #FFFFFF;
    }

.dialogContent {
    display: block;
    padding: 10px;
    /*background-color: #007dc1;*/
}

    .dialogContent > * {
        display: block;
        color: #555;
        width: calc(100% - 2px);
        font-family: inherit;
        margin-bottom: 10px;
    }

    .dialogContent textarea {
        width: calc(100% - 4px);
    }

.dialogFooter {
    padding: 10px 10px;
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
    background: rgb(127,127,127);
    /*background: -moz-linear-gradient(top, rgba(127,127,127,1) 76%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(127,127,127,1) 76%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(127,127,127,1) 76%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#ffffff',GradientType=0 );*/
}

    .dialogFooter button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        cursor: pointer;
        padding: 6px 12px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #154682;
        font-size: inherit;
        margin-right: 10px;
    }

        .dialogFooter button:hover {
            transition-timing-function: ease;
            transition-duration: 0.75s;
            transform: translate3d(0%, 0px, 0px);
        }

        .dialogFooter button:disabled {
            cursor: none!important;
            background: rgb(181,189,200);
            background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(117,117,117,1) 100%) !important;
            background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(117,117,117,1) 100%) !important;
            background: linear-gradient(to bottom, rgba(127,127,127,1) 0%,rgba(117,117,117,1) 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8D8D8D', endColorstr='#313131',GradientType=0 ) !important;
            border: 1px solid rgba(127,127,127,1)!important;
            -moz-box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
            -webkit-box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
            box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
            color:rgba(177,177,177,1)!important;
        }
/***/
        .dialogFooter button.blue {
            -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
            -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
            box-shadow: inset 0px 1px 0px 0px #54a3f7;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
            background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
            background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
            background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
            background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
            background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
            background-color: #007dc1;
            border: 1px solid #124d77;
            color: #ffffff;
        }

            .dialogFooter button.blue:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
                background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
                background-color: #0061a7;
            }
/***/
        .dialogFooter button.green {
            -moz-box-shadow: inset 0px 1px 0px 0px #95FA52;
            -webkit-box-shadow: inset 0px 1px 0px 0px #95FA52;
            box-shadow: inset 0px 1px 0px 0px #95FA52;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00C105), color-stop(1, #15A800));
            background: -moz-linear-gradient(top, #00C105 5%, #15A800 100%);
            background: -webkit-linear-gradient(top, #00C105 5%, #15A800 100%);
            background: -o-linear-gradient(top, #00C105 5%, #15A800 100%);
            background: -ms-linear-gradient(top, #00C105 5%, #15A800 100%);
            background: linear-gradient(to bottom, #00C105 5%, #15A800 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C105', endColorstr='#0061a7',GradientType=0);
            background-color: #00C105;
            border: 1px solid #107812;
            color:#FFF;
        }

            .dialogFooter button.green:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #15A800), color-stop(1, #00C105));
                background: -moz-linear-gradient(top, #15A800 5%, #00C105 100%);
                background: -webkit-linear-gradient(top, #15A800 5%, #00C105 100%);
                background: -o-linear-gradient(top, #15A800 5%, #00C105 100%);
                background: -ms-linear-gradient(top, #15A800 5%, #00C105 100%);
                background: linear-gradient(to bottom, #15A800 5%, #00C105 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15A800', endColorstr='#00C105',GradientType=0);
                background-color: #15A800;
            }
/***/
        .dialogFooter button.red {
            -moz-box-shadow: inset 0px 1px 0px 0px #FB5151;
            -webkit-box-shadow: inset 0px 1px 0px 0px #FB5151;
            box-shadow: inset 0px 1px 0px 0px #FB5151;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C10000), color-stop(1, #A80000));
            background: -moz-linear-gradient(top, #C10000 5%, #A80000 100%);
            background: -webkit-linear-gradient(top, #C10000 5%, #A80000 100%);
            background: -o-linear-gradient(top, #C10000 5%, #A80000 100%);
            background: -ms-linear-gradient(top, #C10000 5%, #A80000 100%);
            background: linear-gradient(to bottom, #C10000 5%, #A80000 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C10000', endColorstr='#0061a7',GradientType=0);
            background-color: #C10000;
            border: 1px solid #79120F;
            color:#FFFFFF;
        }

            .dialogFooter button.red:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A80000), color-stop(1, #C10000));
                background: -moz-linear-gradient(top, #A80000 5%, #C10000 100%);
                background: -webkit-linear-gradient(top, #A80000 5%, #C10000 100%);
                background: -o-linear-gradient(top, #A80000 5%, #C10000 100%);
                background: -ms-linear-gradient(top, #A80000 5%, #C10000 100%);
                background: linear-gradient(to bottom, #A80000 5%, #C10000 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A80000', endColorstr='#C10000',GradientType=0);
                background-color: #A80000;
            }
/***/
/***/
        .dialogFooter button.grey {
            -moz-box-shadow: inset 0px 1px 0px 0px #A5A5A5;
            -webkit-box-shadow: inset 0px 1px 0px 0px #A5A5A5;
            box-shadow: inset 0px 1px 0px 0px #A5A5A5;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #535353));
            background: -moz-linear-gradient(top, #606060 5%, #535353 100%);
            background: -webkit-linear-gradient(top, #606060 5%, #535353 100%);
            background: -o-linear-gradient(top, #606060 5%, #535353 100%);
            background: -ms-linear-gradient(top, #606060 5%, #535353 100%);
            background: linear-gradient(to bottom, #606060 5%, #535353 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#535353',GradientType=0);
            background-color: #606060;
            border: 1px solid #444444;
            color:#FFFFFF;
        }

            .dialogFooter button.grey:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #535353), color-stop(1, #606060));
                background: -moz-linear-gradient(top, #535353 5%, #606060 100%);
                background: -webkit-linear-gradient(top, #535353 5%, #606060 100%);
                background: -o-linear-gradient(top, #535353 5%, #606060 100%);
                background: -ms-linear-gradient(top, #535353 5%, #606060 100%);
                background: linear-gradient(to bottom, #535353 5%, #606060 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#535353', endColorstr='#606060',GradientType=0);
                background-color: #535353;
            }
/***/
.btnCancelIconic {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
}

    .btnCancelIconic::after {
        font-family: "dashicons";
        content: "\f158";
        font-size: 16px;
        color: #FFFFFF;
        position: relative;
        right: 0px;
        top: 0px;
    }

.dialogContent {
    display: block;
}

.dialogFooter {
    display: block;
}
