﻿/* DIALOG ********************************************************************/
.colors {
    color: #224779; /* - darkblue (menu background)*/
    color: #BFE1F9; /* - lightblue (background)*/
    color: #d73829; /* - logo red*/
    color: #f97f1e; /* - orange (button)*/
    color: #b1372b; /* - red*/
    color: #87b744; /* - green*/
    color: #e6c241; /* - yellow*/
    color: #a92a59; /* - bordova*/
    color: #545e99; /* - modrofialova*/
    color: #80cafe; /* - bledomodra*/
    color: #f1ba30; /* - oranzova*/
    color: #9597fd; /* - fialkova*/
    color: #97a7be; /* - sedomodra*/
    color: #bfe1f9; /* - lightblue footer*/
    color: #7595ab; /* - sedomodra footer font*/
}
/* DIALOGOPENER */
.SHOWDIALOGDATA {
    cursor: pointer;
}

.DIALOGDATA {
    display: none;
}

.DATA .content .firma {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1em;
}

.DATA .content p {
    padding: 5px;
}

/* END DIALOGOPENER */

/* DIALOG */
.DUSDIALOG {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    /*display:none;*/
    z-index: 999999;
}
    /* BACKGROUND */
    .DUSDIALOG .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.5;
        /*background:transparent url(../images/bg_white_t50.png) repeat;*/
        /* IE hack */
        background: none\9; /* Targets IE only */
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_white_t50.png", sizingMethod="scale");
    }

    .DUSDIALOG.MODAL .bg {
        background-color: #666;
        opacity: 0.5;
        /*background:transparent url(../images/bg_666_t50.png) repeat;*/
        /* IE hack */
        background: none\9; /* Targets IE only */
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_666_t50.png", sizingMethod="scale");
    }

    /* WINDOW */
    .DUSDIALOG .window {
        position: absolute;
        -moz-border-radius: 0.25em;
        -khtml-border-radius: 0.25em;
        -webkit-border-radius: 0.25em;
        border-radius: 0.25em;
        border: #224779 solid 1px;
        background-color: #FFF;
        padding: 1em;
    }

    .DUSDIALOG.FULLWIDTH .window {
        width: 99%;
        max-width: 1200px;
    }

        .DUSDIALOG.FULLWIDTH .window .content {
            width: auto;
        }

    .DUSDIALOG .window header {
        font-size: 1em;
        min-height: 0.25em;
    }

    .DUSDIALOG.CLOSE .window header {
        min-height: 1.5em;
    }

    .DUSDIALOG .window header .TITLE {
        color: #224779;
        font-size: 1em;
        font-weight: bold;
        white-space: nowrap;
        padding: 0.25em 0.5em 0.15em 0.5em;
        /* DEBUG /border-right:#ffFF00 solid 1px;/* END DEBUG */
    }

    .DUSDIALOG.CLOSE .window header .TITLE {
        margin-right: 2em;
    }

    .DUSDIALOG.BIGTITLE .window header .TITLE {
        color: #BC6F00;
        font-size: 2.5em;
    }

    .DUSDIALOG .window header .close {
        position: absolute;
        float: right;
        color: #224779;
        top: 0px;
        right: 0px;
        font-size:2em;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0.25em 0.5em;
        display: none;
        cursor: pointer;
        /* DEBUG /border-left:#ff0000 solid 1px;/* END DEBUG */
    }

    .DUSDIALOG.CLOSE .window header .close {
        display: block;
    }

    .DUSDIALOG .window .DATA {
        position: relative;
        /*height:pocita sa;*/
        font-size: 0.925em;
        line-height: 1.5em;
        text-align: justify;
        border-top: transparent dotted 1px;
        border-bottom: transparent dotted 1px;
        overflow: auto;
        margin: 0 10px;
        /* DEBUG /border:#ff0000 solid 1px;/* END DEBUG */
    }

        .DUSDIALOG .window .DATA.HASSCROLLBAR {
            border-top: #224779 dotted 1px;
            border-bottom: #224779 dotted 1px;
        }

        .DUSDIALOG .window .DATA .content {
            padding: 5px;
            border: transparent solid 1px; /* Koli spravnemu prepoctu vysky */
            text-align: justify;
        }

            .DUSDIALOG .window .DATA .content .form .label {
                font-weight: bold;
                text-align: right;
            }

            .DUSDIALOG .window .DATA .content .form input[type=text] {
                padding: 0.25em 0.5em;
                border: none;
                border-bottom: #CCC dotted 1px;
                background-color: cornsilk;
            }

            .DUSDIALOG .window .DATA .content .form textarea {
                padding: 0.25em 0.5em;
                border: none;
                border-bottom: #CCC dotted 1px;
                background-color: cornsilk;
            }

            .DUSDIALOG .window .DATA .content .chyba {
                color: #d73829;
                font-size: 1.2em;
                font-weight: bold;
            }

    .DUSDIALOG.IFRAME .DATA .content {
        padding: 0;
    }
    /*
            .DUSDIALOG.HASIFRAMEDATA .window .DATA .content {
                padding:0px;
                border:#ffd800 solid 1px;*/ /* Koli spravnemu prepoctu vysky */
    /*}*/

    .DUSDIALOG.IFRAME .window .DATA {
        font-size: 0; /* Koli iframe aby nemal okolo ziadny viditelny prvok ... ani whitespace*/
        /*overflow-y:scroll;*/
    }

    .DUSDIALOG .window footer {
        font-size: 1em;
        min-height: 0.5em;
    }
    /* BUTTONS */
    .DUSDIALOG .window .buttons {
        text-align: right;
        padding: 4px;
    }

        .DUSDIALOG .window .buttons button,
        .DUSDIALOG .window .buttons .button {
            padding: 4px 10px;
            background-color: #224779;
            color: #FFF;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-align: center;
            border: none;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -khtml-border-radius: 8px;
            border-radius: 8px;
            margin-right: 5px;
            cursor: pointer;
        }

            .DUSDIALOG .window .buttons button:hover,
            .DUSDIALOG .window .buttons .button:hover {
                background-color: #002960;
            }

            .DUSDIALOG .window .buttons button.magenta,
            .DUSDIALOG .window .buttons .button.magenta {
                color: #e30074;
                background-color: #CCC;
            }

            .DUSDIALOG .window .buttons button:disabled,
            .DUSDIALOG .window .buttons .button:disabled {
                color: #FFF;
                background-color: #CCC;
                cursor: default;
            }

/* END BUTTONS */

/* END DIALOG */

/* LOADING */
.DUSDIALOGLOADING {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: none;
}

    .DUSDIALOGLOADING .pivot {
        position: absolute;
        top: 50%;
        left: 50%;
    }

        .DUSDIALOGLOADING .pivot .anim {
            position: absolute;
            top: -50px;
            left: -50px;
            font-size: 0;
            padding: 20px;
            /*
    background-color:#FFF;
    -moz-border-radius:50px;
    -khtml-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    border:#224779 solid 0px;*/
        }

            .DUSDIALOGLOADING .pivot .anim img {
                width: 60px;
                height: 60px;
            }

    /* SMALL LOADING */

    .DUSDIALOGLOADING.small .pivot .anim {
        top: -25px;
        left: -25px;
        font-size: 0;
        padding: 10px;
        /*
    background-color:#FFF;
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:#224779 solid 1px;
    */
    }

        .DUSDIALOGLOADING.small .pivot .anim img {
            width: 30px;
            height: 30px;
        }

/* END DIALOG */