#ProgressBar {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000000;
}

.PBmesaj {
    z-index: 10000000;
    text-align: center;
    color: white;
    font-size: x-large;
    background-color: rgba(0, 0, 0, 0.4);
    /* Ortalamak için gerekli stil */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px; /* İsteğe bağlı: mesaj kutusu için biraz boşluk */
    border-radius: 10px; /* İsteğe bağlı: yuvarlak köşeler */
    min-width: 420px;
}

.sk-three-bounce {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgb(0 0 0 / 0,90);
}

    .sk-three-bounce .sk-child {
        position: relative;
        top: 20%;
        transform: translateY(-50%);
        display: inline-block;
        -webkit-animation: sk-three-bounce 2s ease-in-out 0s infinite both;
        animation: sk-three-bounce 2s ease-in-out 0s infinite both;
    }



@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.z-modal div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.z-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    z-index: 10000;
    cursor: pointer;
}

    .z-modal .z-modal-box {
        background: #fff;
        min-width: 50%;
        min-height: 50%;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        box-shadow: 0 0 50px rgba(0,0,0,.3);
        overflow: hidden;
        border-radius: 4px;
        cursor: auto;
    }

        .z-modal .z-modal-box .z-modal-header {
            background: #ddd;
            position: relative;
        }

            .z-modal .z-modal-box .z-modal-header .z-modal-title {
                padding: 16px 64px 16px 16px;
                padding: 1rem 4rem 1rem 2rem;
                font-weight: 700;
                width: 80%;
            }

            .z-modal .z-modal-box .z-modal-header .z-modal-close {
                position: absolute;
                top: 0;
                right: 0;
            }

        /*.z-modal .z-modal-box .z-modal-header .z-modal-close:hover {
                    color: white;
                    background: #E22;
                    cursor: pointer;
                }*/

        .z-modal .z-modal-box .z-modal-content {
            position: relative;
            padding: 16px 32px;
            padding: 1rem 2rem;
            overflow: hidden;
            text-align: center;
            vertical-align: central;
        }

        .z-modal .z-modal-box .z-modal-footer {
            position: relative;
            font-size: 0;
        }

        .z-modal .z-modal-box .z-modal-content .z-modal-btn {
            /*width: 40%;*/
            height: 100px;
            margin-top: 50px;
            border: none;
            border-radius: 2px;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            padding: 2px 16px;
            text-align: center;
            text-shadow: none;
            text-transform: uppercase;
            -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
            transition: all 280ms cubic-bezier(.4,0,.2,1);
            color: #ddd;
            box-sizing: border-box;
            cursor: pointer;
            -webkit-appearance: none;
            display: inline-block;
            vertical-align: middle;
            font: bold 27px/31px Roboto,sans-serif;
            background: #e53935;
        }



    .z-modal div {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

.z-modalHata {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.9);
    z-index: 10000;
    cursor: pointer;
}

    .z-modalHata .z-modal-box {
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        cursor: auto;
    }

        .z-modalHata .z-modal-box .z-modal-header {
            background: #e53935;
            position: relative;
            color: #fff;
            font-size: 30px;
            font-weight: bold;
        }

            .z-modalHata .z-modal-box .z-modal-header .z-modal-title {
                padding: 16px 64px 16px 16px;
                padding: 1rem 4rem 1rem 2rem;
                width: 100%;
            }

            .z-modalHata .z-modal-box .z-modal-header .z-modal-close {
                position: absolute;
                top: 0;
                right: 0;
            }

        /*.z-modal .z-modal-box .z-modal-header .z-modal-close:hover {
                    color: white;
                    background: #E22;
                    cursor: pointer;
                }*/

        .z-modalHata .z-modal-box .z-modal-content {
            position: absolute;
            overflow-y: scroll;
            text-align: center;
            color: #eee;
            font-size: 30px;
            width: 100%;
            height: 100%;
        }

.z-modal-content .z-model-content-detail2 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;
    text-align: left;
    color: #e53935;
    font-size: 30px;
    font-weight: bold;
    width: 40%;
    float: left;
    top: 55px;
    margin-left: 15px;
}

.z-modal-content .z-model-content-detail3 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;
    text-align: left;
    color: #eee;
    font-size: 20px;
    width: 99%;
    float: left;
    top: 15%;
}

.z-modal-content .z-model-content-detail1 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;
    text-align: right;
    color: #eee;
    font-size: 25px;
    width: 10%;
    height: 100%;
    float: left;
    top: 16%;
}

.z-modalHata .z-modal-box .z-modal-footer {
    position: relative;
    font-size: 0;
}

.z-modal-btnEvet {
    /*width: 25%;*/
    height: 60px;
    margin-top: 5px;
    border: none;
    border-radius: 5px;
    padding: 2px 16px;
    text-align: center;
    text-shadow: none;
    /*text-transform: uppercase;*/
    -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
    transition: all 280ms cubic-bezier(.4,0,.2,1);
    color: #ddd;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    font: bold 27px/31px Roboto,sans-serif;
    background: #6eb621;
}

.z-modal-btnHayir {
    /*width: 25%;*/
    height: 60px;
    margin-top: 5px;
    border: none;
    border-radius: 5px;
    padding: 2px 16px;
    text-align: center;
    text-shadow: none;
    /*text-transform: uppercase;*/
    -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
    transition: all 280ms cubic-bezier(.4,0,.2,1);
    color: #ddd;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    font: bold 27px/31px Roboto,sans-serif;
    background: #e53935;
}