/*!
dialogy.css - v0.01
Estilos padrões do Dialogy
Copyright 2014 Ricardo Pereira - MIT License.
*/

.dialogy-modal {
    position: absolute;
    z-index: 999999998;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}

.dialogy {
    position: fixed; 
    z-index: 999999999;
    opacity: 1;
}

    .dialogy-dialog {
        padding: 25px;
    }
        .dialogy-inner {
            position: relative;
            text-align: center;
        }
            .dialogy-title {
                z-index: 1;
                display: block;
                clear: both;
            }

            .dialogy-close {
                z-index: 2;
                position: absolute;
                top: 0px;
                right: 0px;
                display: block;
                cursor: pointer
            }
            
            .dialogy-content {
                margin-bottom: 15px;
                width: 100%;
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
                font-size: 100%;
            }
                .dialogy-content i {
                    display: block;
                    float: left;
                    font-size: 50px;
                    height: 50px;
                    line-height: 50px;
                    margin-right: 20px;
                }
            
            .dialogy-buttons {
            }
                .dialogy-button,
                .dialogy-button:hover,
                .dialogy-button:active,
                .dialogy-button:visited {
                    background: none;
                    text-decoration: none;
                    border: none;
                    /* line-height and font-size for input button */
                    line-height: 1.5;
                    font-size: 100%;
                    display: inline-block;
                    cursor: pointer;
                }
                
                .dialogy-button span {
                    display: block;
                    line-height: inherit;
                }
                
                .dialogy-button + .dialogy-button {
                    margin-left: 10px;
                }

@media only screen and (max-width: 680px) {
    .dialogy {
        width: 90%;
        margin: 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
                left: 5%;
    }
}


/*
 * Modo Carregador
 */

.dialogy-loader {
    background-image: url(ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 15px 15px !important;
    color: transparent;
}

.dialogy-loader .dialogy-content {
    color: transparent;
}

.dialogy-loader .dialogy-buttons,
.dialogy-loader .dialogy-close {
    display: none !important;
}

/*
 * Coloração para Botões
 */

.button-green,
.button-ok {
    color: #fff !important;
    background-color: #26c300 !important;
    border-color: #048300 !important;
    text-shadow: 0px 1px 1px #135f02 !important;
}

.button-gray,
.button-cancel {
    color: #777 !important; 
    border-color: #c7c7c7 !important;
    text-shadow: 0px 1px 1px #fff !important;
    background-color: #eee !important;
}

.button-yellow {
    color: #325984 !important; 
    border-color: #ffa900 !important;
    text-shadow: 0px 1px 1px #fff089 !important;
    background-color: #ffc600 !important;
}

.button-sepia {
    color: #6d5d00 !important; 
    border-color: #ccc34e !important;
    text-shadow: 0px 1px 1px #fff089 !important;
    background-color: #fff3a1 !important;
}


.button-blue {
    color: #fffffb !important;
    border-color: #1c4774 !important;
    text-shadow: 0px 1px 1px #000 !important;
    background-color: #4179b6 !important;
}