body {

}

html, body {
    overflow: hidden;
    height: 100%;
    touch-action: none; /* Dokunma hareketlerini sınırla */
}


/*define colors*/
:root {
    --maski-color: #459bd7;
}


.rz-app-loading {
    position: fixed;
    inset: 0;
    background: var(--rz-base-background-color);
    z-index: 1000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rz-page-loading {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.logo-loading {
    width: 200px;
    height: 200px;
    background-image: url('onlineLogo.png');
    background-size: contain;
    background-repeat: no-repeat;
    animation: rotateCoin 2s infinite linear;
    animation-delay: 250ms; /* Delay the animation by 500ms */
    opacity: 0; /* Start hidden */
    animation-fill-mode: forwards; /* Ensure the opacity change remains after the delay */
}

@keyframes rotateCoin {
    0% {
        opacity: 1; 
        transform: rotateY(0deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(360deg);
    }
}


.text-maski {
    color: #5fb6c3;
}

.bg-maski {
    background-color: #5fb6c3;
}

.rubik-500 {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.rubik-700 {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.rubik-900 {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}






/*******/
.form-floating > label {
    left: 2px;
}

.ck-editor{
    width:100%;
}

.grid-action{
    width: 200px;
}

.table-vertical-middle {
    vertical-align: middle !important
}

/********************/
.footer-top {
    height: 15em;
    width: 100%;
    background-image: url('images/monuments.svg?');
    background-position: bottom;
    background-size: auto 11em;
    background-repeat: repeat-x;
    opacity: 1
}

.monu-ayrac {
    background-image: url('images/monuments_ayrac.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 10em;
    height: 10em;
}

.flat-0 {
}

.flat-1 {
    /*    background-image: url('images/tulip1.png');
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: 10em;*/
    background: right bottom/20em no-repeat url('images/kule.svg'), left top/10em no-repeat url('images/tulip1.png');
}

.flat-2 {
    background-image: url('images/manisa-siluet.png');
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.flat-3 {
    background-image: url('images/monuments.svg');
    background-position: bottom;
    background-size: auto 10em;
    background-repeat: repeat-x;
}

.bck-size-1 {
    background-size: 10em;
}

.bck-size-2 {
    background-size: 20em;
}

.bck-size-3 {
    background-size: 30em;
}

.bck-size-4 {
    background-size: 40em;
}

.bck-size-5 {
    background-size: 50em;
}

.bck-sol-ust {
    background-position: top left;
}

.bck-ust {
    background-position: top right;
}

.bck-sag-ust {
    background-position: top right;
}

.bck-sag {
    background-position: center right;
}

.bck-sag-alt {
    background-position: bottom right;
}

.bck-alt {
    background-position: bottom;
}

.bck-sol-alt {
    background-position: bottom left;
}

.bck-heykel {
    background-image: url('images/heykel.svg');
    background-repeat: no-repeat;
}

.bck-hukumet {
    background-image: url('images/hukumet.svg');
    background-repeat: no-repeat;
}

.bck-kopru {
    background-image: url('images/kopru.svg');
    background-repeat: no-repeat;
}

.bck-sardes {
    background-image: url('images/sardes.svg');
    background-repeat: no-repeat;
}

.bck-kule {
    background-image: url('images/kule.svg');
    background-repeat: no-repeat;
}


.bck-heykel-kule {
    background: -3em bottom/12em no-repeat url('images/heykel.svg'), calc(100vw - 14em) bottom/23em no-repeat url('images/kule.svg');
}

.bck-lale {
    background: left top/20em no-repeat url('images/lale_sol_ust.svg'), right bottom/20em no-repeat url('images/lale_sag_alt.svg');
}