@font-face {
    font-family: 'FontAwesome';
    src: url('fontlar/D-Icon.woff2') format('woff2'), url('fontlar/D-Icon.woff') format('woff'), url('fontlar/D-Icon.ttf') format('truetype'), url('fontlar/D-Icon.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fontlar/Inter-Regular.eot?v=4.4.0');
    src: url('fontlar/Inter-Regular.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fontlar/Inter-Regular.woff2?v=4.4.0') format('woff2'), url('fontlar/Inter-Regular.woff?v=4.4.0') format('woff'), url('fontlar/Inter-Regular.ttf?v=4.4.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fontlar/Inter-Light.eot?v=4.4.0');
    src: url('fontlar/Inter-Light.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fontlar/Inter-Light.woff2?v=4.4.0') format('woff2'), url('fontlar/Inter-Light.woff?v=4.4.0') format('woff'), url('fontlar/Inter-Light.otf?v=4.4.0') format('otf'), url('fontlar/Inter-Light.ttf?v=4.4.0') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fontlar/Inter-Bold.eot?v=4.4.0');
    src: url('fontlar/Inter-Bold.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fontlar/Inter-Bold.woff2?v=4.4.0') format('woff2'), url('fontlar/Inter-Bold.woff?v=4.4.0') format('woff'), url('fontlar/Inter-Bold.otf?v=4.4.0') format('otf'), url('fontlar/Inter-Bold.ttf?v=4.4.0') format('truetype');
    font-weight: 700;
    font-style: normal;
}

:root {
    --animasyonsuresi: 0.3s;
    --font: Inter,Arial,sans-serif;
    --fonticon: 'FontAwesome';
    --beyazt: rgb(255,255,255);
    --beyazt2: rgb(255,255,255,0.2);
    --beyazt1: rgb(255,255,255,0.1);
    --beyazt05: rgb(255,255,255,0.05);
    --bg1: #FAFAFB;
    --bg2: #ffffff;
    --a12: #0a8491;
    --a11: #0c95a3;
    --a: #00A7B5;
    --a9: #25AFBC;
    --a8: #4DB7C3;
    --a7: #6BC1CB;
    --a6: #81C9D2;
    --a5: #98D2D9;
    --a4: #AEDBE0;
    --a3: #C2E3E8;
    --a2: #D7EDF0;
    --a1: #E9F5F7;
    --a05: #F4FAFB;
    --b12: #1c2e4a;
    --b11: #162a4b;
    --b: #1C355E;
    --b9: #34476d;
    --b8: #49587c;
    --b7: #5f6b8c;
    --b6: #757f9b;
    --b5: #8a92ab;
    --b4: #a1a7bb;
    --b3: #b7bccb;
    --b2: #cfd2dc;
    --b1: #e6e7ed;
    --b05: #f3f5f7;
    --c12: #098f69;
    --c11: #009a6f;
    --c: #00C08B;
    --c9: #19C696;
    --c8: #33CCA2;
    --c7: #4CD3AD;
    --c6: #66D9B9;
    --c5: #7FDFC5;
    --c4: #99E6D0;
    --c3: #B2ECDC;
    --c2: #CCF3E8;
    --c1: #E5F9F3;
    --c05: #F2FCF9;
    --d12: #9d9009;
    --d11: #aa9b01;
    --d: #D4C201;
    --e: #ff6055;
    --e1: #ffefee;
    --f: #FF4343;
    --f9: #FF5555;
    --f8: #FF6868;
    --f7: #FF7B7B;
    --f6: #FF8E8E;
    --f5: #FFA0A0;
    --f4: #FFB3B3;
    --f3: #FFC6C6;
    --f2: #FFD9D9;
    --f1: #FFECEC;
    --f05: #FFF5F5;
    --fcacik: #ffffff;
    --fckoyu: #091322;
    --fckoyu1: #00203f;
    --fckoyu066: rgba(9, 19, 34, 0.66);
    --inputbordercolor: #cfd2dc;
    --inputborderradius: 4px;
    --placeholdercolor: #b7bccb;
    --dominant: var(--a);
    --dominantkoyu: var(--a);
    --dominantenkoyu: var(--a);
    --olumlu: #43b384;
    --fontcolor: #666666;
    --fontcoloracik: #a0a0a0;
    --fontcolorkoyu2: #323232;
    --fcarp: 0.9;
    --fs90: calc(9vh * var(--fcarp));
    --fs80: calc(8vh * var(--fcarp));
    --fs70: calc(7vh * var(--fcarp));
    --fs60: calc(6vh * var(--fcarp));
    --fs50: calc(5vh * var(--fcarp));
    --fs45: calc(4.5vh * var(--fcarp));
    --fs40: calc(4vh * var(--fcarp));
    --fs35: calc(3.5vh * var(--fcarp));
    --fs30: calc(3vh * var(--fcarp));
    --fs28: calc(2.8vh * var(--fcarp));
    --fs27: calc(2.7vh * var(--fcarp));
    --fs26: calc(2.6vh * var(--fcarp));
    --fs25: calc(2.5vh * var(--fcarp));
    --fs23: calc(2.3vh * var(--fcarp));
    --fs22: calc(2.2vh * var(--fcarp));
    --fs21: calc(2.1vh * var(--fcarp));
    --fs20: calc(2vh * var(--fcarp));
    --fs19: calc(1.9vh * var(--fcarp));
    --fs18: calc(1.8vh * var(--fcarp));
    --fs17: calc(1.7vh * var(--fcarp));
    --fs16: calc(1.6vh * var(--fcarp));
    --fs15: calc(1.5vh * var(--fcarp));
    --fs14: calc(1.4vh * var(--fcarp));
    --fs13: calc(1.3vh * var(--fcarp));
    --fs12: calc(1.2vh * var(--fcarp));
    --fs11: calc(1.1vh * var(--fcarp));
    --fs10: calc(1.0vh * var(--fcarp));
    --anamenu-width: 31.34vh;
}

/*
	--fs60: 6vh;
    --fs50: 5vh;
    --fs45: 4.5vh;
    --fs40: 4vh;
    --fs35: 3.5vh;
    --fs30: 3vh;
    --fs28: 2.8vh;
    --fs27: 2.7vh;
    --fs26: 2.6vh;
    --fs25: 2.5vh;
    --fs23: 2.3vh;
    --fs22: 2.2vh;
    --fs21: 2.1vh;
    --fs20: 2vh;
    --fs19: 1.9vh;
    --fs18: 1.8vh;
    --fs17: 1.7vh;
    --fs16: 1.6vh;
    --fs15: 1.5vh;
    --fs14: 1.4vh;
    --fs13: 1.3vh;
    --fs12: 1.2vh;
    --fs11: 1.1vh;
    --fs10: 1.0vh;
*/

* {
    font-family: Inter,Arial,sans-serif;
    scrollbar-width: thin;
    scrollbar-color: rgb(9 19 34 / 25%) transparent;
    letter-spacing: -0.02em;
}

@media screen {
    BODY {
        overflow: hidden;
        background: var(--bg1);
        padding: 0;
        margin: 0;
        font-size: var(--fs17);
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        position: relative;
        cursor: default;
    }

    zet-menulist {
        display: none;
    }

    ::-webkit-scrollbar {
        width: 5px;
        -moz-appearance: none !important;
        height: 1mm;
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: rgba(147,147,147,0.5);
    }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(147,147,147,0.3);
        }

        ::-webkit-scrollbar-thumb:hover {
            background: rgba(147,147,147,0.7);
        }

    app-style {
        display: none;
    }

    input, textarea, select {
        color: var(--fckoyu);
    }

        input[disabled] {
            opacity: 0.5;
        }

    button {
        color: #FFF;
        background: var(--a);
        max-height: 100%;
        border: 0;
        padding: 1.574074074vh;
        outline: 0;
        user-select: none;
        border-radius: var(--inputborderradius);
        font-size:var(--fs16);
    }

    form {
        margin: 0;
    }

    button:before {
        font-family: var(--fonticon);
    }

    button.hzonay.load:hover:before,
    button:hover {
        background-color: var(--a11);
    }

    button.hzonay.load:active:before,
    button:active {
        background-color: var(--a12);
    }

    button.koyu {
        color: #FFF;
        background-color: #336699;
    }

        button.koyu:hover {
            background-color: #29537C;
        }

    button.acik, label.acik {
        color: #FFF;
        background-color: #69B8F8;
    }

        button.acik:hover, label.acik:hover {
            background-color: #4AA9F7;
        }

    button.renkli {
        color: #FFF;
        background-color: #3F7EBE;
    }

        button.renkli:hover {
            background-color: #336699;
        }

    button.onay:before {
        content: '\f00c';
    }

    button.beyaz {
        color: var(--b5);
        background: #fff;
        font-family: var(--fonticon);
    }

        button.beyaz:hover {
            color: #666666;
        }

    button.yenile {
        animation: dondur 1s infinite;
        transform: rotate(180deg);
    }

    button.excel {
        background: #207446;
        height: 7.7vh;
        padding: 2vh;
    }

        button.excel:before {
            content: '\f1c3';
            font-size: var(--fs40);
            margin-right: 2vh;
        }

    button.kirmizi {
        background: #eb6868;
    }

        button.kirmizi:hover {
            background: #ef4747;
        }

    button.yesil {
        background: var(--c);
    }

        button.yesil:hover {
            background: var(--c11);
        }

        button.yesil:active {
            background: var(--c12);
        }

    button.cyesil {
        border: 1px solid var(--c);
        background: #ffffff;
        color: #10b577;
    }

        button.cyesil:hover {
            border-color: var(--c11);
            color: #ffffff;
            background: var(--c11);
        }

        button.cyesil:active {
            background: var(--c12);
            border-color: var(--c12);
        }

    button.cdominant {
        border: 1px solid var(--a);
        background: #ffffff;
        color: var(--a);
    }

        button.cdominant:hover {
            border-color: var(--a);
            color: #ffffff;
            background: var(--a);
        }

        button.cdominant:active {
            border-color: var(--a12);
            background: var(--a12);
        }

    button.ckirmizi {
        border: 1px solid #eb6868;
        background: #ffffff;
        color: #eb6868;
    }

        button.ckirmizi:hover {
            border-color: #ff4343;
            color: #ffffff;
            background: #ff4343;
        }

    button.gray {
        background: #a0a0a0;
    }

        button.gray:hover {
            background: #666666;
        }

    button.lightgray {
        background: #eaeaea;
        color: #444;
    }

        button.lightgray:hover {
            background: #dddddd;
        }

    button.b1 {
        background: var(--b1);
        color: var(--fckoyu);
    }

        button.b1:hover {
            background: var(--b2);
        }

    button.cgray {
        border: 1px solid #a0a0a0;
        background: #ffffff;
        color: #a0a0a0;
    }

        button.cgray:hover {
            color: #ffffff;
            background: #a0a0a0;
        }

    button.cikincil {
        border: 1px solid var(--b);
        background: #ffffff;
        color: var(--b);
    }

        button.cikincil:hover {
            border-color: var(--b);
            color: #ffffff;
            background: var(--b);
        }

        button.cikincil:active {
            border-color: var(--b12);
            background: var(--b12);
        }


    button.transparan {
        border: 0;
        background: transparent;
        color: var(--fckoyu);
    }

        button.transparan:hover {
            color: #222;
        }

        button.transparan:active {
            color: #000;
        }

    button.pasif {
        pointer-events: none;
        opacity: 0.5;
    }

    button[b-icon]:before {
        content: attr(b-icon);
        font-size: var(--fs18);
    }

    button[b-icon]:not(:empty):before {
        margin-right: 1vh;
    }

    button[b-icon],
    button[a-icon] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        button[a-icon]:after {
            font-family: var(--fonticon);
            content: attr(a-icon);
            font-size: var(--fs18);
        }

        button[a-icon]:not(:empty):before {
            margin-left: 1vh;
        }

    button.cb5 {
        border: 1px solid var(--b5);
        background: #ffffff;
        color: var(--b5);
    }

        button.cb5:hover {
            color: #ffffff;
            background: var(--b5);
        }

        button.cb5:focus {
            background: var(--b8);
            color: #fff;
        }

    button.pasif {
        filter: grayscale(1);
        opacity: 0.2;
    }

    zet-satir {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
    }

        zet-satir > etiket,
        zet-satir > alan {
            position: relative;
            display: block;
            float: left;
            box-sizing: border-box;
            margin-bottom: 1.5vh;
            display: flex;
            align-items: center;
            font-size: var(--fs18);
            color: var(--fckoyu);
        }

        zet-satir > alan {
            height: calc(var(--birimheight,5vh) * var(--satir, 1));
        }

        zet-satir > etiket {
            height: var(--birimheight,5vh);
        }

        zet-satir > alan {
            width: 70%;
        }

        zet-satir > etiket {
            width: 30%;
        }

        zet-satir[genis] > etiket {
            width: 100%;
            min-height: var(--birimheight,5vh);
            height: auto;
        }

        zet-satir > alan > zet-input,
        zet-satir > alan > select {
            width: 100%;
            height: 100%;
        }

        zet-satir > etiket > zet-input {
            margin: 0 0.5vh 0 0;
        }

            zet-satir > etiket > zet-input > input {
                background-color: transparent;
                border: 0;
                outline: none;
                border-radius: 0;
                background-image: linear-gradient(var(--a),var(--a)),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
                background-size: 0 2px,100% 1px;
                background-repeat: no-repeat;
                background-position: center bottom,center calc(100% - 1px);
                transition: background .3s ease-out;
                padding: 0;
                margin: 0;
                width: 100%;
            }

                zet-satir > etiket > zet-input > input:focus {
                    background-size: 100% 2px,100% 1px;
                }

            zet-satir > alan > zet-input > *:not(button),
            zet-satir > etiket > zet-input > *:not(button) {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
            }

        zet-satir > alan > textarea {
            width: 100%;
            height: 100%;
            resize: none;
            font-size: var(--fs18);
        }

        zet-satir > alan > input {
            height: 100%;
        }

        zet-satir[kolon='2'] > alan {
            width: calc(var(--alan-width,35%) - 0.5vh);
            box-sizing: border-box;
        }

        zet-satir.m {
            margin-bottom: 1vh;
            padding: 0 1vh;
            box-sizing: border-box;
            border-radius: 5px;
        }

            zet-satir.m > etiket,
            zet-satir:not([kolon]).m > alan {
                width: 100%;
                margin-left: 0 !important;
            }

            zet-satir.m > etiket {
                margin-bottom: 0.5vh;
                font-size: var(--fs17);
                font-weight: 600;
                height: 3vh;
            }

                zet-satir.m > etiket[aciklama]:not([aciklama='']) {
                    flex-direction: column;
                    align-items: self-start;
                    height: auto;
                    margin-bottom: 1vh;
                }


                zet-satir.m > etiket[aciklama]:after {
                    content: attr(aciklama);
                    font-weight: normal;
                    font-size: var(--fs15);
                    opacity: 0.5;
                }

                zet-satir.m > etiket > zet-input {
                    width: 100%;
                    margin: 0;
                }


        zet-satir[kolon='2'].m > alan {
            width: calc(50% - 0.5vh);
        }

        zet-satir.m > alan[colspan="2"] {
            width: 100%;
            margin-right: 0 !important;
        }

        zet-satir[kolon]:not([kolon='1']) > alan:nth-child(2n) {
            margin-right: 0.5vh;
        }

        zet-satir[kolon]:not([kolon='1']) > alan:nth-child(2n-1) {
            margin-left: 0.5vh;
        }

        zet-satir > alan > .sagyuzencombo,
        zet-satir > alan > .coklukutu {
            padding: 1vh;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            width: 100%;
            color: var(--fckoyu);
        }

        zet-satir > alan > .sagyuzencombo {
            height: 5vh;
            white-space: pre;
            overflow: hidden;
            padding-right: 5vh;
        }

            zet-satir > alan > .sagyuzencombo.box:not([renkli]):after {
                font-family: var(--fonticon);
                content: '\f107';
                position: absolute;
                right: 0;
                top: 0;
                width: 5vh;
                height: 100%;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        zet-satir > alan > .coklukutu {
            min-height: 6vh !important;
            padding-bottom: 2vh;
        }

            zet-satir > alan > .coklukutu > input {
                height: 2.703704vh;
                margin: 0.3vw;
            }

                zet-satir > alan > .coklukutu > input + input {
                    width: 0;
                    height: 0;
                    padding: 0;
                    margin: 0;
                }

                zet-satir > alan > .coklukutu > input:focus {
                    width: 100%;
                }

                zet-satir > alan > .coklukutu > input::placeholder {
                    font-size: var(--fs17) !important;
                }

                zet-satir > alan > .coklukutu > input::-moz-placeholder {
                    font-size: var(--fs17) !important;
                }

                zet-satir > alan > .coklukutu > input::-webkit-input-placeholder {
                    font-size: var(--fs17) !important;
                }

            zet-satir > alan > .coklukutu > zet-boku {
                float: right;
                height: 2.703704vh;
                width: 3.703704vh;
                margin: 0.3vw;
                border-radius: var(--inputborderradius);
            }

                zet-satir > alan > .coklukutu > zet-boku:hover {
                    background: var(--b05);
                }

                zet-satir > alan > .coklukutu > zet-boku:active {
                    background: var(--b1);
                }


            zet-satir > alan > .coklukutu > input:has(+ zet-boku):focus {
                width: calc(100% - 4.13704vh - 0.6vw);
            }

        zet-satir > alan > div.resmetin {
            background-color: #fff;
            border: 1px solid var(--inputbordercolor);
            border-radius: var(--inputborderradius);
            box-sizing: border-box;
            width: 100%;
            height: 100%;
        }

            zet-satir > alan > div.resmetin > input {
                position: relative;
                background-color: #ffffff;
                height: 100%;
                width: calc(100% - 5vh);
                outline: none;
                padding: 1vh;
                font-size: var(--fs18);
            }


        zet-satir > alan > zet-searchbox {
            border: 1px solid var(--inputbordercolor);
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            padding: 1vh;
            border-radius: var(--inputborderradius);
        }

            zet-satir > alan > zet-searchbox:has(> input:focus),
            zet-satir > alan > zet-searchbox:hover {
                border-color: var(--b4);
            }

        zet-satir > etiket > zet-input[type="text"] > input {
            padding: 0 !important;
        }

            zet-satir > etiket > zet-input[type="text"] > input:not(:focus)::placeholder {
                font-size: var(--fs17) !important;
                color: var(--b3);
                opacity: 1;
            }

            zet-satir > etiket > zet-input[type="text"] > input:not(:focus)::-moz-placeholder {
                font-size: var(--fs17) !important;
                color: var(--b3);
                opacity: 1;
            }

            zet-satir > etiket > zet-input[type="text"] > input:not(:focus)::-webkit-input-placeholder {
                font-size: var(--fs17) !important;
                color: var(--b3);
                opacity: 1;
            }

        zet-satir.m > etiket > zet-input[type="text"] > input:not(:focus)::placeholder {
            font-size: var(--fs17) !important;
            font-weight: 600;
            opacity: 1;
        }

        zet-satir.m > etiket > zet-input[type="text"] > input:not(:focus)::-moz-placeholder {
            font-size: var(--fs17) !important;
            font-weight: 600;
            opacity: 1;
        }


        zet-satir.m > etiket > zet-input[type="text"] > input:not(:focus)::-webkit-input-placeholder {
            font-size: var(--fs17) !important;
            font-weight: 600;
            opacity: 1;
        }


        zet-satir > etiket > zet-input:not(.focus):after {
            content: '\f303';
            font-family: var(--fonticon);
            padding: 0 0.5vh;
            font-size: var(--fs12);
            position: absolute;
            z-index: 2;
            right: 0;
            background: linear-gradient( 90deg, #ffffffeb, #fff);
            color: var(--b3);
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0;
        }

        zet-satir.m > etiket > zet-input:not(.focus):after {
            display: none;
        }

        zet-satir.m > etiket > span {
            display: block;
            position: relative;
            display: flex;
            align-items: center;
            height: 3vh;
            float: left;
        }

        zet-satir.m:not([info]) > etiket:not([metin]) > span:not([metin]):last-child {
            position: absolute;
            right: 0;
            display: flex;
        }

        zet-satir.m > etiket > span.secim > label {
            float: left;
            height: 3vh;
            display: flex;
            align-items: center;
            font-weight: normal;
        }

        zet-satir.genis > etiket {
            width: 100%;
            min-height: var(--birimheight,5vh);
            height: auto;
        }

        zet-satir.genis > alan {
            width: calc(50% - 0.5vh);
        }

        zet-satir.m > etiket > span.secim > zet-input[type="checkbox"] {
            width: auto;
            display: flex;
            align-items: center;
        }


        zet-satir[liste] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid var(--b1);
        }

            zet-satir[liste] > etiket:after {
                visibility: hidden;
            }

            zet-satir[liste] > * {
                width: auto;
                margin: 0;
            }

    alan > div.resmetin.sagyuzencombo > input + div {
        box-sizing: border-box;
        width: calc(100% - 5vh);
    }

    alan > div.resmetin.sagyuzencombo > input + div {
        box-sizing: border-box;
        width: calc(100% - 5vh);
    }

    alan > div.resmetin.sagyuzencombo {
        box-sizing: border-box;
        height: 100%;
    }

    zet-input[menulist] > button.rmen,
    zet-input[barkodstd] > button.rmen {
        position: absolute;
        right: 0;
        top: 0;
        width: 3vh;
        height: 3vh;
        margin: 1vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff;
        z-index: 2;
    }

        zet-input[menulist] > button.rmen:hover,
        zet-input[barkodstd] > button.rmen:hover {
            box-shadow: 0 0 4px 0 #00000029;
        }

    zet-input[seri]:before {
        content: attr(seri) ' Serisinden Barkod Üretilecek';
        position: absolute;
        z-index: 2;
        right: 5vh;
        bottom: 0.70vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #43b384;
        font-size: var(--fs12);
    }

    zet-input[menulist] > button.rmen:before,
    zet-input[barkodstd] > button.rmen:before {
        content: '\f142';
        font-family: var(--fonticon);
        color: var(--b5);
        font-size: var(--fs18);
    }

    zet-input[menulist] > button.rmen:hover:before,
    zet-input[barkodstd] > button.rmen:hover:before {
        color: var(--fckoyu);
    }

    zet-input.focus > input,
    zet-input.focus > textarea {
        border-color: var(--b5);
    }

    zet-input:hover > input,
    zet-input:hover > textarea {
        border-color: var(--b4);
    }


    zet-input[data-secili='1']:after {
        background: #43b384;
        width: 2vh;
        height: 2vh;
        content: '\f00c';
        position: absolute;
        border-radius: 50%;
        right: 5vh;
        color: #fff;
        font-family: var(--fonticon);
        font-size: var(--fs10);
        display: flex;
        align-items: center;
        justify-content: center;
        top: 1.5vh;
    }

    zet-input[icon]:before {
        content: attr(icon);
        font-family: var(--fonticon);
        position: absolute;
        left: 0;
        top: 0;
        width: 5vh;
        height: 5vh;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--b5);
        border-radius: var(--inputborderradius);
        pointer-events: none;
    }

    zet-input[icon] > input {
        padding-left: 5vh !important;
        transition: padding 0.3s;
    }

        zet-input[icon] > input:focus,
        zet-input[icon].invalid > input:focus {
            padding-left: 6vh !important;
        }

    zet-input[icon].focus:not(.gbox):before {
        background: var(--b5);
        color: #fff;
    }

    zet-input[icon].focus:not(.gbox):has(>input:invalid):before {
        background: #ff4343;
    }

    zet-input[icon].focus > input,
    zet-input[icon].invalid > input {
        padding-left: 6vh !important;
    }

    zet-input[icon].invalid:not(.gbox):before {
        background: #ff4343;
        color: #ffffff;
    }

    zet-input.invalid > input:focus {
        border-color: #ff4343;
    }

    zet-input > textarea {
        resize: none;
        font-size: var(--fs18);
    }

    zet-satir[label] > alan {
        width: 100%;
        margin-left: 0 !important;
        border-bottom: 1px solid #f3f3f3;
        font-weight: bold;
        font-size: var(--fs18);
    }


    zet-input[type=adres] > button:not(.rmen) {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 3vh;
        height: 3vh;
        margin: 1vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background: #ffffff;
        z-index: 2;
        color: var(--fckoyu);
    }

        zet-input[type=adres] > button:not(.rmen):before {
            content: '\f00d';
        }

        zet-input[type=adres] > button:not(.rmen):before {
            content: '\f60a';
            font-size: var(--fs20);
        }

        zet-input[type=adres] > button:not(.rmen):hover:after {
            content: 'Haritada İşaretle';
            margin-left: 0.5vh;
            font-size: var(--fs13);
        }

    zet-input[type='adres'] > button:not(.rmen):hover {
        box-shadow: 0 0 4px 0 #00000029;
    }

    zet-input[type='adres'] > textarea {
        padding-right: 7.7vh;
        font-size: var(--fs18);
    }

    zet-input[type=adres] > button:not(.rmen):hover {
        width: auto;
    }

    zet-input[type=adres] > button:not(.rmen):active {
        color: #282828;
    }

    zet-input[type=adres][data-x][data-y]:not([data-x='0']):not([data-y='0']):not([data-x='0.0000000000000000']):not([data-y='0.0000000000000000']) > button:not(.rmen) {
        color: #44b383;
    }

        zet-input[type=adres][data-x][data-y]:not([data-x='0']):not([data-y='0']):not([data-x='0.0000000000000000']):not([data-y='0.0000000000000000']) > button:not(.rmen):before {
            content: '\f606';
        }

        zet-input[type=adres][data-x][data-y]:not([data-x='0']):not([data-y='0']):not([data-x='0.0000000000000000']):not([data-y='0.0000000000000000']) > button:not(.rmen):hover:after {
            content: 'İşaretlendi';
        }

    zet-input.label > input,
    zet-input[label] > input {
        padding: 0;
        border: 0;
        pointer-events: none;
        background: transparent;
    }

    /*Combo*/

    po-combo {
        position: relative;
        display: block;
        width: 100%;
        border: 1px solid var(--inputbordercolor);
        border-radius: var(--inputborderradius);
        box-sizing: border-box;
        background: #fff;
    }

        po-combo[type='single'] {
            height: 5vh;
            display: flex;
            align-items: center;
        }

        po-combo:has(input:invalid) {
            border-color: #ff4343;
        }

        po-combo[disabled] {
            pointer-events: none;
            opacity: 0.8;
        }

        po-combo[readonly],
        po-combo.label{
            pointer-events: none;
        }

        po-combo[required]:has(> icerik:empty) {
            border-color: #ff4343;
        }

    zet-liste po-combo[required] > icerik:empty {
        border-bottom: 2px solid #ff4343;
    }


        po-combo:hover {
            border-color: var(--b4);
        }

        po-combo input.hidden {
            padding: 0;
            margin: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 0;
            opacity: 0;
            z-index: -1;
        }

        po-combo > icerik {
            width: 100% !important;
            padding: 1.574074074vh;
            padding-right: 2vh;
            background: transparent;
            outline: 0;
            text-align: left;
            position: relative;
            white-space: pre;
            box-sizing: border-box;
            text-overflow: ellipsis;
            overflow: hidden;
            z-index: 0;
            display: block;
        }

        po-combo[type='single'] > icerik[renk] { /*Bakılacak*/
            display: flex;
            align-items: center;
        }

            po-combo[type='single'] > icerik[renk]:not(:empty):before {
                content: '';
                width: 1.25vh;
                height: 1.25vh;
                border-radius: 50%;
                background: var(--optrenk);
                display: block;
                float: left;
                margin-right: 5px;
            }

        po-combo[type='single'] > icerik[bgcolor]:before {
            content: '';
            background: var(--optbgcolor);
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            border-radius: var(--inputborderradius);
        }


        po-combo[type='single'] > icerik[bgcolor] {
            color: var(--optforecolor, #fff);
            padding: 0.5vh 1vh !important;
        }

        po-combo[type='single']:not([disabled]):not([readonly]):not(.label):after {
            content: '\f107';
            font-family: var(--fonticon);
            right: 0;
            opacity: 0.5;
            display: flex;
            align-items: center;
            position: absolute;
            top: 0;
            height: 100%;
            width: 2vh;
            justify-content: center;
        }

        po-combo[type='single']:not([disabled]):not([readonly]):hover:after {
            opacity: 1
        }

        po-combo > icerik:empty:before {
            content: attr(placeholder);
            color: var(--b3);
            height: 2.5vh;
            font-size: var(--fs17);
            font-weight: normal;
            display: flex;
            align-items: center;
        }

        po-combo[type='single']:hover:after {
            opacity: 1;
        }

        po-combo[type='single'].load:after {
            font-family: var(--fonticon);
            content: '\f1ce' !important;
            animation: dondur 1s infinite;
            transform: rotate(360deg);
            width: auto;
            margin-right: 1vh;
        }

        po-combo[type='multiple'] > icerik {
            padding: 1.25vh;
            min-height: 5vh;
            height: auto;
            width: auto !important;
            max-width: 100%;
            float: left;
        }

            po-combo[type='multiple'] > icerik > opt {
                height: 3vh;
                display: flex;
                align-items: center;
                width: auto;
                background-color: #f1f1f1;
                border: 1px solid #e6e6e6;
                border-radius: 20px;
                margin: 0.3vh;
                padding: 0.25vh 1vh;
                float: left;
                cursor: default;
                font-size: var(--fs17);
                color: var(--fckoyu);
                user-select: none;
            }

                po-combo[type='multiple'] > icerik > opt:hover {
                    border-color: var(--b3);
                }

                po-combo[type='multiple'] > icerik > opt > span {
                    display: block;
                }

        po-combo[type='multiple'] > button {
            padding: 1.25vh;
            width: 2.5vh;
            height: 2.5vh;
            border-radius: 50%;
            background: transparent;
            box-sizing: content-box;
            position: relative;
            float: left;
        }


            po-combo[type='multiple'] > button:before {
                content: '\f055';
                color: var(--fckoyu);
                font-size: 1.7vh;
            }

            po-combo[type='multiple'] > button:hover:before {
                color: var(--a);
            }

            po-combo[type='multiple'] > button:active:before {
                color: var(--a12);
            }

        po-combo[type='multiple'].load > button:before {
            content: '\f1ce' !important;
            animation: dondur 1s infinite;
            transform: rotate(360deg);
            margin-right: 1vh;
            font-family: var(--fonticon);
            right: 0;
            opacity: 0.5;
            display: flex;
            align-items: center;
            position: absolute;
            top: 0;
            height: 100%;
            width: 2vh;
            justify-content: center;
        }

        po-combo[type='multiple'].load > button {
            pointer-events: none;
        }

        po-combo[type='multiple'][readonly]:not(.load) > button {
            display: none;
        }


        po-combo[type='multiple'][justimages] > icerik > opt {
            padding: 0;
            width: 3vh;
            height: 3vh;
        }

            po-combo[type='multiple'][justimages] > icerik > opt:not(:hover) > span:nth-child(2) > span:not(.usrimgsp) {
                display: none;
            }

            po-combo[type='multiple'][justimages] > icerik > opt:hover > span:nth-child(2) > span:last-child {
                z-index: 22;
                display: block;
                position: fixed;
                margin-top: 3.7vh;
                padding: 0.5vh 3.5vh 0.5vh 0.5vh;
                height: auto;
                font-size: var(--fs15);
                width: auto;
                box-shadow: #a0a0a0 0vw 0vw 0.2vw;
                color: #fff;
                backdrop-filter: blur(5px);
                -webkit-backdrop-filter: blur(5px);
                background: var(--fckoyu066);
                white-space: pre;
                border-radius: var(--inputborderradius);
            }

        po-combo[type='multiple'][justimages] > button {
            padding: 0;
        }


        po-combo.label,
        po-combo.label > icerik {
            padding: 0;
            width: auto;
            background: transparent;
            border: 0;
            height: auto;
        }


    zet-satir > alan > po-combo {
        height: 100%;
    }

        zet-satir > alan > po-combo:after {
            width: 4vh;
        }

    zet-liste po-combo[type='single'] > icerik {
        padding: 0 2vh 0 0;
        border: 0;
    }

    zet-liste po-combo[type='single'] {
        border: 0;
        background: transparent;
    }

        zet-liste po-combo[type='single'][readonly] > icerik {
            padding: 0;
        }

    /*Combo Bitiş*/

    /*OptionList*/

    .pencere.optionList:not(.minimize) {
        position: absolute;
        top: 0;
        left: unset !important;
        width: 21.2058vw;
        height: 100%;
        transition: transform var(--animasyonsuresi);
        border-radius: 0px;
        font-size: var(--fs18);
        overflow-y: auto;
        z-index: 104;
        transform: translateX(100vw);
        box-sizing: border-box;
    }

        .pencere.optionList:not(.minimize).acik {
            transform: translateX(78.79417879vw);
        }

    .pencere.optionList.minimize {
        position: fixed;
        height: 0;
        padding: 0;
        min-height: 0;
        max-height: 0;
        overflow: hidden;
        transition: transform 0.3s, opacity 0.1s;
        opacity: 0;
        box-shadow: 0 1px 1px -2px rgba(0,0,0,.14), 0 2px 10px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
        border-radius: 5px;
        box-sizing: border-box;
    }

        .pencere.optionList.minimize.acik {
            width: var(--owidth);
            min-width: 12vw;
            position: absolute;
            left: var(--oleft);
            top: calc((var(--otop) + var(--oheight) - 10) * 1px);
            max-height: 500px;
            height: auto;
            min-height: 200px;
            transform: translateY(15px);
            overflow-y: auto;
            opacity: 1;
        }



    .pencere.optionList + .bgfiltre {
        display: none;
    }

    .pencere.optionList.load:after {
        top: 4.5vh;
        height: calc(100% - 4.5vh);
        z-index: 2;
    }

    .pencere.optionList:not(.sirala):not([type='multiple']) > alt {
        display: none;
    }

    .pencere.optionList > alt {
        position: absolute;
        bottom: 2vh;
        z-index: 2;
    }

    .pencere.optionList:not(.minimize) > alt[maxlength]:after {
        content: 'Max. ' attr(maxlength) ' Tane Seçilebilir';
        font-size: var(--fs11);
        color: gray;
        position: fixed;
        bottom: 7vh;
        width: 100%;
        left: 0;
        text-align: center;
        background: rgba(255,255,255,0.1);
        backdrop-filter: blur(5px);
    }

    .pencere.optionList > alt > button {
        width: 100%;
        font-size: var(--fs15);
        border-radius: 10px;
    }

    .pencere.optionList[type=multiple]:not(.sirala) > alt > button:before {
        content: 'Seçimi Tamamla';
        font-family: var(--font);
    }

    .pencere.optionList.sirala > alt > button:before {
        content: 'Sıralamayı Kaydet';
    }

    .pencere.optionList[type=multiple]:not(.sirala) > alt > button[secili]:not([minlength]):after {
        content: ' (' attr(secili) ')';
    }

    .pencere.optionList[type=multiple]:not(.sirala) > alt > button:not([secili])[minlength]:after {
        content: ' (0/' attr(minlength) ')';
    }

    .pencere.optionList[type=multiple]:not(.sirala) > alt > button[secili][minlength]:after {
        content: ' (' attr(secili) '/' attr(minlength) ')';
    }

    .pencere.optionList > alt > button[disabled] {
        filter: grayscale(1);
        opacity: 0.5;
        pointer-events: none;
    }

    .pencere.optionList.minimize > alt {
        width: 100%;
        position: sticky;
        bottom: 2vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 2vh;
        box-sizing: border-box;
    }

    .pencere.optionList.minimize > icerik:has(veri:not(.secili):not(.gizli)):after {
        height: 6vh;
        width: 100%;
        display: block;
    }

    .pencere.optionList:not(.fullyetki) > icerik > veri[yetkisiz],
    .pencere.optionList > icerik > veri[iptal],
    .pencere.optionList > icerik > veri[filtreli] {
        display: none;
    }

    .pencere.optionList > icerik > veri.secim:after {
        content: '\f00c';
        font-family: var(--fonticon);
        color: var(--a);
        font-size: var(--fs15);
    }

    .pencere.optionList > icerik > veri:hover {
        background: var(--b05);
    }

    div.pencere:not(.pasif) ~ div.pencere.optionList:not(.minimize) {
        top: 0;
        height: 100%;
        z-index: 117;
    }

    .pencere.optionList.sol {
        left: unset;
        transition: transform var(--animasyonsuresi);
        transform: translateX(-100vw);
    }

        .pencere.optionList.sol:not(.minimize).acik {
            transform: translateX(7.7vh);
        }

    body:not(.menuacik) .anamenu:hover ~ .pencere.sol.optionList.acik,
    .menuacik .pencere.sol.optionList.acik {
        transform: translateX(var(--anamenu-width));
    }


    .pencere.optionList:not(.minimize) > *:not(icerik) {
        width: calc(100% - 4vh);
        margin-right: 2vh;
        margin-left: 2vh;
    }


    .pencere.optionList > icerik {
        width: calc(100% - 0.5vh);
        height: calc(100% - 13vh);
        position: relative;
        display: block;
        overflow-y: auto;
        padding: 0 1.5vh 0 2vh;
        margin-right: 0.5vh;
        box-sizing: border-box;
    }

    .pencere.optionList.minimize > icerik {
        padding: 0;
        margin-right: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .pencere.optionList.minimize > baslik {
        display: none;
    }

    .pencere.optionList:not(.arama) > icerik:empty:before {
        content: 'Kayıt Bulunamadı';
        color: var(--b4);
        width: 100%;
        height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pencere.optionList.minimize > icerik:empty:before {
        height: 200px;
    }

    .pencere.optionList > icerik > veri {
        position: relative;
        display: block;
        width: 100%;
        min-height: 4.5vh;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: var(--fs16);
        border-bottom: 1px solid var(--b05);
        box-sizing: border-box;
        transition: margin var(--animasyonsuresi);
        user-select: none;
    }

   
    .pencere.optionList:not(.minimize) > icerik > veri {
        border: 1px solid var(--b1);
        border-radius: 10px;
        margin-bottom: 0.5vh;
        cursor: pointer;
    }

    .pencere.optionList > icerik > veri.gizli {
        height: 0;
        overflow: hidden;
        min-height: unset;
        padding: 0;
        border: 0 !important;
        margin: 0;
    }

    .pencere.optionList:not(.minimize) > baslik {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 6vh;
        font-weight: bold;
    }

        .pencere.optionList:not(.minimize) > baslik > span[list-aciklama]:first-child:after {
            content: attr(list-aciklama);
            font-weight: lighter;
            display: block;
            font-size: var(--fs14);
            opacity: 0.5;
            max-height: 2.5vh;
            line-height: 1.1;
            overflow: hidden;
        }


    .pencere.optionList > icerik > veri > span:nth-child(2):after {
        content: attr(aciklama);
        display: block;
        font-size: var(--fs14);
        color: var(--b5);
    }

    .pencere.optionList > arama > .menu {
        width: 5vh;
        height: 100%;
    }

        .pencere.optionList > arama > .menu:before {
            content: '\f141';
            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(100% - 2vh);
            height: calc(100% - 2vh);
            font-family: var(--fonticon);
            margin: 1vh;
            border-radius: 10px;
        }

    .pencere.optionList:not(.minimize) > baslik > span:nth-child(2) {
        width: 5vh;
        height: 5vh;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: var(--fs25);
        color: var(--b5);
        font-weight: normal;
        padding-right: 5px
    }

        .pencere.optionList:not(.minimize) > baslik > span:nth-child(2):before {
            content: '\f00d';
            font-family: var(--fonticon);
        }

        .pencere.optionList:not(.minimize) > baslik > span:nth-child(2):hover {
            color: var(--fckoyu);
        }

    .pencere.optionList > arama > .menu:hover:before {
        box-shadow: 0 4px 1px -3px rgba(0,0,0,.14), 0 0px 7px 0 rgba(0,0,0,.098), 0 1px 1px 0 rgba(0,0,0,.084);
    }


    .pencere.optionList > arama {
        position: relative;
        display: flex;
        height: 5vh;
        margin-bottom: 2vh;
        box-sizing: border-box;
        box-shadow: 0 4px 1px -3px rgba(0,0,0,.14), 0 0px 7px 0 rgba(0,0,0,.098), 0 1px 1px 0 rgba(0,0,0,.084);
        border-radius: 10px;
        overflow: hidden;
    }

        .pencere.optionList > arama > input {
            width: calc(100% - 5vh);
            border: 0;
            box-sizing: border-box;
            padding-left: 0;
        }

            .pencere.optionList > arama > input::-webkit-input-placeholder {
                font-size: var(--fs16) !important;
            }

    .pencere.optionList.minimize > arama {
        margin: 1vh;
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid var(--b1);
        box-shadow: unset;
        height: 4.5vh;
        position: sticky;
        top: 1vh;
        z-index: 2;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

        .pencere.optionList.minimize > arama > input {
            background: transparent;
            padding-right: 0.5vh;
        }

    .pencere.optionList > arama > input::-webkit-input-placeholder {
        font-size: var(--fs14) !important;
    }

    /*		.pencere.optionList:not(.minimize) > arama > zet-input {
			width: 100%;
			border-top: 1px solid var(--b05);
			border-bottom: 1px solid var(--b05);
		}
*/
    .pencere.optionList:not(.minimize) > icerik:after {
        content: '';
        display: block;
        width: 100%;
        height: 30vh;
    }

    .pencere.optionList.arama > icerik:after {
        content: 'Sonuç Bulunamadı';
        color: var(--b4);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pencere.optionList > icerik:has(veri:not(.secili):not(.gizli)):after {
        content: '' !important;
    }

    .pencere.optionList > icerik > veri > span:first-child {
        width: 2vh;
        height: 2vh;
        border: 1px solid var(--b2);
        border-radius: 50%;
        transition: transform var(--animasyonsuresi);
        margin-left: 1vh;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }

    .pencere.optionList:not(.sirala) > icerik > veri[secili] > span:first-child {
        border-color: var(--a);
        background: var( --a);
        transform: rotateY(180deg);
    }

        .pencere.optionList:not(.sirala) > icerik > veri[secili] > span:first-child:before {
            content: '\f00c' !important;
            color: #fff;
            transform: rotateY(180deg);
        }

    .pencere.optionList:not(.sirala) > icerik > veri[renk] > span:first-child:before {
        content: '';
        border-color: var(--orenk);
        font-weight: bold;
    }

    .pencere.optionList:not(.sirala) > icerik > veri[renk] > span:first-child {
        border-color: var(--orenk);
        border-width: 2px;
    }

    .pencere.optionList:not(.sirala) > icerik > veri[renk][secili] > span:first-child {
        background: var(--orenk);
    }

    .pencere.optionList:not(.sirala) > icerik > veri[renk]:not([secili]):hover > span:first-child:before {
        color: var(--orenk);
    }

    .pencere.optionList:not(.sirala) > icerik > veri[bgcolor] { /*Geliştirilecek*/
        background: var(--obgcolor);
        color: var(--oforecolor,#fff);
    }

    .pencere.optionList > icerik > veri > span:nth-child(2) {
        display: block;
        position: relative;
        width: calc(100% - 7vh);
        padding: 1vh 0.5vh;
        box-sizing: border-box;
    }

    .pencere.optionList:not(.sirala) > icerik > veri > span:first-child:before {
        font-family: var(--fonticon);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs12);
    }

    .pencere.optionList[type='multiple']:not(.sirala) > icerik > veri > span:first-child {
        border-radius: 6px;
    }

    .pencere.optionList:not(.sirala) > icerik > veri:not([secili]):hover > span:first-child:before {
        content: '\f00c';
        color: var(--b2);
    }

    .pencere.optionList.sirala > icerik > veri {
        -webkit-user-drag: element;
        user-select: none;
    }

        .pencere.optionList.sirala > icerik > veri > span:first-child:before {
            content: '\e411';
            font-size: var(--fs20);
            font-family: var(--fonticon);
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-weight: bold;
        }


        .pencere.optionList.sirala > icerik > veri > span:nth-child(3) {
            visibility: hidden;
        }

        .pencere.optionList.sirala > icerik > veri > span {
            border: 0;
        }

        .pencere.optionList.sirala > icerik > veri.dragover:before {
            content: '';
            height: 4vh;
            width: 0.7vh;
            border-radius: 10px;
            cursor: pointer;
            position: absolute;
            box-sizing: border-box;
            background: var(--a);
            left: -1.25vh;
        }


    .pencere.optionList:not(.minimize) > icerik > veri[secili] {
        background: var(--a05);
        border-color: var(--a3);
    }

        .pencere.optionList:not(.minimize) > icerik > veri[secili]:hover {
            background: var(--a1);
            border-color: var(--a5);
        }

    .pencere.optionList:not(.minimize) > icerik > veri[renk][secili] {
        border-color: var(--b3);
        background: var(--b05);
    }

    .pencere.optionList > icerik > veri > span:nth-child(3) {
        width: 3.5vh;
        height: 4vh;
        display: flex;
        align-items: center;
    }

        .pencere.optionList > icerik > veri > span:nth-child(3) > button {
            width: 2.5vh;
            height: 2.5vh;
            padding: 0;
            background: transparent;
            border-radius: 0.7vh;
        }

    .pencere.optionList > icerik > veri:hover > span:nth-child(3) > button {
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        background: #fff;
        cursor: pointer;
    }

    .pencere.optionList > icerik > veri > span:nth-child(3) > button:before {
        content: '\f142';
        color: var(--fckoyu);
        font-size: var(--fs12);
    }


    .pencere.optionList:not(.yeni_goster) > icerik > veri:not(.gizli) ~ yeni {
        display: none;
    }

    .pencere.optionList.arama > icerik > veri[secili]:not(.gizli) ~ yeni {
        display: flex;
    }

    .pencere.optionList:not([arama]):not(.yeni_goster) > icerik > veri:not(.gizli) ~ [secili] ~ yeni,
    .pencere.optionList:not([arama]):not(.yeni_goster) > icerik > [secili] ~ veri:not(.gizli) ~ yeni {
        display: none;
    }


    .pencere.optionList > icerik > yeni {
        position: relative;
        display: block;
        width: 100%;
        min-height: 4.5vh;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: var(--fs16);
        border-bottom: 1px solid var(--a);
        box-sizing: border-box;
        transition: margin var(--animasyonsuresi);
        color: var(--a);
    }

    .pencere.optionList > icerik > yeni {
        border: 1px dashed var(--a);
        border-radius: 10px;
        margin-bottom: 0.5vh;
        cursor: pointer;
    }

        .pencere.optionList > icerik > yeni:before {
            content: var(--aranan);
            padding: 1vh;
        }

        .pencere.optionList > icerik > yeni:after {
            content: '\f067';
            font-family: var(--fonticon);
            width: 5vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--fs18);
        }

    .pencere.optionList.minimize > icerik > yeni {
        margin: 1vh;
        width: calc(100% - 2vh);
    }

    .pencere.optionList.minimize.arama > icerik:after {
        height: 10vh;
    }

    .pencere.optionList.minimize > icerik > veri {
        padding: 0 1vh;
    }

    .pencere.optionList.minimize.reverse.acik {
        min-height: var(--optlistheight);
        display: flex;
        flex-direction: column-reverse;
        top: calc((var(--otop) - var(--optlistheight) - var(--oheight)) * 1px);
        transform: translateY(-10px);
    }

    .pencere.optionList.minimize.reverse > arama {
        position: absolute;
        bottom: 0;
        top: unset;
        width: calc(100% - 2vh);
    }

    .pencere.optionList.minimize.reverse > icerik {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 6.7vh;
    }

    .pencere.optionList.reverse > icerik > veri {
        border-top: 1px solid var(--b05);
        border-bottom: 0;
    }

        .pencere.optionList.reverse > icerik > veri[secili] {
            background: var(--a1);
        }

    .pencere.optionList.load:before {
        z-index: 3;
    }

    .pencere.optionList.minimize.load:after {
        top: 0;
        height: 100%;
        backdrop-filter: blur(3px) grayscale(1);
    }

    /*OptionList Bitiş*/

    /*Po Filtre*/

    po-filtre {
        display: flex;
        position: relative;
        width: 100%;
        height: 5vh;
        border: 1px solid var(--inputbordercolor);
        border-radius: var(--inputborderradius);
        font-weight: normal;
    }

        po-filtre[type="combo"] {
            height: auto;
            min-height: 5vh;
        }

        po-filtre > filtre {
            width: calc(100% - 5vh);
            height: 100%;
            display: block;
        }

        po-filtre > kriter {
            display: block;
            position: relative;
            width: 5vh;
            height: 100%;
        }

        po-filtre > filtre input,
        po-filtre > filtre > * {
            border: 0;
            height: 100%;
            width: 100%;
        }

        po-filtre > kriter > button {
            width: 100%;
            height: 100%;
            background: transparent;
            cursor: pointer;
            border-left: 1px solid var(--inputbordercolor);
            border-radius: 0;
        }

            po-filtre > kriter > button:before {
                content: attr(icon);
                font-family: var(--fonticon);
                color: var(--b5);
                font-size: var(--fs20);
            }

        po-filtre:hover, po-filtre:has( > filtre input:focus) {
            border-color: var(--b4);
        }

        po-filtre > kriter > button:hover {
            background: transparent;
        }

            po-filtre > kriter > button:hover:before {
                color: var(--fckoyu);
            }

        po-filtre:not(.dty) > kriter > button:hover:after {
            content: attr(str);
            font-size: var(--fs14);
            z-index: 2;
            position: fixed;
            display: block;
            padding: 0.7vh;
            box-shadow: rgba(0,0,0,0.5) 0vw 0vw 0.2vw;
            color: #fff;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            background: var(--fckoyu066);
            border-radius: var(--inputborderradius);
            transform: translate(-1.5vh,1vh);
        }

        po-filtre > kriter > button:not([str]):hover:after {
            content: 'Filtre';
        }

        po-filtre > kriter > button:not([str]):before {
            content: '\f0b0';
        }


        po-filtre.dty > filtre {
            width: calc(100% - 12vh);
        }

        po-filtre.dty > kriter {
            width: 12vh;
        }

            po-filtre.dty > kriter > button {
                height: 3vh;
                width: 10vh;
                padding: 0;
                margin: 1vh;
                border: 0;
                border-radius: 5px;
                background: antiquewhite;
                cursor: pointer;
            }

                po-filtre.dty > kriter > button:hover {
                    background: #fde2be;
                }

                po-filtre.dty > kriter > button:active {
                    background: #fdd5a0;
                }


                po-filtre.dty > kriter > button:before {
                    padding: 0;
                    font-size: var(--fs15);
                    color: var(--fckoyu);
                    margin-right: 3px;
                }

                po-filtre.dty > kriter > button:not([str]):after {
                    content: 'Filtre';
                }

                po-filtre.dty > kriter > button:after {
                    content: attr(str);
                    font-size: var(--fs15);
                    color: var(--fckoyu);
                }

                po-filtre.dty > kriter > button[str] {
                    background: var(--a2);
                }

                    po-filtre.dty > kriter > button[str]:hover {
                        background: var(--a3);
                    }

                    po-filtre.dty > kriter > button[str]:active {
                        background: var(--a4);
                    }

    /*Po Filtre Bitiş*/

    /*Po Filtre Zet-Liste*/
    zet-liste > div:first-child po-filtre {
        border: 0;
        padding: 0;
        flex-direction: row-reverse;
        z-index: 3;
    }


        zet-liste > div:first-child po-filtre > filtre > zet-input > input {
            padding: 0;
            width: 100% !important;
            white-space: pre;
            text-overflow: ellipsis;
            overflow: hidden;
            height: 100%;
        }

        zet-liste > div:first-child po-filtre > filtre > zet-input[type='rangedate'] {
            flex-direction: column;
            display: flex;
        }

            zet-liste > div:first-child po-filtre > filtre > zet-input[type='rangedate'] > input {
                border: 0;
            }



        zet-liste > div:first-child po-filtre > filtre > zet-input {
            display: block;
            height: 5vh;
        }



        zet-liste > div:first-child po-filtre > kriter {
            width: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 5vh;
        }

            zet-liste > div:first-child po-filtre > kriter > button {
                padding: 0;
                border: 0;
                width: 3vh;
                padding-right: 1vh;
            }

                zet-liste > div:first-child po-filtre > kriter > button:before {
                    font-size: var(--fs18);
                }

        zet-liste > div:first-child po-filtre > filtre {
            width: calc(100% - 2vh);
        }

        zet-liste > div:first-child po-filtre:not([kriter]) > filtre {
            display: none;
        }

        zet-liste > div:first-child po-filtre:not([kriter]) > kriter {
            width: 100%;
            height: 5vh;
        }

            zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: var(--fs14);
            }

                zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button:after {
                    content: 'Filtrele';
                    color: var(--b5);
                    margin-left: 1ch;
                }

                zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button:hover:after {
                    background: transparent;
                    box-shadow: unset;
                    backdrop-filter: unset;
                    position: relative;
                    transform: unset;
                    padding: 0;
                    display: inline-block;
                    width: auto;
                    color: var(--fckoyu);
                }

        zet-liste > div:first-child po-filtre:has( > filtre > zet-input[type='hidden']) {
            display: none;
        }

        zet-liste > div:first-child po-filtre > filtre * {
            font-size: var(--fs16);
        }

    /*Po Filtre Zet-Liste Bitiş*/

    /*Po RadioGrup*/

    po-radiogrup {
        background: var(--b05);
        border-radius: 10px;
        padding: 0.5vh;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        height: 4.703703704vh;
        user-select: none;
    }

        po-radiogrup.full-width,
        po-radiogrup.full-width > label {
            width: 100%;
        }

        po-radiogrup > input {
            width: 0;
            height: 0;
            padding: 0;
            margin: 0;
            overflow: hidden;
            opacity: 0;
        }

        po-radiogrup > label {
            text-align: center;
            padding: 0 1.5vh;
            color: var(--b5);
            font-size: var(--fs17);
            transition: all 0.5s;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 7vh;
            flex-direction: column;
        }

        po-radiogrup > input[aciklama] + label:after {
            content: var(--aciklama);
            font-size: var(--fs15);
        }

        po-radiogrup > input:checked + label {
            color: var(--a);
            background: #ffffff;
            border-radius: 8px;
        }

        po-radiogrup > input[disabled] + label {
            opacity: 0.5;
            pointer-events: none;
        }

    zet-satir > alan > po-radiogrup.underline,
    zet-satir > alan > po-radiogrup.overline {
        width: 100%;
    }

        zet-satir > alan > po-radiogrup > label {
            width: 50%;
        }

    /*Po RadioGrup*/

    /*Po RadioGrup underline*/

    po-radiogrup:is(.underline,.overline,.normal) {
        background: transparent;
    }

    po-radiogrup:is(.underline,.overline) > input + label {
        border-radius: 0;
        margin: 0 1vh;
    }

        po-radiogrup:is(.underline,.overline):not(.multi-line) > input + label:nth-child(2) {
            margin-left: 0;
        }

        po-radiogrup:is(.underline,.overline):not(.multi-line) > input + label:last-child {
            margin-right: 0;
        }

    po-radiogrup.underline > input + label {
        border-bottom: 1px solid var(--b2);
    }

    po-radiogrup.overline > input + label {
        border-top: 1px solid var(--b2);
    }

    po-radiogrup:is(.underline,.overline,.normal) > input + label {
        flex-direction: row;
    }

    po-radiogrup:is(.underline,.overline,.normal) > input:checked + label {
        border-color: var(--a);
    }

    po-radiogrup:is(.underline,.overline,.normal) > input + label:before {
        content: '';
        font-family: var(--fonticon);
        margin-right: 4%;
        float: left;
        border: 1px solid var(--b2);
        border-radius: 50%;
        color: #fff;
        font-size: var(--fs10);
        width: 2vh;
        height: 2vh;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    po-radiogrup:is(.underline,.overline,.normal) > input:checked + label:before {
        border-color: var(--a);
        background: var(--a);
        content: '\f00c';
    }


    /*Po RadioGrup underline Bitiş*/

    /*Po RadioGrup normal*/

    po-radiogrup.normal {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        overflow: hidden;
    }

        po-radiogrup.normal > input + label {
            margin-bottom: 0.8vh;
            padding-bottom: 0.8vh;
            width: 100%;
            box-sizing: border-box;
            justify-content: flex-start;
            border-radius: 0;
            background: transparent;
            font-size: var(--fs16);
        }

            po-radiogrup.normal > input + label:before {
                margin-right: 1vh;
            }

    po-radiogrup.multi-line > label {
        width: 100%;
        height: 4vh;
        justify-content: flex-start;
    }

    po-radiogrup.multi-line {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    /*Po RadioGrup Bitiş*/



    /*Po CheckGrup*/

	po-checkgrup {
		position: relative;
        width:100%;
		background: transparent;
		border-radius: 10px;
		padding: 0.5vh;
		box-sizing: border-box;
		user-select: none;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		height: auto;
		overflow: hidden;
	}

        po-checkgrup > input {
            width: 0;
            height: 0;
            padding: 0;
            margin: 0;
            overflow: hidden;
            opacity: 0;
        }

            po-checkgrup > input + label {
                margin-bottom: 0.8vh;
                padding-bottom: 0.8vh;
                width: 100%;
                box-sizing: border-box;
                justify-content: flex-start;
                border-radius: 0;
                background: transparent;
                font-size: var(--fs16);
                flex-direction: row;
                text-align: center;
                color: var(--b5);
                transition: all 0.5s;
                height: 100%;
                display: flex;
                align-items: center;
                min-width: 7vh;
                border-bottom: 1px solid var(--b1);
            }

            po-checkgrup > input + label:before {
                content: '';
                font-family: var(--fonticon);
                float: left;
                border: 1px solid var(--b2);
                border-radius: 5px;
                color: #fff;
                font-size: var(--fs10);
                width: 2vh;
                height: 2vh;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                margin-right: 1vh;
            }

        po-checkgrup > input:checked + label:before {
            border-color: var(--a);
            background: var(--a);
            content: '\f00c';
        }

            po-checkgrup > input:checked + label {
                color: var(--fckoyu);
            }


    

    /*Po CheckGrup Bitiş*/


    /*Po Colors*/

    po-colors {
        width: 100%;
        min-height: 5vh;
    }

        po-colors > input {
            width: 0;
            height: 0;
            padding: 0;
            margin: 0;
            overflow: hidden;
            opacity: 0;
        }

        po-colors > label {
            position: relative;
            width: 3.5vh;
            height: 3.5vh;
            display: block;
            float: left;
            margin: 0.7vh;
            border-radius: 50%;
            box-shadow: 0 0 5px rgba(0,0,0,0.3);
            padding: 0.5vh;
            box-sizing: border-box;
            cursor: pointer;
            transition: transform var(--animasyonsuresi);
        }

            po-colors > label:before {
                content: '';
                background: var(--orenk);
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

            po-colors > label:hover {
                box-shadow: 0 0 5px rgba(0,0,0,0.5);
            }

        po-colors > input:checked + label {
            transform: scale(1.2);
        }

            po-colors > input:checked + label:after {
                content: '';
                width: 100%;
                height: 100%;
                display: block;
                border: 1px solid var(--fckoyu);
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 50%;
                box-sizing: border-box;
            }

    /*Po Colors*/

    /*Po File*/

    po-file {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }

        po-file > file,
        po-file > newfile {
            position: relative;
            width: 100%;
            height: 6vh;
            border-radius: var(--inputborderradius);
            border: 1px solid var(--inputbordercolor);
            margin-bottom: 1vh;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

            po-file > file:hover {
                border-color: var(--b4);
            }

            po-file > newfile > input {
                display: none;
            }

            po-file > file > span {
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                po-file > file > span:nth-child(2) > div:first-child {
                    font-size: var(--fs16);
                    white-space: pre;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    box-sizing: border-box;
                    padding-bottom: 1px;
                }

                po-file > file > span:nth-child(2) > div:nth-child(2) {
                    font-size: var(--fs13);
                    color: var(--b4);
                    padding-top: 1px;
                    text-transform: uppercase;
                }

                po-file > file > span:first-child {
                    width: 6vh;
                }

                    po-file > file > span:first-child:before {
                        content: '\f15b';
                        font-family: var(--fonticon);
                        background: var(--b1);
                        width: 5vh;
                        height: 5vh;
                        margin: 0.5vh;
                        border-radius: var(--inputborderradius);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: var(--fs25);
                    }

            po-file > file[uzanti=pdf] > span:first-child:before {
                content: '\f1c1';
                color: #b30b00;
                background: rgb(179 11 0 / 10%);
            }

            po-file > file[uzanti=doc] > span:first-child:before,
            po-file > file[uzanti=docx] > span:first-child:before {
                content: '\f1c2';
                color: #134cb1;
                background: rgb(19 76 177 / 10%);
            }

            po-file > file[uzanti=xls] > span:first-child:before,
            po-file > file[uzanti=xlsx] > span:first-child:before {
                content: '\f1c3';
                color: #117e44;
                background: rgb(17 126 68 / 10%);
            }

            po-file > file[uzanti=ppt] > span:first-child:before,
            po-file > file[uzanti=pptx] > span:first-child:before {
                content: '\f1c4';
                color: #e26a01;
                background: rgb(226 106 1 / 10%);
            }

            po-file > file[uzanti=zip] > span:first-child:before,
            po-file > file[uzanti=rar] > span:first-child:before {
                content: '\f1c6';
                color: #b74582;
                background: rgb(183 69 130 / 10%);
            }

            po-file > file[uzanti=csv] > span:first-child:before {
                content: '\f6dd';
                color: #23b266;
                background: rgb(35 178 102 / 10%);
            }

            po-file > file[uzanti=png] > span:first-child:before,
            po-file > file[uzanti=jpg] > span:first-child:before,
            po-file > file[uzanti=tiff] > span:first-child:before,
            po-file > file[uzanti=webp] > span:first-child:before {
                content: '\f1c5';
                color: #411FB5;
                background: rgb(65 31 181 / 10%);
            }

            po-file > file > span:first-child:hover {
                cursor: pointer;
            }

                po-file > file > span:first-child:hover:before {
                    z-index: 2;
                    backdrop-filter: blur(10px) grayscale(1);
                    content: '\f019';
                }

            po-file > file > span:first-child > img {
                position: absolute;
                width: 5vh;
                height: 5vh;
                border-radius: var(--inputborderradius);
                margin: 0.5vh;
                object-fit: cover;
            }

            po-file > file > span:nth-child(2) {
                width: calc(100% - 12vh);
                padding-left: 10px;
            }

            po-file > file > span:last-child {
                width: 6vh;
            }

            po-file > file > span:nth-child(2) > div {
                white-space: pre;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            po-file > file > span:last-child:before {
                content: '\f141';
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--fonticon);
                color: var(--b7);
            }

            po-file > file > span:last-child:hover:before {
                color: var(--fckoyu);
            }


        po-file > newfile {
            border-style: dashed;
            border-color: var(--a);
        }

            po-file > newfile:last-child {
                margin-bottom: 0;
            }

            po-file > newfile > label {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                cursor: pointer;
            }

                po-file > newfile > label[value]:not([value='']):after {
                    content: attr(value);
                    color: var(--fckoyu);
                }

                po-file > newfile > label:after {
                    content: attr(placeholder);
                    width: calc(100% - 7vh);
                    position: relative;
                    font-size: var(--fs16);
                    color: var(--b4);
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: pre;
                    text-align: left;
                    padding-left: 10px;
                    box-sizing: border-box;
                }

                po-file > newfile > label:before {
                    width: 5vh;
                    height: 5vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    margin: 0.5vh;
                    background: var(--a2);
                    content: '\2b';
                    font-family: var(--fonticon);
                    color: var(--a);
                    border-radius: var(--inputborderradius);
                    font-size: var( --fs25);
                }

                po-file > newfile > label:hover:before {
                    background: var(--a);
                    color: #fff;
                }

        po-file.input > newfile {
            border-color: var(--inputbordercolor);
            height: 5vh;
        }

            po-file.input > newfile > label:before {
                width: 4vh;
                height: 4vh;
                font-size: var(--fs20);
            }

            po-file.input > newfile:hover {
                border-color: var(--b4);
            }

        po-file[grid] {
            display: grid;
            grid-template-columns: repeat(5,calc(20% - 0.8vh));
            grid-gap: 1vh;
        }

            po-file[grid] > file {
                margin: 0;
                flex-direction: column;
                padding: 1vh;
                box-sizing: border-box;
                overflow: hidden;
            }

                po-file[grid] > file > span {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }



        po-file[square], po-file[square] > newfile {
            width: 5vh;
            height: 5vh;
        }

            po-file[square] > newfile > label:before {
                width: 4vh;
                height: 4vh;
            }

            po-file[square] > newfile > label:before {
                content: '\f0c6';
            }

            po-file[square] > newfile > label:after {
                display: none;
            }

            po-file[square]:not([multiple]):not(:hover) > newfile > label[value]:not([value='']):before {
                background: var(--c2);
                color: var(--c);
                content: '\f00c';
            }

    /*Po File*/

    /*Po Progress Bar*/

    po-progressbar {
        position: relative;
        display: block;
        height: 1.5vh;
        width: 300px;
        background: transparent;
        border: 1px solid var(--inputbordercolor);
        border-radius: var(--inputborderradius);
        overflow: hidden;
    }

        po-progressbar:before {
            display: block;
            background: var(--progress-color,var(--c));
            height: 100%;
            width: calc((100% / var(--progress_length,100)) * var(--progress_status,0));
            content: '';
            transition: width var(--animasyonsuresi);
        }

        po-progressbar[showvalue]:after {
            content: var(--b-desc,"") attr(value) "/" attr(maxlength) var(--a-desc,"");
            font-size: var(--fs15);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            height: 100%;
            width: 100%;
            color: var(--fckoyu);
        }

    /*Po Progress Bar Bitiş*/

    /*Po Circular Progress*/

    po-circular-progress {
        position: relative;
        display: block;
        height: 10vh;
        width: 10vh;
    }

    /*	po-circular-progress circle {
			fill: none;
			stroke-width: 6;
			stroke-linecap: round;
			transition: stroke-dashoffset 0.3s;
			transform: rotate(-90deg);
			transform-origin: 50% 50%;
		}

		po-circular-progress .progress-background {
			stroke: var(--circle-color, var(--b1));
		}

		po-circular-progress .progress {
			stroke: var(--progress-color, var(--c));
			stroke-dasharray: var(--circle_referans) var(--circle_referans);
			stroke-dashoffset: var(--circle_referans);
		}*/

    /*Po Circular Progress Bitiş*/

    /*po-toast*/

    div#toast_container {
        position: fixed;
        top: 7.7vh;
        width: 25vw;
        max-height: calc(100% - 7.7vh);
        height: auto;
        z-index: 200;
        overflow-y: auto;
        overflow-x: hidden;
    }

    div#toast_container[align='left'] {
        bottom: 0;
        top: unset;
        left: 0;
    }

    div#toast_container[align='right'] {
        bottom: 0;
        top: unset;
        right: 0;
    }

    po-toast {
        display: block;
        position: relative;
        min-height: 5vh;
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgb(0 0 0 / 30%), 0 1px 5px 0 rgba(0, 0, 0, .084);
        margin: 2vh;
        border-radius: 10px;
        padding: 3vh;
        box-sizing: border-box;
        transition: transform 1s;
        overflow: hidden;
        color: #eee;
    }

        po-toast > icon {
            position: relative;
            font-family: var(--fonticon);
            width: 3vh;
            min-height: 5vh;
            height: 100%;
            border-radius: 50%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            float: left;
            font-size: var(--fs25);
        }

        po-toast > message {
            position: relative;
            display: block;
            padding-left: 1vh;
            font-size: var(--fs17);
            width: calc(100% - 3vh);
            float: right;
            box-sizing: border-box;
            text-align: left;
        }

        po-toast > desc {
            display: block;
            font-size: var(--fs15);
            position: relative;
            color: var(--b5);
            float: right;
            padding-left: 1vh;
            box-sizing: border-box;
            text-align: left;
            width: calc(100% - 3vh);
        }

        po-toast > action {
            bottom: 0;
            display: none;
        }

        /*po-toast > action:before {
				content: '\f00c';
			}*/

        /*po-toast > action,*/
        po-toast > exit {
            display: block;
            width: 3vh;
            height: 3vh;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--fonticon);
            right: 0;
            cursor: pointer;
        }

        po-toast > exit {
            top: 0;
        }

            po-toast > exit:before {
                content: '\f00d';
            }

        po-toast > bar {
            animation: toast_progress linear 1 forwards;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 5px;
            background: var(--a);
            display: block;
            left: 0;
            transform-origin: left;
        }

        po-toast > bar {
            animation-duration: 10s;
            animation-play-state: running;
        }

        po-toast:hover > bar {
            animation-play-state: paused !important;
        }

        po-toast[type='warning'] > bar {
            background: var(--d);
        }

        po-toast[type='success'] > bar {
            background: var(--c);
        }

        po-toast[type='failed'] > bar {
            background: #ff4343;
        }

        po-toast[type='info'] > bar {
            background: var(--a);
        }

    @keyframes toast_progress {

        0% {
            transform: scaleX(1);
        }

        100% {
            transform: scaleX(0);
        }
    }


    po-toast > progress {
        animation-duration: 5000s;
        animation: toast_progress linear 1 forwards;
    }

    po-toast[type='warning'] > icon:before {
        content: '\f071';
        color: var(--d);
    }

    po-toast[type='success'] > icon:before {
        content: '\f00c';
        color: var(--c);
    }

    po-toast[type='failed'] > icon:before {
        content: '\f00d';
        color: #ff4343;
    }

    po-toast[type='info'] > icon:before {
        content: '\f05a';
        color: var(--a);
    }

    div#toast_container[align=right] po-toast.kapat {
        transform: translateX(100vmax);
    }

    div#toast_container[align=left] po-toast.kapat {
        transform: translateX(-100vmax);
    }




    /*po-toast bitiş*/


    .altonay {
        margin-right: 1vh;
    }

        .altonay > button {
            margin: 1vh;
            float: right;
            border-radius: var(--inputborderradius);
            height: 5vh;
            min-width: 6vw;
            color: #fff;
        }

    .sagyuzencombo.ekle:before,
    .coklukutu[type=zetmenu] > .czmekle:before {
        content: '\f055';
        font-family: var(--fonticon);
    }

    .modulmenu > li.kaydet > div:first-child > div.loading,
    .icerikmenu > ul > li.kaydet > div:first-child > div.loading {
        font-size: 0;
    }

    button > div.loading,
    .icerikmenu > ul > li div.loading,
    .fuzun div.loading,
    #alt div.loading {
        width: auto;
        height: auto;
        font-size: var(--fs25);
    }

    #alt div.loading {
        width: 5vh;
        height: 100%;
        font-size: var(--fs25);
    }

    button > div.loading:before {
        background: transparent;
        content: "\f1ce";
        animation: dondur 1s infinite;
        color: #fff;
    }

    .icerikmenu > ul > li div.loading:before,
    .fuzun div.loading:before {
        background: transparent;
        content: "\f1ce" !important;
        animation: dondur 1s infinite;
        color: var(--a);
    }

    button > .loading:after,
    .icerikmenu > ul > li div.loading:after,
    .fuzun div.loading:after {
        background: transparent;
        box-shadow: unset;
        animation: unset;
    }

    #alt div.loading:before {
        background: transparent;
        content: "\f013";
        animation: dondur 1s infinite;
    }

    #alt div.loading:after {
        all: unset;
    }

    .modulmenu > li.kaydet > div:first-child,
    .icerikmenu > ul > li.kaydet > div:first-child {
    }

    input, select, textarea, label.acik, .coklukutu, .sagyuzencombo {
        border: 1px solid var(--inputbordercolor);
        border-radius: var(--inputborderradius);
        padding: 1.574074074vh;
        background: #fff;
        outline: 0;
        text-align: left;
        position: relative;
    }

    zet-input[type="text"],
    zet-input[type="date"] {
        border-radius: var(--inputborderradius);
        padding: 0;
        outline: 0;
        position: relative;
    }

        zet-input[type="text"] > input,
        zet-input[type="date"] > input {
            padding: 1.574074074vh;
            height: 100%;
            width: 100%;
        }

    zet-input[type="rangedate"] {
        display: flex;
    }

        zet-input[type="rangedate"] > input:first-child {
            border-right: 1px solid var(--inputbordercolor);
            border-radius: 0;
        }

    po-filtre > filtre zet-input[type='rangedate'] input {
        width: 50%;
    }

    zet-input[ekbilgi]:has(> input:placeholder-shown):after {
        content: attr(ekbilgi);
        font-size: var(--fs11);
        right: 0.5vh;
        position: absolute;
        bottom: 0.25vh;
    }

    .sagyuzencombo:active {
        border-color: var(--b5);
    }

    input::placeholder,
    textarea::placeholder {
        color: var(--placeholdercolor);
        font-size: var(--fs17) !important;
    }


    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: var(--placeholdercolor);
        font-size: var(--fs17) !important;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: var(--placeholdercolor);
        font-size: var(--fs17) !important;
    }


    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    select {
        background: transparent;
        width: 100%;
        padding: 1vh;
    }

        select:disabled,
        zet-select[disabled] {
            pointer-events: none;
            cursor: default;
            opacity: 0.7;
            border-color: rgba(118,118,118,0.3);
            user-select: none;
        }

    zet-select {
        width: 100%;
        border: 1px solid var(--inputbordercolor);
        padding: 0;
        border-radius: var(--inputborderradius);
    }

        zet-select > select {
            border: 0;
        }

    zet-satir > alan > zet-select,
    zet-satir > alan select {
        height: 5vh;
        box-sizing: border-box;
    }

    .coklukutu[type='combobox'],
    .coklukutu[type='text'],
    .coklukutu[type='textarea'] {
        cursor: text;
    }

    .coklukutu[type='combobox'] {
        padding: 0;
        width: 100%;
    }
}

body.app.ios {
    cursor: pointer;
}

.coklukutu[type="combobox"] > select {
    width: 100%;
    background: #f9f9f9;
    height: 4vh;
    padding: 0 1vh;
    outline: 0;
    height: 4.703703704vh;
}

.coklukutu * {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.coklukutu > div.oluşuk {
    padding: 0.3vw;
    background-color: #f1f1f1;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    margin: 0.3vw;
    padding: 0.25vh 1vh;
    float: left;
    cursor: default;
    font-size: var(--fs17);
    color: var(--fckoyu);
    user-select: none;
}

.pencere div.fuzun > div.coklukutu {
    padding: 1%;
    height: auto;
    overflow: hidden;
    display: block;
    min-height: 4.703704vh;
    box-sizing: border-box;
}

ul.yukleyici {
    height: 100%;
}

.cayrac,
zet-satir[ayrac] {
    width: 100%;
    border-top: 1px solid #eeeeee;
    height: calc(1vh - 1px);
    margin-bottom: calc(3vh - 1px);
    margin-top: calc(1vh - 1px);
}


.yakinda:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffffab;
    content: '';
    height: 100%;
    z-index: 10;
    text-align: center;
    padding: 9vh;
}

.yakinda:after {
    content: 'Bu Sayfa Test Aşamasındadır.';
    color: var(--a);
    position: absolute;
    z-index: 11;
    padding: 1vh;
    border-radius: 20px;
    margin: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 45%;
    font-size: var(--fs30);
    transform: rotate(45deg);
}

.loading {
    width: 100%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: transparent;
    color: #A0A0A0;
    font-size: var(--fs20);
}

    .loading:before {
        content: "\f51d";
        text-align: center;
        font-family: var(--fonticon);
        color: var(--a);
        position: absolute;
        z-index: 1;
        animation: load 3s infinite;
    }

    .loading:after {
        animation: dondur 1s infinite;
        transform: rotate(360deg);
        font-family: var(--fonticon);
        color: var(--a);
        box-shadow: #dcdcdc 0vw 0.2vw 0.5vw;
        border-radius: 50%;
        width: 10vh;
        height: 10vh;
        content: '';
        position: absolute;
        background: #fff;
    }

body:before {
    width: 0; /*IOS appdaki bug nedeniyle eklendi*/
}

body:not(.desktop) .desktop_islev {
    display: none !important;
}

body.loadyazdir:after {
    content: 'Çıktı Oluşturuluyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: #444444;
}


body.loaddosya:before {
    content: '\f316';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    color: var(--a);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs50);
    animation: load 3s infinite;
}

body.loaddosya:after {
    content: 'Dosya Oluşturuluyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: #444444;
}

body.loadyazdir:before {
    content: '\f02f';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    color: var(--a);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs50);
    animation: load 3s infinite;
}

body.beldonload:after {
    content: 'Belge Dönüştürülüyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: var(--fckoyu);
}

body.beldonload:before {
    content: '\f2f1';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    color: var(--a);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs50);
    animation: dondur 1s infinite;
}

body.loadbelge:after {
    content: 'Belge Oluşturuluyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: #444444;
}

body.loadbelge:before {
    content: '\f15c';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs50);
    animation: load 3s infinite;
}

body.loadbelgeac:after {
    content: 'Belge Açılıyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: #444444;
}

body.loadbelgeac:before {
    content: '\f15c';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    color: #F9806B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs50);
    animation: load 3s infinite;
}

body.load:after {
    content: 'İşlem Gerçekleştiriliyor';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5vh;
    z-index: 999;
    display: flex;
    font-size: var(--fs20);
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(3px);
    backdrop-filter: saturate(180%) blur(3px);
    background-color: rgba(255,255,255,.6);
    color: #444444;
}

body.load:before {
    content: '\f1ce';
    font-family: var(--fonticon);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1000;
    color: var(--d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs40);
    animation: dondur 1s infinite;
}

button.hzonay.load {
    pointer-events: none;
    color: transparent;
}

    button.hzonay.load:before {
        width: 6.5vh;
        height: 6.5vh;
        margin: 0;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
    }

button.load:before {
    content: '\f3f4';
    animation: dondur 1s infinite;
    font-size: var(--fs18);
}

button.load:not([b-icon]):before {
    position: absolute;
}

button.hzonay.hata {
    background: #ff4343 !important;
}

    button.hzonay.hata:before {
        content: '\f071';
        position: absolute;
        background: #ff4343;
        width: 6.4vh;
        height: 6.4vh;
        margin: 0;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }



.modulmenu > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before,
.icerikmenu > ul > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before {
    content: '\f3f4';
    position: absolute;
    background: var(--b05);
    width: 5.7vh;
    height: 5.4vh;
    top: 0.25vh;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: dondur 1s infinite;
    border-radius: 50%;
    color: var(--a);
    font-size: var(--fs27);
}

.modulmenu > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before {
    width: 6vh;
    height: 5.7vh;
    background: #fff;
}

.modulmenu > li.load:hover > div:first-child:before {
    background-color: #F9F9F9;
}

.modulmenu > li.kaydet.ok:before,
.modulmenu > li.kaydet.save:before {
    margin: 0 1vh;
}


.icerikmenu > ul > li:hover,
.modulmenu > li:hover {
    color: var(--fckoyu1);
}

li.kaydet.ok > div:first-child:before {
    content: '\f00c';
    background: var(--c);
    color: #fff;
    font-family: var(--fonticon);
    position: absolute;
    width: 1.2vh;
    height: 1.2vh;
    margin-top: 0.3vh;
    font-size: var(--fs10);
    top: 0.5vh;
    left: 1vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

li.kaydet.hata > div:first-child:before {
    content: '\f068';
    position: absolute;
    background: #ff4343;
    color: #fff;
    font-family: var(--fonticon);
    position: absolute;
    width: 1.2vh;
    height: 1.2vh;
    margin-top: 0.3vh;
    font-size: var(--fs10);
    top: 0.5vh;
    left: 1vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

li.kaydet.save > div:first-child:before {
    content: '\f3be';
    position: absolute;
    background: var(--e);
    color: #fff;
    font-family: var(--fonticon);
    width: 1.2vh;
    height: 1.2vh;
    margin-top: 0.3vh;
    font-size: var(--fs10);
    top: 0.5vh;
    left: 1vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: rotate( 90deg);
}

li.kaydet.save {
    color: var(--e) !important;
    background: var(--e1) !important;
}


.modulmenu > li.kaydet.save > div:first-child:before,
.modulmenu > li.kaydet.ok > div:first-child:before,
.modulmenu > li.kaydet.hata > div:first-child:before {
    top: unset;
    bottom: 1.5vh;
    left: 3.5vh;
}

.modulmenu > li.hata,
.icerikmenu > ul > li.hata {
    color: #ff4343;
}

li.kaydet:hover:before,
li.kaydet.load:hover > div:first-child:before {
    display: none;
}

.fuzun .loading:after {
    width: 5vh;
    height: 5vh;
    position: relative;
}

@keyframes backload {
    0% {
        background-position-x: -50%;
    }

    100% {
        background-position-x: 50%;
    }
}

.backload {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: backload;
    animation-timing-function: linear;
    background: linear-gradient(to right, #f9f9f9 5%, #eeeeee 20%, #f9f9f9f9 75%);
    background-size: 50%;
}

@keyframes inputload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.inputload {
    height: 5vh;
    width: 100%;
    border-radius: 5px;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: inputload;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

ul.aylik div.loading:after,
ul.haftalik div.loading:after {
    display: none;
}

ul.aylik div.loading,
ul.haftalik div.loading {
    height: 100%;
}

@keyframes dondur {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        font-size: var(--fs30);
        color: var(--b1);
    }

    50% {
        font-size: var(--fs50);
        color: var(--a);
    }

    100% {
        font-size: var(--fs30);
        color: var(--b1);
    }
}

.pencere.sagyuzenliste {
    position: absolute;
    top: 0;
    width: 21.2058vw;
    height: 100%;
    transition: transform var(--animasyonsuresi);
    border-radius: 0px;
    padding: 0;
    font-size: var(--fs18);
    overflow-y: auto;
    z-index: 104;
}

div.pencere:not(.pasif) ~ div.pencere.sagyuzenliste {
    top: 0;
    height: 100%;
    z-index: 117;
}

div.pencere:not(.kullanici):not(.pasif) ~ div.pencere + div.bgfiltre {
    display: none;
}


.pencere.sagyuzenliste.sol {
    left: unset;
    transition: transform var(--animasyonsuresi);
}

body:not(.menuacik) .anamenu:hover ~ .pencere.sol.sagyuzenliste.acik,
.menuacik .pencere.sol.sagyuzenliste.acik {
    transform: translateX(var(--anamenu-width));
}

.pencere.sagyuzenliste > div:first-child {
    font-weight: bold;
    color: var(--fckoyu);
    background: #fff;
    text-align: center;
    width: 100%;
    height: 6vh;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: default;
    z-index: 1;
    position: relative;
}

.pencere.sagyuzenliste > div:nth-child(2):last-child:empty:before {
    content: 'Bulunamadı';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 89%;
    width: 100%;
    color: #A0A0A0;
    font-size: var(--fs25);
}

.pencere.sagyuzenliste > div:not(.mcbk):not(:first-child) {
    text-align: center;
    margin: 0.5vh 1vh;
}

.pencere.sagyuzenliste > div:not(:first-child):not(:nth-child(2)):not(:last-child) {
    background-color: #ffffff;
    border-radius: 5px;
    color: var(--fckoyu);
    cursor: default;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    transition: padding var(--animasyonsuresi);
    position: relative
}

.pencere.sagyuzenliste > div.gorunuk {
    border: 1px solid #dcdcdc;
}

    .pencere.sagyuzenliste > div.gorunuk:not(:first-child):not(:nth-child(2)):not(:last-child),
    .pencere.sagyuzenliste > div:not(:first-child):not(:last-child).secik {
        height: auto;
        padding: 1vh;
        margin: 0.5vh 1vh 0 1vh;
    }

.pencere.sagyuzenliste > div:not(:first-child):not(:nth-child(2)):not(:last-child):hover,
.coklukutu > div.oluşuk:hover {
    background-color: #f1f1f1;
}

.pencere.sagyuzenliste:not(.renkli) > div.secik:not(:first-child):not(:last-child):hover {
    background-color: var(--a3);
}

.pencere.sagyuzenliste > div.gorunuk:empty {
    display: none;
}

.pencere.sagyuzenliste > div:not(:first-child):not(:last-child).secik,
.coklukutu > div.oluşuk.secik {
    background-color: var(--a1);
    border: 1px solid var(--a2);
}

.coklukutu > div.oluşuk.hatali {
    background: rgb(255 67 67 / 20%);
}

    .coklukutu > div.oluşuk.hatali.secik {
        background: rgb(255 67 67 / 35%);
        border-color: rgb(255 67 67 / 20%);
    }

.pencere.sagyuzenliste > div:not(:first-child):not(:last-child) > div.loading {
    background: #fff;
    position: absolute;
    top: 14vh;
    left: 0;
}

.pencere.sagyuzenliste > *:not(.mcbk) {
    padding: 1vh;
}

.pencere.sagyuzenliste:not([tamliste]) > div[yetkisiz],
.pencere.sagyuzenliste:not([tamliste]) > div[iptal] {
    display: none !important;
}

.pencere.sagyuzenliste.renkli > div:not(:first-child):not(:nth-child(2)):not(:last-child):hover {
    outline: 1px solid #444444;
    cursor: pointer;
}

.pencere.sagyuzenliste.renkli > div:not(:first-child):not(:last-child).secik {
    border: 1px solid transparent;
}

.pencere.sagyuzenliste.radio > div:not(:first-child):not(:last-child).secik {
    pointer-events: none;
}


    .pencere.sagyuzenliste.radio > div:not(:first-child):not(:last-child).secik:hover {
        outline: 0;
    }

.pencere.sagyuzenliste.renkli > div:not(:first-child):not(:last-child).secik:before {
    content: '\f00c';
    font-family: var(--fonticon);
    position: absolute;
    left: 1vh;
    font-size: var(--fs12);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 2vh);
    background: #00000070;
    padding: 0.5vh;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
}

.pencere.sagyuzenliste > div[aciklama]:after {
    content: attr(aciklama);
    color: #a0a0a0;
    font-size: var(--fs15);
    width: 100%;
    float: left;
    display: block;
}

input[type="range"] {
    -webkit-appearance: none;
    height: 2vh;
    background: #f9f9f9;
    outline: none;
    padding: 0;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    input[type="range"]:hover {
        opacity: 1;
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 3vh;
        height: 3vh;
        background: var(--a);
        cursor: pointer;
    }

    input[type="range"]::-moz-range-thumb {
        width: 3vh;
        height: 3vh;
        background: var(--a);
        cursor: pointer;
    }

div.mcbk {
    background: rgba(249,249,249,0.9);
    height: 5.5vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vh 0;
    margin-bottom: 1vh;
    cursor: default;
    box-shadow: #A0A0A0 0vw 0vw 0.05vw;
    position: sticky;
    top: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 3;
}

    div.mcbk:hover {
        background: rgba(249,249,249,1) !important;
    }

    div.mcbk > div:nth-child(2) {
        width: 70%;
    }

        div.mcbk > div:nth-child(2) > input {
            background: transparent;
            border: 0;
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            float: left;
            outline: 0;
        }

    div.mcbk > div:not(:nth-child(2)):not(:last-child) {
        font-family: var(--fonticon);
        font-size: var(--fs25);
        float: left;
        width: 8vmin;
        justify-content: center;
        align-items: center;
        color: var(--fckoyu);
        height: 100%;
        display: flex;
    }

        div.mcbk > div:not(:nth-child(2)):not(:last-child):hover {
            color: var(--b);
        }

.mcbk > div:last-child {
    position: absolute;
    top: 5.7vh;
    left: 1vh;
    z-index: 114;
    background: #fff;
    padding: 1vh;
    font-size: var(--fs17);
    border-radius: 5px;
    cursor: default;
    border: 1px solid #eaeaea;
    user-select: none;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    display: none;
    transition: width 0.2s,height 0.2s;
}

    .mcbk > div:last-child.acik {
        display: block;
    }

    .mcbk > div:last-child > ul > li.pasif {
        color: #cccccc;
        pointer-events: none;
    }

.coklukutu > div.oluşuk > div:last-child {
    display: none;
}

.coklukutu > div.oluşuk.secik > div:last-child {
    display: block;
}

.coklukutu > div.oluşuk > div:last-child:before {
    content: '\F057';
    font-family: var(--fonticon);
}

.coklukutu[type=sagyuzencombo] > .sagyuzencombo.ekle,
.coklukutu[type=button] > button.ekle,
.coklukutu[type=zetmenu] > .czmekle {
    color: var(--fckoyu);
    background: transparent;
    outline: 0;
    float: left;
    margin: 0.3vw;
    padding-top: 0.1vw;
    padding-bottom: 0.1vw;
    width: auto !important;
    height: auto !important;
}

    .coklukutu[type=sagyuzencombo] > .sagyuzencombo.ekle:hover,
    .coklukutu[type=button] > button.ekle:hover,
    .coklukutu[type=zetmenu] > .czmekle:hover {
        color: var(--a);
    }

    .coklukutu[type=button] > button.ekle:before {
        content: '\f055';
        font-family: var(--fonticon);
        font-size: var(--fs18);
    }

div.coklukutu:not([type="sagyuzencombo"]):not([type="zetmenu"]):not([checklist]):not([type="button"]):after {
    content: 'Veri Girişini Tamamlamak İçin Entera Basın';
    color: #cecece;
    position: absolute;
    right: 1%;
    bottom: 0.5vh;
    font-size: var(--fs11);
}

div.coklukutu[essiz='true']:not([type="sagyuzencombo"]):not([type="zetmenu"]):not([checklist]):not([type="button"]):after {
    content: 'Var Olan Değer Tekrar Eklenemez.';
    color: #ff4343;
}

label.acik {
    display: inline-block;
}

.modulmenu .sagyuzencombo.box {
    padding: 1.5vh;
}

    .modulmenu .sagyuzencombo.box:after {
        right: 7%;
    }

body input, body select {
    font-size: var(--fs17);
}

body > div {
    position: relative;
    margin: 0;
}

div.anamenu{
    width: 7.7vh;
    height: 100%;
    background: var(--b);
    float: left;
    overflow-x: hidden;
    z-index: 115;
    user-select: none;
    border-top-right-radius: 2vh;
    border-bottom-right-radius: 2vh;
}

div.anamenu {
    position: absolute;
}

body.menuacik > div.anamenu {
    width: var(--anamenu-width);
}

div.anamenu > div {
    color: var(--fcacik);
    cursor: default;
    position: relative;
    margin: 0.5vh 1vh;
    border-radius: 1.5vh;
    overflow: hidden;
}

    div.anamenu > div:hover {
        background: #47617b;
    }

    div.anamenu > div.menudugmesec {
        background-color: var(--b11);
    }

.anamenu .alt.menudugmesec {
    font-weight: bold;
}

div.anamenu > div > div:nth-child(3) {
    height: 0;
    overflow: hidden;
}

    div.anamenu > div > div:nth-child(3) > div > div:first-child,
    .anamenu .alt > div:nth-child(3) > .alt > div:first-child {
        width: 5.7vh;
        height: 5.7vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

div.anamenu > div:first-child {
    background: var(--b);
    position: fixed;
    width: 5.7vh;
    height: 5.7vh;
    overflow: hidden;
    z-index: 4;
    padding: 1vh;
    box-sizing: content-box;
    margin: 0;
}

    div.anamenu > div:first-child > div:first-child {
        font-size: 3.8vh;
        border-radius: 50%;
        background: var(--a);
        margin: 0 0.35vh;
        width: 5vh;
        height: 5vh;
    }


div.anamenu > div > div {
    align-items: center;
    display: flex;
    height: 5.7vh;
}

body:not(.menugrid) div.anamenu > div > div {
    transition: height 0.5s;
}


div.anamenu > div > div:nth-child(3) {
    display: block;
}

div.anamenu:hover > .altli.menudugmesec > div:nth-child(3),
.menuacik .anamenu > .altli.menudugmesec > div:nth-child(3) {
    height: auto;
}

div.anamenu > div > div:nth-child(3) > div > div,
div.anamenu .alt > div:nth-child(3) > div,
div.anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2) {
    align-items: center;
    display: flex;
    height: 5.7vh;
    position: static;
}

div.anamenu .alt > div:nth-child(3) {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    align-items: center;
}

div.anamenu .alt.menudugmesec > div:nth-child(3) {
    height: auto;
}

div.anamenu .alt > div:nth-child(3) > .alt {
    height: auto;
    display: block;
}

div.anamenu > div > div:first-child,
div.anamenu > div > div:nth-child(3) > div > div:first-child,
.alt > div:nth-child(3) > .alt > div:first-child {
    font-family: var(--fonticon);
    justify-content: center;
    width: 5.7vh;
    font-size: var(--fs22);
    float: left;
    position: relative;
}

div.anamenu > div > div:nth-child(2),
div.anamenu > div > div:nth-child(3) > div > div:nth-child(2) {
    position: relative;
    width: auto;
    text-overflow: clip;
    white-space: pre;
    justify-content: flex-start;
    font-size: var(--fs18);
}

div.anamenu > div:first-child > div:last-child {
    font-family: var(--fonticon);
    justify-content: center;
    width: 5.7vh;
    height: 5.7vh;
    font-size: var(--fs35);
    display: none;
}

.sagyuzencombo.le {
    background: unset;
    border: 0;
    padding: 0;
    margin: 0;
}

.sagyuzencombo[disabled] {
    pointer-events: none;
}

div.anamenu > #menu > img, #menu > :not(:last-child).nopadding > img {
    height: 3vh;
    padding: 1vh;
    padding-left: 0.8vw;
    padding-right: 0.8vw;
    margin: 0;
}

div.anamenu > #menu {
    position: relative;
    box-shadow: none;
    height: 5vh;
}

div.anamenu > .alt {
    display: none;
}

body.gorunum .icerikmenu > ul > li:not(#sfbaslik):not(#modulmenubtn) {
    border: 1px dashed #a0a0a0;
    pointer-events: none;
    box-sizing: border-box;
}


body.gorunum div#ayarmenu > ul > li:nth-child(2) {
    color: #ff4343;
}

#menu > :not(:last-child) {
    position: relative;
    height: 2.8vh;
}

    #menu > :not(:last-child).nopadding {
        height: 100%;
        padding: 0;
        width: auto;
    }

    #menu > :not(:last-child).fright, #menu > :not(:last-child) > .fright {
        float: right;
    }

    #menu > :not(:last-child).fleft, #menu > :not(:last-child) > .fleft {
        float: left;
    }

#menu > div:not(:last-child) {
    color: white;
    border-right: 0.1vw solid #336699;
    border-left: 0.1vw solid #336699;
    cursor: default;
    text-align: center;
    background-color: transparent;
    font-size: var(--fs27);
}

#arama {
    width: auto !important;
    min-width: 0 !important;
    background-color: #F9806A;
}

    #arama > input {
        transition: all 0.5s ease-in-out;
        width: 0;
        border-radius: 0;
        border: 0;
        height: 5vh;
        padding: 0;
    }

        #arama > input:focus,
        #arama > input:not([uzunluk='0']) {
            width: calc(28.625vw - 25vh);
            padding: 1.018518519vh;
            padding-left: 0.3vw;
            padding-right: 0.3vw;
        }

div.anamenu > div:not(.menudugmesec).gizli,
div.mliste > ul > li.gizli,
div.anamenu > div:empty {
    display: none !important;
}

#menu > div:not(:last-child):hover, #menu > img:hover {
    text-align: center;
    background-color: #3F7EBE;
}

div.anamenu > #menu > div:last-child {
    float: none;
    clear: both;
    width: 100%;
}

div.anablok {
    width: calc(100% - 7.7vh);
    position: relative;
    overflow: hidden;
    transition: width var(--animasyonsuresi),margin var(--animasyonsuresi);
    height: 100%;
    margin-left: 7.7vh;
    padding: 0 2vh;
    box-sizing: border-box;
}

div.ustmenu {
    width: 100%;
    height: 6.7vh;
    padding-bottom: 0.5vh;
    background: var(--bg1);
    z-index: 103;
    position: relative;
}

div.zetmenu {
    width: 0;
    height: 0;
    z-index: 116;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    transition: transform var(--animasyonsuresi);
    background: #fff;
    padding: 0;
}



    div.zetmenu > ul > li {
        width: 100%;
        height: 7.7vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: default;
        position: relative;
    }

    div.zetmenu > ul:nth-child(2) {
        font-size: var(--fs20);
        color: #444;
        display: grid;
        grid-template-columns: repeat(4,calc(25% - 1.125vh));
        padding: 0;
        box-sizing: border-box;
        grid-gap: 1.5vh;
        grid-template-rows: repeat(auto-fit,11vh);
        height: calc(100% - 7.7vh);
    }

        div.zetmenu > ul:nth-child(2) > li {
            width: 100%;
            height: 100%;
            background: var(--b05);
            color: var(--fckoyu);
            border-radius: 10px;
            flex-direction: column;
            text-align: center;
            padding: 1vh;
            box-sizing: border-box;
            cursor: pointer;
        }

            div.zetmenu > ul:nth-child(2) > li > div:first-child {
                height: auto;
                font-size: var(--fs18);
                margin-right: 0;
            }

            div.zetmenu > ul:nth-child(2) > li > div:nth-child(2) {
                font-size: var(--fs16);
            }

body.zmacik ul.modulmenu + div:before {
    content: '';
    position: fixed;
    top: 0;
    left: 7.7vh;
    width: 100%;
    height: 100vh;
    z-index: 104;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

div.zetmenu > ul:nth-child(2) > div.loading {
    position: absolute;
    width: calc(100% - 6vh);
    height: 50vh;
}

div.zetmenu > ul > li[baslik] {
    font-weight: bold;
    font-size: var(--fs20);
    justify-content: flex-start;
}

div.zetmenu > ul:nth-child(2) > li:hover {
    background: var(--b1);
}

div.zetmenu > ul:nth-child(2) > li:active {
    background: var(--b2);
}

div.zetmenu > ul:first-child > li:nth-child(2) {
    position: absolute;
    font-family: var(--fonticon);
    width: 4.45vh;
    height: 4.45vh;
    margin: 1.5vh;
    box-sizing: border-box;
    top: 0;
    right: calc(2vw - 1.5vh);
    font-size: var(--fs22);
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    div.zetmenu > ul:first-child > li:nth-child(2):hover {
        border-radius: 50%;
        box-shadow: 0px 0px 7px 2px #c1c1c169;
    }

div.zetmenu > ul:first-child > li:last-child, .icmen, .acilirsagmenu {
    position: absolute;
    right: 0;
    top: 5vh;
    margin-right: 9%;
    z-index: 114;
    background: #fff;
    padding: 1vh;
    font-size: var(--fs17);
    border-radius: 5px;
    cursor: default;
    border: 1px solid #eaeaea;
    user-select: none;
    width: 0;
    overflow: hidden;
    height: 0;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    display: none;
    transition: width 0.2s,height 0.2s;
}

div.zetmenu > ul:first-child > li.acik:last-child,
.acilirsagmenu {
    display: block;
    width: 17vh;
    height: auto;
}

    div.zetmenu > ul:first-child > li:last-child > ul,
    .mcbk > div:last-child > ul,
    .icmen > ul,
    .acilirsagmenu > ul {
        width: 100%;
    }

        div.zetmenu > ul:first-child > li:last-child > ul > li,
        .icmen > ul > li,
        .acilirsagmenu > ul > li {
            width: 88%;
            transition: all 0.5s;
            padding: 0 7% 0 7%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            border-bottom: 1px solid #f1f1f1;
            height: 3.5vh;
            border-radius: 5px;
        }

div.zetmenu > ul > li > div:first-child {
    font-family: var(--fonticon);
    margin-right: 1vh;
}

.mcbk > div:last-child > ul > li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #f1f1f1;
    height: 3.5vh;
    border-radius: 5px;
}

    div.zetmenu > ul:first-child > li:last-child > ul > li:hover,
    .mcbk > div:last-child > ul > li:hover,
    .icmen > ul > li:hover,
    .acilirsagmenu > ul > li:hover {
        background: #F3F3F3;
    }

div.zetmenu > ul:first-child > li:last-child > ul > li > div:first-child,
.icmen > ul > li > div:first-child,
.acilirsagmenu > ul > li > div:first-child {
    font-family: var(--fonticon);
    margin-right: 1vh;
    width: 3vh;
    text-align: center;
}

.mcbk > div:last-child > ul > li > div:first-child {
    font-family: var(--fonticon);
    margin-right: 0.5vh;
    width: 3vh;
    text-align: center;
}

.mcbk > div:last-child > ul > li > div:nth-child(2) {
    font-size: var(--fs17);
}

span.usrimgsp {
    width: 3vh;
    height: 3vh;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 0.5vh;
    float: left;
    font-weight: bold;
}

    span.usrimgsp > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        background: #ffffff;
        border-radius: 50%;
        overflow: hidden;
    }

    span.usrimgsp + span {
        height: 3vh;
        display: flex;
        align-items: center;
        color: var(--fckoyu);
    }

        span.usrimgsp + span + span {
            font-size: var(--fs15);
            color: #7f7f7f;
            text-align: right;
            position: relative;
            width: 100%;
            display: block;
            padding-bottom: 0.5vh;
            box-sizing: border-box;
        }

    span.usrimgsp:before {
        background: var(--b1);
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

div[valueic] > span.usrimgsp + span {
    justify-content: center;
}

span.usrimgsp:after {
    content: attr(BH);
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: var(--fs15);
    color: var(--b5);
    text-transform: uppercase;
}

div.zetmenu:not(.sil) > ul:nth-child(2) > li {
    -webkit-user-drag: element;
    user-select: none;
}

div.zetmenu > ul:nth-child(2) > li > div:first-child {
    width: 4vh;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--fonticon);
}

div.zetmenu.sil > ul:nth-child(2) > li > div:nth-child(3) {
    width: 2.5vh;
    height: 2.5vh;
    float: left;
    position: absolute;
    right: -0.5vh;
    top: -1vh;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

    div.zetmenu.sil > ul:nth-child(2) > li > div:nth-child(3):before {
        content: '\f068';
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-family: var(--fonticon);
        font-size: var(--fs17);
        background: transparent;
    }

div.zetmenu.sil li.silik > div:not(:last-child) {
    text-decoration: line-through;
}

div.zetmenu.sil > ul:nth-child(2) > li.silik > div:nth-child(3) {
    background: #339944;
}


    div.zetmenu.sil > ul:nth-child(2) > li.silik > div:nth-child(3):before {
        content: '\f01e';
    }

div.zetmenu.sil > ul:nth-child(2) > li:not(.silik) > div:nth-child(3) {
    background: #ff4343;
}

div.zetmenu > ul:nth-child(2) > li > div:nth-child(3):hover {
    transform: scale(1.2);
}

div.zetmenu > ul:nth-child(2) > li.drgen > div:last-child {
    width: 100%;
    border: 2px dashed #ff4343;
    position: absolute;
    height: 100%;
    box-sizing: border-box;
    border-radius: 10px;
}

div.zmedit {
    position: fixed;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 105;
    box-sizing: border-box;
    height: 100%;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    transition: transform var(--animasyonsuresi);
    overflow-x: hidden;
    overflow-y: auto;
    font-size: var(--fs20);
}

body.zmacik.zmedit .zmedit {
    padding: 0 2vh;
}

div.zmedit > ul > li {
    height: 0;
    overflow: hidden;
    transition: height .5s;
}

    div.zmedit > ul > li:nth-child(2) {
        padding-left: 3%;
    }

    div.zmedit > ul > li:first-child {
        width: 100%;
        height: 7.7vh;
        display: flex;
        padding: 2vh 1vh;
        align-items: center;
        overflow: hidden;
        cursor: default;
        font-weight: bold;
        border: 0;
        box-sizing: border-box;
    }

        div.zmedit > ul > li:first-child:after {
            content: '\f107';
            font-family: var(--fonticon);
            height: 100%;
            margin-left: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    div.zmedit > ul > li.sagyuzencombo:empty:before {
        content: 'Modül Seç';
        font-weight: normal;
    }

    div.zmedit > ul > li > div:first-child {
        float: left;
        margin-right: 2%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 5vh;
        width: 5vh;
        font-family: var(--fonticon);
        cursor: pointer;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    div.zmedit > ul > li > div:nth-child(2) {
        -webkit-user-modify: read-write;
        word-wrap: break-word;
        white-space: pre;
        -webkit-line-break: after-white-space;
        overflow: hidden;
        height: 3vh;
        border-bottom: 1px #F3F3F3 solid;
        padding: 1vh 0 1vh 0;
        outline: 0;
        transition: all 0.5s;
        cursor: text;
        position: relative;
        padding-right: 5vh;
        display: flex;
        align-items: center;
    }

        div.zmedit > ul > li > div:nth-child(2):focus {
            border-bottom: 1px #9dd7f9 solid;
        }

    div.zmedit > ul > li:nth-child(2) {
        margin-bottom: 3%;
        border: 1px solid #F3F3F3;
        border-top: 1px solid #F3F3F3;
        background: #f3f3f3;
        height: 5.7vh;
        border-radius: 10px;
    }

        div.zmedit > ul > li:nth-child(2) > div:first-child {
            float: right;
            cursor: default;
            font-size: var(--fs20);
            margin: 0 0 0 2%;
            height: 5.7vh;
        }

        div.zmedit > ul > li:nth-child(2) > div:last-child {
            border: 0;
            height: 3.7vh;
            -webkit-user-modify: read-only;
        }

        div.zmedit > ul > li:nth-child(2):focus {
            border-bottom: 1px #9dd7f9 solid;
            border-top: 1px #9dd7f9 solid;
            outline: 0;
        }

        div.zmedit > ul > li:nth-child(2) > div:nth-child(2) > input {
            height: 4vh;
            width: 100%;
            border: 0;
            outline: 0;
            padding: 0;
            background: transparent;
        }

        div.zmedit > ul > li:nth-child(2) > div:first-child:hover {
            color: #f9806a;
        }

    div.zmedit > ul > li.gorunuk {
        height: 5vh;
    }

    div.zmedit > ul > li:not(:first-child):not(:nth-child(2)):not(.ekleler) {
        display: none;
    }

    div.zmedit > ul > li.bankbel.gorunuk {
        display: block !important;
    }

    div.zmedit > ul > li.bankbel.ekleler.gorunuk,
    div.zmedit > ul > li.bankbel.kapat.gorunuk {
        display: none !important;
    }

    div.zmedit > ul > li:not(:first-child):not(:nth-child(2)) > div:nth-child(2):after {
        content: '\f067';
        font-family: var(--fonticon);
        color: #a0a0a0;
        background: #fff;
        position: absolute;
        border: 1px solid #a0a0a0;
        border-radius: 50%;
        font-size: var(--fs17);
        width: 2.8vh;
        height: 2.8vh;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 1vh;
        top: 1.25vh;
        cursor: pointer;
    }

    div.zmedit > ul > li:hover:not(:first-child):not(:nth-child(2)) > div:nth-child(2):after {
        background: #394;
        color: #fff;
        border-color: #394;
    }

div.zmedit > ul:after {
    content: 'Eklemek istediğiniz seçeneğe çift tıklayın.';
    font-family: var(--font);
    font-style: italic;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    font-size: var(--fs13);
    padding: 2vh 1vh;
    z-index: 3;
    display: block;
}

div.zmedit > ul > li.gorunuk:not(:first-child):not(:nth-child(2)) {
    border-bottom: 1px solid #eee;
}

.pencere.mdzetm.sagyuzenliste:not(.sag) {
    transform: translateX(-100vmax);
    top: 0;
    width: 0;
    padding: 0;
    height: 100%;
    box-shadow: #ffffff 0vw 0vw 0vw;
    z-index: 105;
}

body.zmacik .pencere.sagyuzenliste.mdzetm:not(.sag) {
    width: 23.75%;
    padding: 1vh;
}

    body.zmacik .pencere.sagyuzenliste.mdzetm:not(.sag).acik {
        transform: translateX(37vw);
    }

.pencere.sagyuzenliste.mdzetm:not(.sag) > div:first-child {
    width: 0;
}

body.zmacik .pencere.sagyuzenliste.mdzetm:not(.sag) > div:first-child {
    width: 24vw;
    height: 8vh;
    top: 0;
}

.menuacik div.anamenu > div:not(:first-child) > div:nth-last-child(3) + div:after,
div.anamenu:hover > div:not(:first-child) > div:nth-last-child(3) + div:after,
div.anamenu:hover div.alt > div:nth-last-child(3) + div:after,
.menuacik div.anamenu div.alt > div:nth-last-child(3) + div:after {
    content: '\f105';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.7vh;
    height: 5.7vh;
    top: 0;
    right: 0;
    font-family: var(--fonticon);
    font-size: var(--fs25);
    transition: transform var(--animasyonsuresi);
}

.menuacik div.anamenu div.altli.menudugmesec > div:nth-child(2):after,
div.anamenu:hover div.altli.menudugmesec > div:nth-child(2):after {
    transform: rotate(90deg);
}

div.anamenu .alt {
    position: relative;
}

li > div.sagyuzencombo {
    background: transparent;
    border: 0;
    padding: 0;
}

li.oturumbuton {
    display: none;
}

li.kinfo > div:first-child:before {
    content: '\f2bd';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fonticon);
    font-size: var(--fs30);
    position: absolute;
    z-index: -1;
}

@media screen and (orientation: Portrait) {
    div.anamenu {
        width: 0;
        transition: unset;
    }

    li.kinfo > div:first-child:before {
        content: '\f007';
        font-size: var(--fs25);
        background: #f3f3f3;
        color: var(--b5);
        height: 5vh !important;
        border-radius: 50%;
    }

    div.anamenu {
        background: transparent;
        background-size: cover !important;
    }

    /*.menuacik .anamenu:before,*/
    body.menuacik:before,
    .menugrid.menuacik div.anamenu div.menudugmesec > div:nth-child(3):before {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(28,53,94,0.5), rgba(0,0,0,0.7));
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(5px);
        content: '';
        z-index: 20;
    }

    .menuacik .anamenu:after {
        content: '';
        width: 100%;
        height: 7.4vh;
        background: #4c4c4c;
        position: fixed;
        bottom: 0;
        left: 0;
        box-shadow: 0 0.5vh 0.5vh 0.5vh rgba(0,0,0,.25);
        z-index: 3;
    }

    div.anablok {
        width: 100%;
        margin: 0;
        padding: 0;
        transition: unset;
    }

    body.menuacik.zmacik div.zetmenu {
        height: 100%;
    }


    div.zetmenu {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 0 3vh;
    }

    body.menuacik.zmacik.zmedit .zmedit {
        width: 100%;
        left: 0;
    }

    div.zmedit {
        top: 0;
        width: 100%;
        height: 40vh;
        transform: translateY(-100vmax);
        z-index: 116;
    }

    body.zmacik.zmedit div.zmedit {
        transform: translateY(0);
    }

    body.zmacik .pencere.mdzetm.sagyuzenliste {
        transform: translateY(100vmax) !important;
        width: 100% !important;
        margin: 0;
        z-index: 117;
        box-sizing: border-box;
    }

        body.zmacik .pencere.mdzetm.sagyuzenliste.acik {
            transform: translateY(0) !important;
        }

            body.zmacik .pencere.mdzetm.sagyuzenliste.acik + div.bgfiltre {
                z-index: 116 !important;
            }

    .pencere.mdzetm.sagyuzenliste {
        z-index: 105;
        top: 7.7vh;
    }

    body.zmacik .pencere.sagyuzenliste.mdzetm > div:first-child {
        width: 100%;
    }

    .kisayol {
        display: none;
    }

    div.fuzun > div:first-child,
    div.fisa > div:first-child,
    div.fserbest > div:first-child {
        width: 100%;
    }

    div.fuzun > * {
        width: 100%;
    }

    div.fisa > div {
        width: calc(50% - 4px);
        font-size: var(--fs20);
    }

    div.fuzun > div:nth-child(2) {
        font-size: var(--fs20);
    }

    div.fuzun > div.sagyuzencombo {
        width: 100%;
    }

    .fisa .sagyuzencombo.box {
        width: 50% !important;
    }

    div.fserbest > div:nth-child(even) {
        width: 100%;
        height: 10vh;
    }
}

ul {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    color: var(--fckoyu);
}

div.ustmenu > ul > li {
    font-family: var(--fonticon);
}

    div.ustmenu > ul > li.zright {
        float: right;
        background: transparent;
        font-size: var(--fs28);
        position: relative;
    }

    div.ustmenu > ul > li.zleft {
        float: left;
    }

.buton1 {
    width: 5vh;
    height: 6.7vh;
    background-color: var(--beyazt);
    color: var(--fckoyu);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fonticon);
}

    .buton1:hover {
        color: var(--b8);
    }

#gecmismenub:before {
    content: "\f005";
}

#bildirimmenub:before {
    content: "\f0f3";
}

#mesajmenub {
    display: none;
}

    #mesajmenub:before {
        content: "\f086";
    }

#ayarmenub:before {
    content: "\f013";
}

li.oturumbuton:before {
    content: "\f2bd";
}

#hizlierisimb:before {
    content: "\f197";
}

#hizlierisimb {
    display: none;
}

#fullekran {
    float: left;
}

    #fullekran:before {
        content: "\f060";
    }

#fullekran_yeni {
    display: none;
}

#pin {
    float: left;
    margin-left: 1.5vh;
}

    #pin:before {
        content: "\f08d";
        transition: transform var(--animasyonsuresi);
    }

#sepetmenub:before {
    content: "\f07a";
}

body.menuacik #pin:before {
    transform: rotate(45deg);
}

div.icerikmenu {
    width: 100%;
    height: 6.7vh;
    background: var(--bg2);
    z-index: 100;
    position: relative;
    display: flex;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    border-radius: 1vh;
}

    div.icerikmenu > ul {
        overflow: hidden;
        flex-shrink: 0;
    }

body:not([izahat="0"]) .icerikmenu > ul > li.listesec > div:nth-child(2) {
    width: 12vh;
}

    body:not([izahat="0"]) .icerikmenu > ul > li.listesec > div:nth-child(2) > span:first-child:before,
    body:not([izahat="0"]) .modulmenu > li.listesec > div:nth-child(2) > span:first-child:before {
        content: 'Belge Başlık';
        position: absolute;
        background: #fff;
        width: calc(100% - 2vh);
        font-size: var(--fs20);
        display: flex;
        align-items: center;
    }

body:not([izahat="0"]) .modulmenu > li.listesec:hover > div:nth-child(2) > span:first-child:before {
    background: var(--b05);
}

body:not([izahat="0"]) .modulmenu > li.listesec > div:nth-child(2) > span:first-child:before {
    font-size: var(--fs18);
    width: calc(100% - 18.7vh);
}

body:not([izahat="0"]) .modulmenu > li.listesec > div:nth-child(2) > span:first-child:hover:before {
    background-color: var(--b05);
}

#sepetmenub[sayi]:not(:hover):after {
    position: absolute;
    color: #ffffff;
    font-size: var(--fs11);
    cursor: default;
    background: var(--a);
    border-radius: 50%;
    width: 2.2vh;
    height: 2.2vh;
    bottom: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1vh -1.2vh 0 1vh;
    font-weight: bold;
    content: attr(sayi);
    font-family: var(--font);
}

#sepetmenub[sayi].ekle:after {
    background: var(--c);
    content: '\2b';
    font-family: var(--fonticon);
}

body:not(.menuacik) #sepetmenub[sayi='0']:not(:hover):after {
    visibility: hidden;
}

@keyframes sepet {
    from {
        transform: scale(1.5);
    }

    to {
        transform: scale(1);
    }
}

#sepetmenub.eklendi:after {
    animation: sepet 1s;
    background: var(--c) !important;
}

.filtmenu > ul > li.filtre:not(.gera).acik {
    position: static;
}

    .filtmenu > ul > li.filtre:not(.gera).acik > div:nth-child(2):after {
        content: '\f00d';
        font-family: var(--fonticon);
        float: right;
        margin: 0.25vh 0 0 0.5vh;
        color: var(--e);
    }

.filtmenu > ul > li.filtre:not(.gera) > div:nth-child(3) {
    display: none;
}

.filtmenu > ul > li.filtre:not(.gera).acik > div:nth-child(3) {
    display: block;
    position: absolute;
    top: 4.7vh;
    padding: 1vh;
    background: #fff;
    border-radius: 0;
    z-index: 1;
    font-size: var(--fs20);
    box-shadow: #A0A0A0 0vw 0vw 0.2vw;
    z-index: 4;
}

.icerikmenu input.kismu {
    display: none;
}

.ylist {
    position: relative;
    min-height: 5vh;
    background: #fff;
    margin: 1vh;
    border-radius: 15px;
    box-shadow: 0 1px 1px -2px rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
}

    .ylist > a {
        color: #444;
        text-decoration: none;
        display: flex;
        align-items: center;
        padding: 1.5vh;
        font-size: var(--fs20);
        box-sizing: border-box;
    }

    .ylist:hover {
        box-shadow: 0 3px 3px -2px rgba(0,0,0,.14), 0 3px 5px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    }

#modulmenubtn {
    background: transparent;
}

    #modulmenubtn:before {
        font-size: var(--fs25);
        content: "\f0c9";
    }

#sfbaslik,
.alticerikmenu > div:nth-child(2),
.disk > div:first-child > div:nth-child(2) {
    width: auto;
    height: 6.7vh;
    color: var(--fckoyu);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs17);
    float: left;
    margin: 0 3vh 0 0;
    transition: margin var(--animasyonsuresi);
    user-select: none;
    font-weight: bold;
}

.disk > div:first-child > div:nth-child(2) {
    height: auto;
    font-weight: normal;
}

#sfbaslik {
    background-color: var(--beyazt);
}


    #sfbaslik:after {
        content: '\f078';
        font-family: var(--fonticon);
        margin-left: 1vh;
        color: var(--fckoyu);
        font-size: var(--fs13);
    }

    #sfbaslik:hover:after {
        transform: scale(1.4);
    }

.modulmenu {
    transition: all var(--animasyonsuresi);
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
    float: left;
    box-shadow: #00000054 0vw 0vw 0.5vw;
    font-size: var(--fs18);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 104;
}

    .modulmenu > li {
        height: 0;
        width: 38.5vh;
        border-bottom: 0;
        padding: 0 1.5vh 0 1.5vh;
        position: relative;
        cursor: default;
        overflow: hidden;
        color: var(--fckoyu);
        transition: transform 0.5s;
        transform: translateX(-100%);
    }

    .modulmenu > :not(li) {
        display: none;
    }


    .modulmenu:before {
        content: 'Tüm İşlemler';
        text-align: left;
        font-weight: bold;
        width: 100%;
        padding: 3vh;
        box-sizing: border-box;
        font-size: var(--fs25);
        border-bottom: 1px solid #eee;
        display: block;
        position: relative;
        white-space: pre;
    }

    .modulmenu.filtre:before {
        content: 'Filtreler';
    }

    .modulmenu.ekleler:before {
        content: 'Yeni Belge Ekle';
    }

    .modulmenu.secler:before {
        content: 'Kayıtlı Listeler';
    }

    .modulmenu.beller:before {
        content: 'Belge İşlemleri';
    }

    .modulmenu.paylar:before {
        content: 'Paylaşım Seçenekleri';
    }

    .modulmenu.dizayn:before {
        content: 'Dizayn Seçiniz';
    }

    .modulmenu.odler:before {
        content: 'Ödeme Seçenekleri';
    }


    .modulmenu.modulmenuacik > [modul~='h'] {
        min-height: 6vh;
        transform: translateX(0);
        overflow: visible;
        border-bottom: 1px solid var(--b05);
    }

    .modulmenu > li > div:nth-child(2):is([kisayollu],[menulu]) {
        justify-content: space-between;
    }

    .modulmenu > li > div[kisayollu] > span:nth-child(2) {
        font-size: var(--fs11);
        padding: 0.5vh;
        background: var(--b05);
        border: 1px solid var(--b1);
        border-radius: 10px;
        color: var(--b7);
    }

    .modulmenu > li:hover > div:is([kisayollu],[menulu]) > span:nth-child(2) {
        background: #fff;
    }

.icerikmenu > ul > li > div:nth-child(2):is([kisayollu],[menulu]) > span:nth-child(2) {
    display: none;
}

.modulmenu.dragstart > li.secler:not([draggable="true"]) {
    opacity: 0.5;
    pointer-events: none;
}

.modulmenu > li > div[menulu] > span:nth-child(2) {
    font-family: var(--fonticon);
    width: 2vh;
    height: 2vh;
    padding: 0.5vh;
    text-align: center;
    color: var(--b7);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.modulmenu > li.sabitlist > div[menulu] > span:nth-child(2){
    display:none;
}

/*.modulmenu > li.secler.varsec > div[menulu] > span:first-child:empty:before {
    content: 'Varsayılan Liste';
}*/

.modulmenu > li.secler.dropping {
    border-bottom: 2px dashed var(--f) !important;
}

.modulmenu > li > div[menulu] > span:nth-child(2):before {
    content: '\f141';
}


.modulmenu > li.dragging > div[menulu] > span:nth-child(2):before {
    content: '\f338';
}


.modulmenu > li > div[menulu] > span:nth-child(2):hover {
    color: var(--fckoyu);
    background: #ffffff;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
}

.modulmenu.secler > li:not(.sabitlist) > div:first-child:empty:after {
    content: '\f0c7';
    position: absolute;
    font-size: var(--fs12);
    background: var(--d);
    color: #fff;
    width: 1.8vh;
    height: 1.8vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translate(1vh, 0.7vh);
}

.modulmenu > li.load,
.icerikmenu > ul > li.load {
    pointer-events: none;
}


body[izahat='0'] .icerikmenu > ul > li[kizahat~='i0'],
body[izahat=''] .icerikmenu > ul > li[kizahat~='i0'] {
    display: none;
}

.icerikmenu > ul > li[checked='true'],
.modulmenu > li[checked='true'] {
    color: var(--e);
}

li.kdvdh[checked='true'] > div:nth-child(2):after {
    content: 'Dahil';
    margin-left: 3px;
}

li.kdvdh[checked='false'] > div:nth-child(2):after {
    content: 'Hariç';
    margin-left: 3px;
}

.modulmenu:not(.dizayn) > li.dizayn,
.modulmenu.dizayn > li:not(.dizayn),
.modulmenu:not(.paylar) > li.paylar,
.modulmenu.paylar > li:not(.paylar):not(.farklilar):not(.aslar),
.modulmenu:not(.odler) > li.odler,
.modulmenu.odler > li:not(.odler),
.modulmenu:not(.filtre) > li.filtre,
.modulmenu.filtre > li:not(.filtre),
.modulmenu:not(.secler) > li.secler,
.modulmenu.secler > li:not(.secler),
.modulmenu:not(.ekleler) > li.ekleler,
.modulmenu.ekleler > li:not(.ekleler):not(.cekle):not(.cdevir):not(.bank):not(.bankbel),
.modulmenu:not(.cekle) > li.cekle,
.modulmenu.cekle > li:not(.cekle):not(.cdevir),
body.menugrid .modulmenu:not(.cdevir) > li.cdevir,
body.menugrid .modulmenu.cdevir > li:not(.cdevir),
.modulmenu.bank > li:not(.bank):not(.ekleler),
.modulmenu:not(.filtre) > li.filtre,
.modulmenu.filtre > li:not(.filtre),
.modulmenu.stktanim > li:not(.stktanlar),
.modulmenu:not(.stktanim) > li.stktanlar,
.modulmenu:not(.beller) > li.beller,
.modulmenu.beller > li:not(.beller),
.modulmenu:not(.farklilar) > li.farklilar,
.modulmenu.farklilar > li:not(.farklilar):not(.dizayn),
.modulmenu:not(.aslar) > li.aslar,
.modulmenu.aslar > li:not(.aslar):not(.dizayn),
body[izahat='0'] .modulmenu > li[kizahat~='i0'] {
    min-height: unset !important;
    transform: translateX(-100%) !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/*MENUGRİD DOĞUKAN*/
body.menugrid .modulmenu:not(.dizayn) > li.dizayn,
body.menugrid .modulmenu.dizayn > li:not(.dizayn),
body.menugrid .modulmenu:not(.paylar) > li.paylar,
body.menugrid .modulmenu.paylar > li:not(.paylar):not(.farklilar):not(.aslar),
body.menugrid .modulmenu:not(.odler) > li.odler,
body.menugrid .modulmenu.odler > li:not(.odler),
body.menugrid .modulmenu:not(.filtre) > li.filtre,
body.menugrid .modulmenu.filtre > li:not(.filtre),
body.menugrid .modulmenu:not(.secler) > li.secler,
body.menugrid .modulmenu.secler > li:not(.secler),
body.menugrid .modulmenu:not(.ekleler) > li.ekleler,
body.menugrid .modulmenu.ekleler > li:not(.ekleler):not(.cekle):not(.cdevir):not(.bank):not(.bankbel),
body.menugrid .modulmenu:not(.cekle) > li.cekle,
body.menugrid .modulmenu.cekle > li:not(.cekle):not(.cdevir),
body.menugrid .modulmenu:not(.cdevir) > li.cdevir,
body.menugrid .modulmenu.cdevir > li:not(.cdevir),
body.menugrid .modulmenu:not(.bank) > li.bank,
body.menugrid .modulmenu.bank > li:not(.bank),
body.menugrid .modulmenu:not(.filtre) > li.filtre,
body.menugrid .modulmenu.filtre > li:not(.filtre),
body.menugrid .modulmenu.stktanim > li:not(.stktanlar),
body.menugrid .modulmenu:not(.stktanim) > li.stktanlar,
body.menugrid .modulmenu:not(.beller) > li.beller,
body.menugrid .modulmenu.beller > li:not(.beller),
body.menugrid .modulmenu:not(.farklilar) > li.farklilar,
body.menugrid .modulmenu.farklilar > li:not(.farklilar):not(.dizayn),
body.menugrid .modulmenu:not(.aslar) > li.aslar,
body.menugrid .modulmenu.aslar > li:not(.aslar):not(.dizayn),
body.menugrid[izahat='0'] .modulmenu > li[kizahat~='i0'] {
    display: none;
}

.icerikmenu > ul > li {
    width: 5.7vh;
    height: 5.7vh;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d1f22;
    cursor: default;
    margin: 0.5vh 0.25vh;
    position: relative;
    user-select: none;
    background: var(--b05);
    border-radius: 1vh;
}

body:not([izahat="0"]):not([izahat="-100"]):not([izahat="-101"]):not([izahat="-102"]):not([izahat="-112"]):not([izahat="-136"]) .icerikmenu li.filtreler {
    display: none;
}

.icerikmenu > ul > li > div:nth-child(2) {
    font-size: var(--fs13);
    text-align: center;
}

.icerikmenu > ul > li:not(:hover) > div:nth-child(2) {
    white-space: pre;
    width: 100%;
    padding: 0.3vh 0.5vh 0 0.5vh;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icerikmenu > ul > li:nth-child(2):not(:hover) > div:nth-child(2) {
    display: none;
}


.icerikmenu > ul > li:not(#sfbaslik):not(:nth-child(2)) {
    flex-direction: column;
}

.icerikmenu > ul > li.listesec {
    display: none;
}

.modulmenu > li[disabled],
.icerikmenu > ul > li[disabled]{
    pointer-events:none;
    opacity:0.5;
}

.modulmenu > li:hover {
    background-color: var(--b05);
}

.modulmenuacik {
    width: 41.5vh;
    overflow-y: auto;
}

.icerikmenu > ul > li > div:first-child,
.modulmenu > li > div:first-child {
    font-family: var(--fonticon);
}

.icerikmenu > ul > li > div:first-child {
    font-size: var(--fs20);
}

.icerikmenu > ul > li:not(.load) > div:first-child {
    position: relative;
}

.modulmenu > li > div:first-child {
    font-size: var(--fs25);
}

.icerikmenu > ul > li:active > div:first-child,
.modulmenu > li:active > div:first-child {
    color: #000000;
}


.filtmenu > ul > li > div:first-child {
    font-size: var(--fs20);
    font-family: var(--fonticon);
    margin-right: 1vh;
}

.modulmenu > li > div:first-child {
    padding-right: 0.5vmax;
    float: left;
}

    .icerikmenu > ul > li > div:first-child:empty:before,
    .modulmenu > li > div:first-child:empty:before {
        content: '-';
    }

.filtmenu > ul > li > div:first-child:empty:before {
    content: '-';
}

.modulmenu.secler > li > div:first-child:empty:before {
    font-family: var(--fonticon);
    content: '\f0ca';
}

.modulmenu.secler > li.acik > div:first-child:before {
    font-size: var(--fs20);
    content: '\f324';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modulmenu.secler > li:hover.acik > div:first-child:before {
    background: var(--b05);
}

.icerikmenu > ul > li.dizayn > div:first-child:empty:before,
.modulmenu > li.dizayn > div:first-child:empty:before {
    content: '\f15c';
}

.modulmenu > li.secler.vars > div:first-child:after {
    content: '\f00c';
    position: absolute;
    width: 1.5vh;
    height: 1.5vh;
    border-radius: 50%;
    background: var(--c);
    color: #fff;
    font-size: var(--fs13);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0.7vh, 0.7vh);
}

zet-menu[list="zet-menulist#lsecmenu"].vars > ul > li:nth-child(2),
zet-menu[list="zet-menulist#lsecmenu"].sabitlist > ul > li:nth-child(4) {
    pointer-events: none;
    opacity: 0.5;
}

.modulmenu.secler > li.acik > div {
    color: var(--a);
}

#sondur {
    display: none;
}

#icerik {
    background-color: #FFFFFF;
    clear: both;
    position: relative;
    overflow: hidden;
    margin: 6vh 0 0 0;
    height: 78.56vh;
    padding: 1vh;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    border-radius: 10px;
}

    #icerik > div,
    #icerik > form > div {
        position: relative;
        overflow: hidden;
        margin: 0;
        float: left;
    }

div#icerik:empty:before {
    content: 'İçerik Bulunamadı';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #A0A0A0;
    font-size: var(--fs30);
}

#belgefooter {
    background: #ffffff;
}

li.sil.ecek > div {
    color: #ff4343;
}

    li.sil.ecek > div:first-child {
        font-size: var(--fs50);
    }

.modulmenu > .filtre {
    transition: transform 0.5s;
}

body:not(.gorunum) .modulmenu.filtre > li.filtre.acik:not(.filtrekapat) {
    max-height: 35vh;
    overflow: auto;
    padding-bottom: 2vh;
    height: auto;
}

.filtrekapat.filtre > div:nth-child(2) {
    float: left;
}

.modulmenu > li > div:not(:nth-child(3)) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-height: 6vh;
    height: 6vh;
    user-select: none;
}

.gorunum .modulmenu > li > div:not(:nth-child(3)) {
    float: left;
}

.modulmenu > li > div:first-child {
    position:relative;
    width: 6vh;
    justify-content: center;
}

.modulmenu > .filtre > div:nth-child(3):not(.filtretemizle) {
    display: none;
}

body:not(.gorunum) .modulmenu > .filtre.acik > div:nth-child(3) {
    display: block;
}

.modulmenu > .filtre.uzun > div:not(:nth-child(3)) {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 2;
}

.modulmenu > .filtre.uzun:hover > div:not(:nth-child(3)) {
    background-color: #F9F9F9;
}

.modulmenu > .filtre > .filtretemizle {
    font-family: var(--fonticon);
    position: absolute;
    width: 6vh;
    height: 6vh;
    font-size: var(--fs25);
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1vh 0 1vh;
    border-left: #f0f0f0 0.1vh solid;
    border-top: #f0f0f0 0.1vh solid;
}

    .modulmenu > .filtre > .filtretemizle:hover {
        background-color: #f0f0f0;
    }

.gorunum .modulmenu > .filtre > .filtretemizle {
    display: none;
}

.modulmenu > .filtre > div:nth-child(3) > input {
    width: 100%;
    margin-bottom: 1vh;
}

.modulmenu > .filtre > div:nth-child(3) > input {
    width: 100%;
    margin-bottom: 1vh;
}

.modulmenu > .filtre > div:nth-child(3) > div.resmetin {
    border: 1px solid #a0a0a0;
    border-radius: var(--inputborderradius);
    height: 5vh;
    position: relative;
}


    .modulmenu > .filtre > div:nth-child(3) > div.resmetin:before {
        z-index: 2;
        width: 3vh;
    }

    .modulmenu > .filtre > div:nth-child(3) > div.resmetin > input {
        width: calc(100% - 5vh);
        height: 100%;
    }

.modulmenu > .filtre > div:nth-child(3) > .coklukutu {
    overflow: hidden;
}

.modulmenu li.filtre.tarih:not(.acik):after {
    display: flex;
    height: 100%;
    align-items: center;
}

.filtmenu li.filtre.tarih:not(.acik):after {
    font-size: var(--fs15);
    line-height: 1.1;
}

li.filtre.tarih:not(.acik):after {
    content: attr(deftitle);
    content: attr(title);
    width: 14ch;
}

li.filtre.tarih:not(.acik) > div:nth-child(2) {
    display: none;
}

body:not(.gorunum) .modulmenu > li > input.kismu,
body:not(.gorunum) .icerikmenu > ul > li > input.kismu,
.filtmenu > ul > li > input.kismu {
    display: none;
}

.gorunum .modulmenu > li > input.kismu {
    display: block;
    position: absolute;
    left: 89%;
    z-index: 1;
    height: 5.2vh;
    width: 2.5vh;
    top: 0;
}

.filtmenu > ul > .gera > div:nth-child(3) {
    display: none;
    margin: 0 1vh 0 1vh;
}

.filtmenu > ul > .gera.acik > div:nth-child(3) {
    display: block;
    margin: 0;
    width: 18vh;
}

    .filtmenu > ul > .gera.acik > div:nth-child(3) > input {
        height: 3vh;
        border: 0;
        outline: 0;
        font-size: var(--fs18);
        padding: 0;
        background: transparent;
    }

.filtmenu > ul > .gera.acik {
    display: flex;
}

    .filtmenu > ul > .gera.acik > div:nth-child(2) {
        display: none;
    }


li.filtre.gera {
    position: relative;
}

.filtmenu > ul > li.filtre.gera > div:nth-child(2) {
    color: var(--b5);
}

.gera zet-boku {
    width: 4vh;
    height: 100%;
    position: absolute;
    right: 0;
    font-size: var(--fs17);
    color: var(--fckoyu);
    background: var(--b05);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .gera zet-boku:focus,
    .gera zet-boku:hover {
        color: var(--fckoyu);
        font-size: var(--fs20);
    }


.filtmenu > ul > li.filtrele {
    background: var(--a);
    color: #fff;
    border-color: var(--a);
    border-radius: 6px;
    position: sticky;
    right: 0;
}

    .filtmenu > ul > li.filtrele:before {
        content: '\f0b0';
        font-family: var(--fonticon);
        margin-right: 0.5vh;
    }



.filtmenu > ul > li:not(.filtrele):hover {
    border-color: var(--b4);
}

.filtmenu > ul > li.filtrele:hover {
    background: var(--a11);
}

.icerikmenu > ul > .gera.acik > div:first-child {
    color: #F9806A;
}

.icerikmenu > ul > .filtreler:before,
.modulmenu > .filtre > .filtretemizle:before {
    color: var(--d11);
    font-family: var(--font);
    font-size: var(--fs18);
    display: flex;
    justify-content: flex-end;
    z-index: 2;
    height: 2.5vh;
    max-width: 3vh;
    padding: 0;
    margin: 0 0 0 1.4vw;
    position: absolute;
    font-weight: bold;
}

.icerikmenu > ul > li.filtreler:hover:before {
    padding-top: 2vh;
}

.icerikmenu > ul > li.secler.baslik {
    display: none;
}

.modulmenu > .filtre.etkin > div:first-child,
.filtmenu > .filtre.etkin > div:first-child {
    color: var(--d11);
}

.modulmenu > .filtre > .filtretemizle:before {
    margin: 1.5vh 0 0 4.4vh !important;
}

div.formsayfasi {
    display: none;
}

div.aktifformsayfa {
    display: block;
}

#icerikaraci {
    position: absolute;
    bottom: 0;
    width: 99vw;
    padding: 0.5vw;
    border-top: 1px solid #888;
    text-align: center;
}

    #icerikaraci > button {
        padding: 0.5vw;
        font-size: 1.5vw;
        margin: 0.5vw;
    }

    #icerikaraci > #onceki:before {
        content: '\f04a\2000';
        font-family: var(--fonticon);
    }


    #icerikaraci > #sonraki:after {
        content: '\2000\f04e';
        font-family: var(--fonticon);
    }

.filtmenu {
    position: absolute;
    width: calc(75% - 4vh);
    height: 6vh;
    margin: 0 1vh;
    display: none;
    align-items: center;
}

    .filtmenu > ul {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        white-space: pre;
    }

        .filtmenu > ul > li {
            display: flex;
            align-items: center;
            font-size: var(--fs16);
            float: left;
            padding: 0 1vh;
            margin: 1.15vh 0.5vh;
            width: auto;
            border: 1px solid var(--b1);
            user-select: none;
            cursor: default;
            background: var(--b05);
            height: 3.7vh;
            border-radius: 6px;
        }

            .filtmenu > ul > li.tarih {
                white-space: normal;
            }

/*Modülmenü style*/
body.penbelge .modulmenu {
    z-index: 118;
    top: 0;
    height: 100%;
}

body.penbelge .modulmenu {
    position: fixed;
    z-index: 123;
    background: #fff;
    padding: 1vh;
    font-size: var(--fs17);
    border-radius: 5px;
    cursor: default;
    border: 1px solid #eaeaea;
    user-select: none;
    width: 0;
    overflow: initial;
    height: 0;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    display: none;
    transition: width 0.2s,height 0.2s;
}

    body.penbelge .modulmenu:before {
        font-size: var(--fs17);
        padding: 1vh;
    }

    body.penbelge .modulmenu.modulmenuacik {
        display: block;
        width: 21vh;
        height: auto;
        padding: 1vh;
        top: 9vh;
        overflow: hidden;
        transform: translate(1vh, 1vh);
    }

body.penbelge .modulmenu {
    left: var(--ismenuleft);
}


    body.penbelge .modulmenu > li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #f1f1f1;
        height: 3.5vh;
        border-radius: 5px;
        min-height: unset !important;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

        body.penbelge .modulmenu > li > div:first-child {
            font-family: var(--fonticon);
            margin-right: 0.5vh;
            width: 3vh;
            height: 3.5vh;
            font-size: var(--fs17);
            text-align: center;
        }

        body.penbelge .modulmenu > li > div:nth-child(2) {
            height: 3.5vh;
            font-size: var(--fs17);
            width: calc(100% - 3.5vh - 0.5vmax);
        }

            body.penbelge .modulmenu > li > div:nth-child(2)[kisayollu] > span:nth-child(2) {
                margin-right: 0.5vh;
            }

    body.penbelge .modulmenu.dizayn > li.dizayn.dizaynekbtn {
        margin-top: 0;
        width: 2.5vh;
        border: 0;
        height: 3.4vh !important;
        border-radius: var(--inputborderradius);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        body.penbelge .modulmenu.dizayn > li.dizayn.dizaynekbtn > div:nth-child(2) {
            display: none;
        }

/*Modülmenü Style bitiş*/


.pencere.icbildirim {
    transition: transform 0.3s;
    bottom: 2vh;
    transform: translateX(100vmax);
    min-height: 13vh;
    width: 19vw;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(0,0,0,0.8);
    color: #d2d2d2;
    font-size: var(--fs19);
    z-index: 130;
    top: unset;
    height: auto;
    padding: 0.6770833333vw;
}



    .pencere.icbildirim.acik {
        transform: translateX(78.5vmax);
    }

    .pencere.icbildirim > div:first-child {
        width: 4vh;
        height: 4vh;
    }

        .pencere.icbildirim > div:first-child > img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }


    .pencere.icbildirim > div {
        float: left;
    }

        .pencere.icbildirim > div:nth-child(2) {
            min-height: 2vh;
            display: flex;
            align-items: center;
            padding: 1vh;
        }

        .pencere.icbildirim > div:nth-child(3) {
            color: #9c9c9c;
            padding: 1vh;
        }

        .pencere.icbildirim > div:nth-child(4) {
            font-family: var(--fonticon);
            position: absolute;
            right: 2vh;
            bottom: 2vh;
            color: #9c9c9c;
        }

    .pencere.icbildirim:hover > div:nth-child(4) {
        color: #cecece;
    }

div.pencere.icbildirim.acik + div.bgfiltre {
    display: none;
}


#alt {
    height: 4.5vh;
    border-top: 1px solid #C1C1C1 !important;
    position: fixed;
    transition: width 0.5s;
    border: 0 !important;
    font-size: var(--fs15);
    border-radius: 10px;
    width: 14vw;
    left: calc(50% - 7vw);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 130;
    transition: transform 0.1s;
    transform: translateY(0);
    overflow: hidden;
}

    #alt[degis] {
        display: none;
        transform: translateY(-6.5vh);
        background: #ffecc2;
    }

    #alt > button[id$="gor"] {
        display: none;
    }

#progress {
    background-color: #2DB200;
    width: 0;
    transition: all 0.5s ease-in-out;
}

.satiruyari {
    width: calc(100% - 12.4vh) !important;
    margin-left: 9.7vh !important;
    height: 5vh;
    background-color: #ffecc3;
    position: fixed !important;
    top: -1.5vh;
    left: 0.5vh;
    z-index: 3;
    padding: 1vh;
    cursor: default;
    transform: translateY(-3.5vh);
    transition: transform var(--animasyonsuresi);
    box-sizing: border-box;
    border-radius: 10px;
}

body.salt.uyaracik .satiruyari {
    transform: translateY(16vh);
}

.satiruyari > div {
    float: left;
    color: var(--fckoyu);
}

    .satiruyari > div:first-child,
    .satiruyari > div:last-child,
    .satiruyari > div:nth-last-child(2) {
        font-family: var(--fonticon);
        font-size: var(--fs20);
        width: 4vh;
        height: 3vh;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .satiruyari > div:nth-child(2) {
        width: calc(100% - 12vh);
        font-size: var(--fs17);
    }

        .satiruyari > div:nth-child(2) > div.sagyuzencombo,
        .satiruyari > div:nth-child(2) po-combo {
            padding: 0;
            margin: 0 0.5vh;
            min-width: 2vh;
            display: inline-block;
            border: 0;
            background: transparent;
            pointer-events: none;
            height: auto;
        }

        .satiruyari > div:nth-child(2) po-combo {
            width: auto;
            display: inline-flex;
        }

            .satiruyari > div:nth-child(2) po-combo > icerik {
                padding: 0;
            }

            .satiruyari > div:nth-child(2) po-combo:after {
                visibility: hidden;
            }


        .satiruyari > div:nth-child(2) > span {
            overflow: hidden;
            height: auto;
            float: left;
            min-height: 3vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

body.salt .icerikmenu > ul > li:nth-child(2) > div {
    font-size: var(--fs23);
}

body.salt.uyaracik .icerikmenu > ul > li:nth-child(2),
.icerikmenu > ul > li:nth-child(2) {
    display: none !important;
}

body.salt .icerikmenu > ul > li:nth-child(2) {
    background: transparent;
    display: flex !important;
}

    body.salt .icerikmenu > ul > li:nth-child(2) + li {
        margin-left: 0 !important;
    }

body[salt] .satiruyari > div:nth-child(2) {
    width: auto;
    max-width: calc(75% - 14vh);
    font-size: var(--fs16);
    min-height: 3vh;
    display: flex;
    align-items: center;
    line-height: 1.1;
}

body[salt] .satiruyari > div:nth-last-child(2):after {
    font-family: var(--font);
    font-size: var(--fs16);
    border: 1px solid #555;
    margin-left: 1vh;
    padding: 0.5vh;
    border-radius: var(--inputborderradius);
    background: #797261;
    color: #ffffff;
}

body[salt='2'] .satiruyari > div:nth-last-child(2):after {
    content: 'Belgeyi Geri Yükle';
}


body[salt='3'] .satiruyari > div:nth-last-child(2):after {
    content: 'Bağlı Belgelere Git';
}

body[salt='4'] .satiruyari > div:nth-last-child(2):after {
    content: 'Düzenleme İzni İste';
}


body[salt] .satiruyari > div:nth-last-child(2) {
    width: auto;
    white-space: pre;
    text-align: left;
}

@keyframes counter {
    0% {
        counter-increment: count 10;
    }

    10% {
        counter-increment: count 9;
    }

    20% {
        counter-increment: count 8;
    }

    30% {
        counter-increment: count 7;
    }

    40% {
        counter-increment: count 6;
    }

    50% {
        counter-increment: count 5;
    }

    60% {
        counter-increment: count 4;
    }

    70% {
        counter-increment: count 3;
    }

    80% {
        counter-increment: count 2;
    }

    90% {
        counter-increment: count 1;
    }

    100% {
        counter-increment: count 0;
    }
}

body[salt] .satiruyari > div.load:before {
    content: '\f3f4';
    animation: dondur 1s infinite;
    margin-left: 1vh;
    color: #f9806a;
}

body[salt] .satiruyari > div.load:after {
    content: 'İstek Yanıtı Bekleniyor ('counter(count)')' !important;
    animation: counter 10s linear;
    counter-reset: count 0;
    background: #f9806a;
    border: #f9806a;
    font-family: var(--font);
    border-radius: var(--inputborderradius);
    font-size: var(--fs16);
}

body[salt] .satiruyari > div.red:not(:hover):after {
    content: 'İstek Reddedildi';
    background: #ff4343;
    border: #ff4343;
}

ul.liste {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: Calibri;
    color: var(--fckoyu);
    font-size: var(--fs20);
    overflow-y: scroll !important;
    overflow-x: hidden;
    height: 100%;
    background-color: #ffffff;
}

    ul.liste.gorunmez {
        display: none;
    }

    ul.liste > *:not(.loading) {
        width: calc(100% - 3px);
        padding: 0;
        margin: 0;
        height: 6vh;
        overflow: hidden;
    }

    ul.liste.grid > *:not(.altbaslik) {
        width: calc(20% - 1vh - 2px);
        float: left;
        overflow: hidden;
        max-height: 50%;
        height: calc(50% - 1vh);
        margin: 0.5vh;
    }

body.gorunum ul.liste > li:first-child > label > ul > li:not(:first-child) {
    resize: horizontal;
}

ul.liste > li:first-child > label > ul > li > span {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: var(--fs17);
}

    ul.liste > li:first-child > label > ul > li > span:before {
        content: '(';
    }

    ul.liste > li:first-child > label > ul > li > span:after {
        content: ')';
    }

body.gorunum ul.liste > li {
    pointer-events: none;
}

ul.liste.grid > li > label > ul > li {
    float: none !important;
    clear: both;
    width: calc(100% - 1vw) !important;
    text-align: center;
}

ul.liste.grid > li > label > ul > div.simge > img {
    position: absolute;
    max-width: 10vw;
    max-height: 18.5vh;
    height: auto;
    width: auto;
    top: 5vh;
    left: 0;
    bottom: 50%;
    right: 0;
    vertical-align: middle;
    margin: auto;
}

ul.liste:not(.grid) .simge > img {
    width: 4vh;
    height: 4vh;
}

ul.liste.grid > li > label > ul > div.simge {
    position: absolute;
    height: auto;
    width: calc(100% - 3vh);
    top: 19%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs60);
    font-family: var(--fonticon);
}

ul .liste.grid > li > label > ul > li:first-child {
    text-align: left;
}

    ul.liste.grid > li > label > ul > li:first-child > input[type="checkbox"] {
        width: 7.7vmin;
        height: auto;
    }

ul.liste > li:first-child {
    position: fixed;
    z-index: 2;
    background-color: #FFFFFF;
    width: 100%;
    left: auto;
    top: auto;
    border-bottom: 1px solid #e8e8e8;
    transition: width 0.5s;
}

body:not(.gorunum) ul.liste > li:first-child > label > ul > li {
    font-weight: bold !important;
}

ul.liste.grid > li:first-child {
    display: none;
}

ul.liste > li.altbaslik {
    font-weight: bold;
    background-color: #DADADA !important;
    color: var(--fckoyu);
    padding: 1.157407408vh;
    width: 100%;
    clear: both;
    position: sticky;
    top: calc(5.555555555556vh + 1vw);
    z-index: 1;
    height: auto;
}

ul.liste.grid > li.altbaslik {
    top: 0;
}

ul.liste:not(.grid) > li:nth-child(2) {
    margin-top: calc(5.555555555556vh + 0.3vw);
}

ul.liste > li:first-child > label > ul > li.sira {
    color: #4F4F4F;
}

    ul.liste > li:first-child > label > ul > li.sira:after {
        font-family: var(--fonticon);
    }

    ul.liste > li:first-child > label > ul > li.sira.az:after {
        content: '\2000\f15d';
    }

    ul.liste > li:first-child > label > ul > li.sira.za:after {
        content: '\2000\f15e';
    }

ul.liste.grid > li:not(:first-child) {
    border: 0.1vh solid #f3f3f3;
}

ul.liste > li:not(:first-child):hover {
    background-color: #CEE8FD;
}

ul.liste.grid > li:not(:first-child):hover {
    box-shadow: 0.1vh 0.1vh 0.1vh #f0f0f0;
    background: #fff;
}

ul.liste.grid > li:not(:first-child):hover {
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
}

ul.liste.grid > li.secili:not(:first-child) {
    border-color: #f9806a;
}

ul.liste:not(.grid) > li:not(:first-child):not(:hover).secili,
ul.liste:not(.grid) > li:not(:first-child):active {
    background-color: #a9d1f9;
}

ul.liste > li.yeni {
    background-color: #FEE4E0 !important;
}

ul.liste > li > label > ul {
    position: relative;
    list-style-type: none;
    padding: 0 1.5vh 0 1.5vh;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 3vh);
    height: 100%;
}

ul.liste.grid > li > label > ul {
    display: block;
}

ul.liste > li > label > ul > li > input[type="checkbox"] {
    max-width: 100%;
    margin: 0 !important;
}

ul.liste > li > label > ul > li:not(:last-child) {
    position: relative;
    float: left;
    padding: 0.5vh 0.5vw;
    margin: 0;
    overflow: hidden;
}

ul.liste > li:not(.secili) > label > ul > li:not(:last-child) {
    text-overflow: ellipsis;
    white-space: pre;
}

ul.liste > li > label > ul > button.detay {
    display: none;
    position: absolute;
    right: 1%;
}

ul.liste.grid > li > label > ul > button.detay {
    bottom: 2%;
}

ul.liste > li:hover > label > ul > button.detay {
    display: block;
}

ul.liste > li > label > ul > li:not(:last-child):empty:before {
    content: "-";
}

ul.liste > li > label > ul > li:last-child {
    float: none;
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}

ul.liste > li > label > ul > li > input:not([type="range"]),
ul.liste > li > label > ul > li > select,
.listgr input:not([type="range"]),
.hsat input,
input.gbox,
textarea.gbox,
zet-input.gbox > input,
zet-input.gbox > textarea,
zet-liste > div > ul > li > ul > li input {
    background-color: transparent;
    border: 0;
    outline: none;
    border-radius: 0;
    background-image: linear-gradient(var(--a), var(--a)), linear-gradient(#e4eaec,#e4eaec);
    background-size: 0 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom,center calc(100% - 1px);
    transition: background .3s ease-out;
    padding: 0;
    margin: 0;
    width: 100%;
}

.sagyuzencombo.box.gbox,
po-combo.gbox {
    border: 0;
    border-bottom: 1px solid var(--b1);
    border-radius: 0;
    padding-left: 0;
    background:transparent;
}

    po-combo.gbox > icerik {
        padding-left: 0;
    }

    po-combo.gbox:hover {
        border-color: var(--b4);
    }

zet-liste > div > ul > li > ul > li > zet-input[type='text'] > input,
zet-liste > div > ul > li > ul > li > zet-input[type='date'] > input,
zet-liste > div > ul > li > ul > li > zet-input[type='number'] > input,
zet-liste > div > ul > li > ul > li > zet-input[type='tutar'] > input {
    padding: 0.5vh 0;
    white-space: pre;
    text-overflow: ellipsis;
}

zet-liste > div > ul > li > ul > li > zet-input[type=color] > input {
    width: 4vh !important;
    height: 4vh;
    padding: 0.25vh;
    border: 1px solid var(--b2);
    border-radius: var(--inputborderradius);
}

zet-liste > div > ul > li > ul > li > zet-input[type=color] > label {
    display: none;
}

zet-liste > div > ul > li > ul > li input,
.sutunlist > div > ul > li:first-child > input.gbox {
    background-image: linear-gradient(var(--a), var(--a)), linear-gradient(transparent,transparent);
}

ul.liste.diskli {
    height: 0;
}

    ul.liste.diskli.acik {
        height: auto;
    }

    ul.liste.diskli > li:first-child {
        position: relative;
    }

    ul.liste.diskli:not(.grid) > li:nth-child(2) {
        margin: 0;
    }


input.gbox:invalid,
zet-input.gbox > input:invalid,
zet-liste > div > ul > li > ul > li input:invalid {
    background-size: 100% 2px,100% 1px;
    background-image: linear-gradient(#ff4343,#ff4343),linear-gradient(transparent,transparent);
}

li.birimsutun > input {
    background-image: linear-gradient(transparent,transparent),linear-gradient(transparent,transparent);
    cursor: default;
}

ul.liste > li > label > ul > li > input:focus,
.gbox:focus,
zet-input.gbox > input:focus,
zet-input.gbox > textarea:focus,
zet-liste > div > ul > li > ul > li input:focus {
    background-size: 100% 2px,100% 1px;
}

input[type="range"] {
    width: 85%;
}

    input[type='range']:after {
        content: attr(_value);
        position: absolute;
        right: 0;
        top: 1.5vh;
        height: 100%;
    }

ul.liste > li:last-child {
    margin-bottom: 10%;
}

ul.liste.diskic {
    height: auto !important;
    font-size: var(--fs20);
}

.disk > div:nth-child(2) > .diskic.liste > li:first-child,
.disk > div:nth-child(2) > .diskic.liste > li > label > ul > li:nth-child(2) {
    display: none;
}

ul.diskic.liste:not(.grid) > li:nth-child(2) {
    margin: 0;
}

ul.liste.diskic > li > label > ul > li:first-child {
    width: 5%;
    padding-left: 0;
}

ul.liste > li:last-child {
    margin-bottom: 0;
}

div.liste ul.liste > li:first-child:last-child:before,
div.liste ul.liste > li.hsat:nth-child(2):last-child:before {
    content: 'Kayıt Bulunamadı.';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #A0A0A0;
    font-size: var(--fs25);
    background: #ffffff;
}

.sihirbaz div.liste ul.liste > li:first-child:last-child:before {
    height: 93.983957%;
}

div.liste ul.liste > li:first-child:last-child {
    height: calc(100% - 17.4vh);
    border: 0;
}

.sihirbaz ul.liste > li:first-child:last-child {
    height: calc(100% - 28.5vh) !important;
    border: 0;
}

ul.liste.diskic > li:not(:first-child):not(:hover):not(.secili):not(:active):nth-child(2n) {
    background: transparent;
}

ul.liste.diskic > li:not(:first-child) {
    border-bottom: 0.1vh solid #d4d4d4;
}

.liste.diskic > li > label > ul > li:nth-child(3) {
    width: 94%;
}

ul.liste.diskic > li > label > ul {
    width: 100%;
    float: left;
}

ul.liste.diskic > li > ul.edit > li {
    width: 6.7vh;
    float: right;
    height: 100%;
    font-family: var(--fonticon);
    font-size: var(--fs30);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A0A0A0;
}

    ul.liste.diskic > li > ul.edit > li:hover {
        color: var(--fckoyu);
    }

.tekkosul .liste.diskic {
    transition: height 0.5s;
}

.tekkosul .disk > div > ul > li {
    padding: 1vh 0;
}

.liste.diskic > li:hover > label > ul > li {
    white-space: unset !important;
}

div.options {
    position: absolute;
    background: #fff;
    z-index: 115;
    width: 30vh;
    height: auto;
    right: 0;
    top: 34%;
    box-shadow: #A0A0A0 0 0 0.5vh;
    margin-right: 3%;
    transition: all 0.5s;
    overflow: hidden;
    cursor: default;
}

.options > ul {
    width: 100%;
}

    .options > ul > li {
        width: 86%;
        height: 7vh;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 7% 0 7%;
        overflow: hidden;
        font-size: var(--fs20);
    }

        .options > ul > li:hover {
            background: #F3F3F3;
        }

        .options > ul > li > div:first-child {
            font-family: var(--fonticon);
            margin-right: 6%;
            font-size: var(--fs30);
        }

        .options > ul > li.hizekle > div:first-child:before {
            content: '\f067';
            color: var(--fckoyu);
        }

        .options > ul > li.hizekle.acik > div:first-child:before {
            content: '\f00c';
            color: #f9806a;
        }

.options.penmenu > ul > li.hizekle > div > input {
    background: transparent;
    border: 0;
    width: 100%;
    outline: 0;
    padding: 0;
    cursor: default;
}

.options.penmenu > ul > li.hizekle.acik > div > input {
    height: 5vh;
    border-bottom: 0.02vh #a0a0a0 solid;
    cursor: text;
}

.options > ul > li.hizekle > div > input::placeholder {
    color: var(--fckoyu);
}

.options.penmenu > ul > li.hizekle.acik > div > input:invalid {
    border-bottom: 0.02vh #ff4343 solid;
}

.pencere[penmenu] > div.options.penmenu {
    width: 30vh;
    left: 2vh;
    top: 10.14vh;
    height: 0;
}

    .pencere[penmenu] > div.options.penmenu.acik {
        height: auto;
    }

#modulsitil {
    display: none;
}

#belgeanadiv {
    width: 100%;
    height: 100%;
}

#icerik div.perdeli > div.perde {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    max-height: none;
    max-width: none;
}

#icerik div.perdeli > div.perde {
    display: block;
}

#icerik div:not(.perdeli) > div.perde {
    display: none;
}

.pencere {
    position: fixed;
    background: #fff;
    box-shadow: rgba(0,0,0,0.2) 0vw 0vw 0.5vw;
    padding: 0;
    z-index: 117;
    top: 0;
    height: 100%;
}

div.pencere.acik + div.bgfiltre {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 115;
    background: rgba(0,0,0,0.2);
}

div.pencere.bgsiz + div.bgfiltre,
div.pencere.kucuk + div.bgfiltre,
div.pencere.sagyuzenliste + div.bgfiltre {
    display: none;
}


.teklilist {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 2vh;
}

    .teklilist > div {
        width: 100%;
        height: auto;
        min-height: 6vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ececec;
        border-radius: 5px;
        margin-bottom: 2vh;
        padding: 1vh;
        box-sizing: border-box;
        position: relative;
    }

        .teklilist > div.loading {
            min-height: 100%;
            border: 0;
        }

        .teklilist > div:not(.loading):hover {
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
        }

        .teklilist > div > ul {
            height: auto;
            width: 100%;
        }

            .teklilist > div > ul > li {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 6vh;
                user-select: none;
                float: left;
            }


                .teklilist > div > ul > li.men {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                }

                    .teklilist > div > ul > li.men > div {
                        width: 3vh;
                        font-family: var(--fonticon);
                        border-radius: 10px;
                        margin: 0.5vh;
                        height: 3vh;
                        font-size: var(--fs17);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        .teklilist > div > ul > li.men > div:hover {
                            background: #e2e2e2;
                        }

                .teklilist > div > ul > li.acilir {
                    width: 100%;
                    height: 0;
                    overflow: hidden;
                    position: relative;
                    display: block;
                    transition: padding var(--animasyonsuresi);
                }


        .teklilist > div.acik > ul > li.acilir {
            height: auto;
            padding: 1vh 0;
            border-top: 1px solid #ececec;
        }

            .teklilist > div.acik > ul > li.acilir > .fuzun > div {
                font-size: var(--fs17);
                justify-content: center;
            }

                .teklilist > div.acik > ul > li.acilir > .fuzun > div > label {
                    height: 100%;
                    display: flex;
                    align-items: center;
                    width: 100%;
                }

                .teklilist > div.acik > ul > li.acilir > .fuzun > div > input {
                    width: 2.5vh;
                }


        .teklilist > div.load > ul:before {
            position: absolute;
            content: '\f3f4';
            font-family: var(--fonticon);
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            margin: 0;
            z-index: 1000;
            color: #f9806a;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--fs40);
            animation: dondur 1s infinite;
        }

        .teklilist > div.load > ul:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            display: flex;
            font-size: var(--fs20);
            align-items: center;
            justify-content: center;
            -webkit-backdrop-filter: saturate(180%) blur(3px);
            backdrop-filter: saturate(180%) blur(2px);
            background-color: rgba(255,255,255,.6);
            color: #444444;
        }

        .teklilist > div:not(.acik) > ul > li.men > div.ayar:before {
            content: '\F013';
        }

        .teklilist > div.acik > ul > li.men > div.ayar:before {
            content: '\F00C';
        }


        .teklilist > div:not(.acik) > ul > li.men > div.iptal:before {
            content: '\f2ed';
        }

        .teklilist > div.acik > ul > li.men > div.iptal:before {
            content: '\F00D';
        }


div.birimlistbas, div.pencere > div.baslik {
    height: 7.7vh;
}

    div.birimlistbas > span {
        margin-left: 1.5vw;
        color: #FFF;
        font-weight: bold;
    }

div.baslik > img.penkapat {
    vertical-align: central;
    float: right;
}

div.birimlistbas > img {
    vertical-align: middle;
    height: 100%;
}

button.detay:before, button.hdetay:before {
    content: '\f08e';
    font-family: var(--fonticon);
}

button.cariyegit {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    float: right !important;
    height: 100%;
}

div.mliste {
    position: fixed;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,0.205);
    z-index: 100;
    background-color: #ffffff;
    font-size: var(--fs20);
    font-family: var(--font);
    border-radius: 5px;
}

    div.mliste > ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        div.mliste > ul > li {
            padding: 1.574074074vh;
            padding-bottom: 0;
            color: var(--fckoyu);
            cursor: default;
            width: calc(100% - 3.148148148vh);
        }

.mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:first-child {
    font-weight: bold;
}

.mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:nth-child(2) {
    font-size: var(--fs20);
    font-family: var(--fonticon);
    float: right;
    width: 5vh;
    text-align: right;
    padding-right: 1vh;
    position: absolute;
    right: 1.5vh;
}

    .mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:nth-child(2):hover {
        font-size: var(--fs25);
    }

div.mliste > ul > li:not(:first-child):hover {
    background-color: var(--b05);
}

div.mliste > ul,
div.mliste > ul > li,
div.mliste > ul > li > div {
    position: relative;
}

    div.mliste > ul > li > div {
        max-width: 100%;
        overflow: hidden;
        font-size: var(--fs18);
    }

        div.mliste > ul > li > div:first-child,
        div.mliste > ul > li > div:nth-child(2),
        div.mliste > ul > li > div:nth-child(4) {
            float: left;
        }

        div.mliste > ul > li > div:last-child {
            clear: both;
            float: none;
            padding-top: 1.574074074vh;
        }

div.mliste:not(#gecmismenu) > ul > li:not(:last-child) > div:last-child {
    border-bottom: 1px solid #e8e8e8;
}

#ayarmenu > ul > li:not(:first-child) > div:first-child,
#ayarmenu > ul > li:not(:first-child) > div:first-child {
    font-family: var(--fonticon);
    padding: 0 2vh 0 1vh;
    font-size: var(--fs20);
}

#gecmismenu {
    right: 0;
    top: 7.7vh;
    height: 92.3vh;
    width: 24.602627vw;
    border-radius: 0;
    padding: 0 2vh;
    box-sizing: border-box;
}

    #gecmismenu > .sihirbaz > div > ul:empty:before {
        content: 'Bulunamadı';
        display: flex;
        align-items: center;
        justify-content: center;
        height: 88%;
        width: 100%;
        color: rgb(160, 160, 160);
        font-size: var(--fs23);
    }

@keyframes sepat {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

#gecmisler {
    overflow: auto;
    transform: translateX(2.7vh);
    z-index: 103;
    font-size: var(--fs17);
    width: 0;
    padding: 0;
    top: 6vh;
}

    #gecmisler.acik {
        height: auto;
        min-height: 15vh;
        max-height: 35vh;
        width: 25vh;
        top: 6.5vh;
        padding: 1vh;
    }


    #gecmisler > div:first-child {
        display: none;
    }

    #gecmisler > div:nth-child(2) > ul:empty:before {
        content: 'Geçmiş Hareket Bulunamadı';
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 15vh;
        font-size: var(--fs20);
        color: #cacaca;
    }

    #gecmisler > div:nth-child(2) > ul > li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #f1f1f1;
        height: 3.5vh;
        border-radius: 5px;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }

        #gecmisler > div:nth-child(2) > ul > li:hover {
            background-color: #F3F7F9;
        }

        #gecmisler > div:nth-child(2) > ul > li > div:first-child {
            font-family: var(--fonticon);
            margin-right: 0.5vh;
            width: 3vh;
            color: #444;
            text-align: center;
        }

        #gecmisler > div:nth-child(2) > ul > li > div:nth-child(2) {
            float: left;
            color: var(--fckoyu);
            white-space: pre;
            text-overflow: ellipsis;
            width: calc(100% - 4vh);
            height: 100%;
            padding: 0.7vh 0;
            box-sizing: border-box;
            overflow: hidden;
        }

            #gecmisler > div:nth-child(2) > ul > li > div:nth-child(2):before {
                content: attr(title);
                height: 100%;
                font-size: var(--fs16);
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: pre;
            }

#gecmismenu > div:first-child {
    width: 100%;
    height: 6vh;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    color: var(--fckoyu);
    margin: 1vh 0 2vh 0;
}

    #gecmismenu > div:first-child > div:not(:first-child) {
        font-family: var(--fonticon);
        width: 5vh;
        height: 100%;
        font-size: var(--fs20);
        justify-content: center;
        user-select: none;
    }

    #gecmismenu > div:first-child > div:first-child {
        width: calc(100% - 10vh);
        height: 100%;
        float: left;
        font-size: var(--fs18);
        font-weight: bold;
    }

    #gecmismenu > div:first-child > div {
        display: flex;
        align-items: center;
        float: left;
    }

#gecmismenu > div:nth-child(2) {
    width: 100%;
    position: relative;
    height: calc(100% - 10vh);
    padding: 0 1vh;
    box-sizing: border-box;
}

    #gecmismenu > div:nth-child(2) > ul > li {
        width: 100%;
        height: auto;
        min-height: 8vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ececec;
        border-radius: 10px;
        margin-bottom: 2vh;
        padding: 1vh;
        box-sizing: border-box;
        position: relative;
        user-select: none;
    }

        #gecmismenu > div:nth-child(2) > ul > li:hover {
            box-shadow: 0 3px 1px -2px rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,0.10), 0 1px 5px 0 rgba(0,0,0,0.08);
        }

#gecmismenu.ust > div:nth-child(2) > ul > li > div:not(:nth-last-child(2)) {
    pointer-events: none;
}

#gecmismenu > div:nth-child(2) > ul > li > div:first-child {
    font-family: var(--fonticon);
    display: none;
}

#gecmismenu > div:nth-child(2) > ul > li > div:nth-child(2) {
    font-size: var(--fs18);
    width: 100%;
}

#gecmismenu > div:nth-child(2) > ul > li > div:nth-child(3) {
    font-family: var(--fonticon);
}

#gecmismenu > div:nth-child(2) > ul > li > div:nth-child(3) {
    width: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0a0a0;
}

    #gecmismenu > div:nth-child(2) > ul > li > div:nth-child(3):hover {
        font-size: var(--fs25);
        color: var(--fckoyu);
    }

#gecmismenu > div:nth-child(2) > ul > li.acik > div:nth-child(3) {
    color: var(--b);
}

#gecmismenu > div:nth-child(2) > ul > li:not(.acik):not(:hover) > div:nth-child(3) {
    display: none;
}

#gecmismenu > div:nth-child(2) > ul > li.ekle {
    border: 1px dashed var(--e) !important;
}

#gecmismenu > div:nth-child(2) > ul > li.eklendi {
    z-index: 2;
    animation: sepet 1s;
    border: 1px solid var(--c) !important;
}

#modulmenub {
    min-width: 0 !important;
}

    #modulmenub:after {
        content: "\f101";
        font-family: var(--fonticon);
    }

#modulmenu {
    top: 8vh;
    width: 19.89583333vw;
    left: 61vw;
}

    #modulmenu > ul > li:first-child,
    #modulmenu > ul > li:last-child {
        display: none;
    }

#bildirimmenu {
    width: 23vw;
    height: 70vh;
    position: fixed;
}

    #bildirimmenu > ul {
        overflow-y: scroll;
        height: 100%;
    }

        #bildirimmenu > ul > li:first-child {
            position: sticky;
            max-width: calc(24vw - 3.6vh - 0.4cm);
            z-index: 2;
            background: rgba(255,255,255,0.9);
            top: 0;
        }

        #bildirimmenu > ul > li:nth-last-child(2):not(:last-child) {
            margin-bottom: 7vh;
        }

        #bildirimmenu > ul > li:last-child {
            position: fixed;
            top: calc(69vh + 3.3%);
            max-width: calc(23vw - 3.148148148vh);
            z-index: 2;
        }

        #bildirimmenu > ul > li > div:nth-child(3) {
            font-size: var(--fs12);
        }

        #bildirimmenu > ul > li > div:nth-child(4) {
            font-size: var(--fs17);
            float: left;
            min-width: 100%;
        }

        #bildirimmenu > ul > li > div.bmen {
            width: 5vh;
            height: 5vh;
            position: absolute;
            top: 1vh;
            right: 0.5vh;
        }

            #bildirimmenu > ul > li > div.bmen:hover:before {
                border-radius: 50%;
                background: #ffffff;
                box-shadow: 1vh 1vh 1vh -1vh #c1c1c169;
            }

            #bildirimmenu > ul > li > div.bmen:before {
                content: '\f141';
                display: flex;
                justify-content: center;
                height: 2vh;
                font-family: var(--fonticon);
                padding: 1vh;
                width: 2vh;
                margin: 0.5vh;
                cursor: default;
            }

        #bildirimmenu > ul > li:nth-last-child(2):first-child:after {
            content: "Yeni Bildirim Yok";
            display: flex;
            align-items: center;
            justify-content: center;
            height: 52vh;
            width: 100%;
            color: rgb(160, 160, 160);
            font-size: var(--fs23);
        }

li.birimsutun {
    cursor: pointer;
}

    li.birimsutun:after {
        content: '\2000\f078';
        font-family: var(--fonticon);
        font-size: var(--fs15);
    }

#yorumlar {
    position: fixed;
    z-index: 104;
    background-color: #FFF;
    font-size: var(--fs20);
    font-family: var(--font);
    transition: transform 0.2s;
    width: 25vw;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    transform: translateX(100vw);
}

    #yorumlar.gorunur {
        transform: translateX(75vw);
        box-shadow: #A0A0A0 0vw 0vw 0.5vw;
    }

    #yorumlar > ul > li:nth-child(2) {
        padding-top: 0;
    }

    #yorumlar > ul > li:first-child > div {
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 4vh;
        font-weight: bold;
        cursor: default;
    }

        #yorumlar > ul > li:first-child > div:first-child {
            margin-left: 1vh;
        }

        #yorumlar > ul > li:first-child > div:last-child {
            font-family: var(--fonticon);
            font-size: var(--fs30);
            width: 4vh;
            justify-content: center;
            float: right;
            font-size: var(--fs20);
        }

            #yorumlar > ul > li:first-child > div:last-child:hover {
                font-size: var(--fs25);
            }

    #yorumlar > ul > li > div.yorumbaslik + div {
        font-size: var(--fs18);
        padding-top: 0;
    }

    #yorumlar > ul > li:last-child {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #yorumlar > ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        height: 100%;
    }

        #yorumlar > ul > li {
            padding: 0;
            margin: 0;
        }

            #yorumlar > ul,
            #yorumlar > ul > li,
            #yorumlar > ul > li > div {
                position: relative;
            }

                #yorumlar > ul > li {
                    min-height: 3.7vh;
                }

                    #yorumlar > ul > li,
                    #yorumlar > ul > li > div {
                        padding: 1vh;
                    }

                        #yorumlar > ul > li > div {
                            max-width: 95%;
                            overflow: hidden;
                            font-family: var(--font);
                            font-size: var(--fs20);
                        }

                            #yorumlar > ul > li > div:first-child {
                                float: left;
                            }

                        #yorumlar > ul > li:nth-child(3) {
                            padding: 0;
                        }

                        #yorumlar > ul > li > div.yorumtext {
                            width: 100%;
                            padding: 0;
                            max-width: none;
                            height: 15vh;
                        }

                            #yorumlar > ul > li > div.yorumtext > textarea {
                                width: 100%;
                                border-radius: 0;
                                border: 0;
                                background-color: var(--b05);
                                height: 100%;
                                outline: none;
                                border-bottom: 1px solid var(--b1);
                                border-top: 1px solid var(--b1);
                                resize: none;
                                font-size: var(--fs16);
                            }

                            #yorumlar > ul > li > div.yorumtext + div > button {
                                background: var(--b1);
                                color: var(--b);
                            }

button.iconbuton {
    font-family: var(--fonticon);
    padding: 0.5vh;
    font-size: var(--fs20);
    border-radius: 50%;
    width: 4vh;
    height: 4vh;
    margin: 0 0.1vw;
    outline: 0;
    vertical-align: top;
}

div.pencere > div.baslik > button.pdf:not(.load):not(.hata):before {
    background: #ff4343;
    content: '\f1c1';
    width: 4.5vh;
    height: 4.5vh;
    margin: 1vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

div.pencere > div.baslik > button.pdf:not(.load):not(.hata):before {
    background: #ff4343;
}

div.pencere > div.baslik > button.pdf:not(.load):not(.hata) {
    background: #ff4343;
}

    div.pencere > div.baslik > button.pdf:not(.load):not(.hata):hover,
    div.pencere > div.baslik > button.pdf:not(.load):not(.hata):hover:before {
        background: #d93232;
    }

div.pencere > div.baslik > button:not(.load):not(.hata).blu {
    background: #203D8F;
}

    div.pencere > div.baslik > button:not(.load):not(.hata).blu:before {
        background: #203D8F;
        content: '\f772';
        width: 4.5vh;
        height: 4.5vh;
        margin: 1vh;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
    }

div.pencere > div.baslik > button.jpg:not(.load):not(.hata):before {
    background: #43b384;
    content: '\f1c5';
    width: 4.5vh;
    height: 4.5vh;
    margin: 1vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

div.pencere > div.baslik > button.jpg:not(.load):not(.hata):before {
    background: #43b384;
}

div.pencere > div.baslik > button.jpg:not(.load):not(.hata) {
    background: #43b384;
}

    div.pencere > div.baslik > button.jpg:not(.load):not(.hata):hover,
    div.pencere > div.baslik > button.jpg:not(.load):not(.hata):hover:before {
        background: #399970;
    }


div.pencere > div.baslik > button.txt:not(.load):not(.hata):before {
    background: #28aff0;
    content: '\f56d';
    width: 4.5vh;
    height: 4.5vh;
    margin: 1vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

div.pencere > div.baslik > button.txt:not(.load):not(.hata):before,
div.pencere > div.baslik > button.txt:not(.load):not(.hata) {
    background: #28aff0;
}

    div.pencere > div.baslik > button.txt:not(.load):not(.hata):hover:before,
    div.pencere > div.baslik > button.txt:not(.load):not(.hata):hover {
        background: #218abd;
    }



div.pencere > div.baslik > button.html:not(.load):not(.hata):before {
    background: #2865F0;
    content: '\f1c9';
    width: 4.5vh;
    height: 4.5vh;
    margin: 1vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

div.pencere > div.baslik > button.html:not(.load):not(.hata):before {
    background: #2865F0;
}

div.pencere > div.baslik > button.html:not(.load):not(.hata) {
    background: #2865F0;
}

    div.pencere > div.baslik > button.html:not(.load):not(.hata):hover:before,
    div.pencere > div.baslik > button.html:not(.load):not(.hata):hover {
        background: #274DE4;
    }

div.pencere > div.baslik > button.xml:not(.load):not(.hata):before {
    background: #a73630;
    content: '\f121';
    width: 4.5vh;
    height: 4.5vh;
    margin: 1vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

div.pencere > div.baslik > button.xml:not(.load):before {
    background: #a73630;
}

div.pencere > div.baslik > button.xml:not(.load):not(.hata) {
    background: #a73630;
}

    div.pencere > div.baslik > button.xml:not(.load):not(.hata):hover:before,
    div.pencere > div.baslik > button.xml:not(.load):not(.hata):hover {
        background: #802823;
    }

div.pencere > div.baslik > button.hatali:before {
    content: '\f071';
    background: #43b384;
}

.yonizle > .baslik .sagyuzencombo.box {
    padding-right: 5vh;
}

#yorumlar > ul > li > div.yorumtext + div > button:hover {
    background-color: var(--b2);
}

#yorumlar > ul > li > div.yorumtext + div > input[type="file"] {
    display: none;
}

#yorumlar > ul > li > div.yorumtext + div > button.ygonder {
    background-color: var(--a);
    color: var(--beyazt);
}

    #yorumlar > ul > li > div.yorumtext + div > button.ygonder:hover {
        background-color: var(--a11);
    }

#yorumlar > ul > li > div.yorumtext + div > input[readonly] {
    border: 0;
    max-height: 100%;
    padding: 1vh;
    font-size: var(--fs20);
    width: calc(100% - 12vh - 0.6vw);
    position: relative;
    color: var(--fckoyu);
    background-color: inherit;
    font-weight: normal;
    top: 0;
    vertical-align: top;
    outline: 0;
    cursor: default;
}

    #yorumlar > ul > li > div.yorumtext + div > input[readonly]:placeholder-shown + button.iconbuton {
        display: none;
    }

#yorumlar > ul > li:nth-child(3) > div > * {
    float: right;
}

#yorumlar > ul > li > div.yorumtext + div > input[readonly]:placeholder-shown {
    width: auto;
    float: none;
    clear: both;
}

zet-input[type="file"] > input[type="file"] {
    display: none;
}

    zet-input[type="file"] > input[type="file"] + label {
        border: 1px dashed var(--b5);
        width: 100%;
        height: 100%;
        padding: 1vh;
        position: relative;
        box-sizing: border-box;
        color: var(--b5);
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 5px;
        font-size: var(--fs14);
    }

        zet-input[type="file"] > input[type="file"] + label:after {
            content: 'Dosya Seçin';
            border: 1px solid var(--a);
            color: var(--a);
            padding: 0.5vh;
            margin-left: 0.7vh;
            border-radius: 5px;
            text-align: center;
        }

zet-input[type="file"]:not([placeholder]) > input[type="file"] + label:before {
    content: 'Dosya Yüklemek için Sürükleyin veya';
    font-size: var(--fs16);
}

zet-input[type="file"] > input[type="file"] + label:before {
    content: attr(placeholder);
}

zet-input[type="file"] > input[type="file"] + label[value]:not([value=""]):before {
    content: attr(value);
}

zet-input[type="file"] > input[type="file"] + label:hover:after {
    color: #fff;
    background: var(--a);
}


zet-input[type="file"] > input[type="file"] + label[value]:not([value=""]):after {
    content: 'Dosyayı Değiştir';
    color: var(--e);
    border-color: var(--e);
}

zet-input[type="file"] > input[type="file"] + label[value]:not([value=""]):hover:after {
    background: var(--e);
    color: #fff;
}


.modulmenu.filtre > li.filtre.kapali > div:not(:first-child) {
    height: 6vh !important;
}

.modulmenu.filtre > li.filtre.kapali > div:not(:first-child),
.filtmenu > ul > li.filtre.kapali > div:not(:first-child) {
    width: auto !important;
    display: flex;
    min-width: auto !important;
    float: left;
    align-items: center;
    justify-content: center;
}

/* Kapalı Filtre Revize Başlangıç*/

.modulmenu.filtre > li.filtre.kapali > div:not(:first-child) {
    width: calc(100% - 6vh - 1vmax) !important;
    height: 3vh !important;
    float: left;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-end;
}

    .modulmenu.filtre > li.filtre.kapali > div:not(:first-child) > div.sagyuzencombo {
        text-align: left;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
        width: 100%;
        height: 100%;
    }

.modulmenu.filtre > li.filtre.kapali > div:nth-child(3) {
    align-items: flex-start;
}

.modulmenu.filtre li.kapali .sagyuzencombo.box:after {
    right: 0;
    top: -25%;
    font-weight: normal;
}


.filtmenu > ul > li.filtre.kapali > div:nth-child(2):after {
    content: '\2000:\2000';
}

/* Kapalı Filtre Revize Bitiş*/

.filtmenu > ul > li.filtre.kapali > div.sagyuzencombo.box:hover {
    background: transparent;
}

.filtmenu > ul > li.filtre.kapali > div.sagyuzencombo.box:after {
    position: relative;
    right: unset;
    margin-left: 5px;
    font-weight: normal;
}

body.gorunum .modulmenu > li.filtre.kapali > div.sagyuzencombo.box:after {
    display: none;
}


.modulmenu.filtre > li.filtre.kapali > div:nth-child(3),
.filtmenu > ul > li.filtre.kapali > div:nth-child(3) {
    float: none;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
    font-weight: bold;
}

.modulmenu.filtre > li.filtre.kapali > div.sagyuzencombo.renkli {
    background: transparent !important;
    color: #868686 !important;
}

.modulmenu.filtre > li.filtre.kapali > div:nth-child(3) > po-combo {
    height: 100%;
    border: 0;
    padding: 0;
    background: transparent;
}
    .modulmenu.filtre > li.filtre.kapali > div:nth-child(3) > po-combo > icerik {
        padding: 0;
        height: 100%;
    }

    .modulmenu.filtre > li.filtre.kapali > div:nth-child(3) > po-combo:after {
        height: 6vh;
        right: 0;
        top: -3vh;
        font-weight: normal;
        font-size: var(--fs20);
        padding-left: 100%;
    }

div#menuler {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    z-index: 121;
}

zet-liste > div > ul > li > ul > li > select {
    border: 0;
    padding: 0;
    font-size: var(--fs18);
}


#yorumlar > ul > li > div.mesaj > div:nth-child(2) > div {
    position: relative;
    min-width: 25vh;
    overflow: hidden;
    transition: margin 0.5s;
    height: auto;
}

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:first-child > div:first-child {
        width: 80%;
        height: 5vh;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 20%;
        margin: 1vh 0;
        border-radius: 0.8vh;
        background: #9f9f9f59;
        color: #fff;
        font-size: var(--fs15);
        overflow: hidden;
        transition: width 0.5s;
    }

        #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:first-child > div:first-child:before {
            content: "Ek(" attr(say) ")";
        }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:not(:first-child) {
        width: 80%;
        height: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 20%;
        border-radius: 0.8vh;
        background: #ffffffc9;
        color: #666666;
        font-size: var(--fs15);
        overflow: hidden;
        cursor: default;
        transition: margin 0.5s;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div:not(:first-child) {
        height: 5vh;
        margin-top: 1vh;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:not(:first-child):hover {
        background: #ffffff;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div:not(:first-child):before {
        content: '\f15c';
        font-size: var(--fs30);
        font-family: var(--fonticon);
        position: absolute;
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        left: 0;
        overflow: hidden;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:not(:first-child):hover:before {
        content: '\f019';
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div:after {
        content: '\f0c6';
        font-family: var(--fonticon);
        font-size: var(--fs30);
        position: absolute;
        top: 1vh;
        height: 5vh;
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        left: 0;
        overflow: hidden;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="png"]:before,
    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="jpg"]:before,
    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="jpeg"]:before {
        content: '\f03e';
        color: #30b0b6;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="pdf"]:before {
        content: '\f1c1';
        color: #ff4343;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="xls"]:before,
    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="xlsx"]:before {
        content: '\f1c3';
        color: #207144;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="doc"]:before,
    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="docx"]:before {
        content: '\f1c2';
        color: #295598;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="ppt"]:before,
    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="pptx"]:before {
        content: '\f1c4';
        color: #f9806a;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div.acik > div[uz="txt"]:before {
        content: '\f15c';
        color: #666;
    }

    #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:first-child > div:nth-child(2) {
        width: 3vh;
        height: 3vh;
        position: absolute;
        right: 1vh;
        top: 2vh;
        background: #f9806a;
        border-radius: 50%;
    }

        #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:first-child > div:nth-child(2):hover {
            background: #f7674d;
        }

        #yorumlar > ul > li > div.mesaj > div:nth-child(2) > div > div:first-child > div:nth-child(2):before {
            content: '\f019';
            color: #fff;
            font-size: var(--fs15);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            font-family: var(--fonticon);
        }

#yorumlar > ul > li#yorumarea {
    height: 66.5vh;
    overflow-y: scroll;
    border-top: 1px solid #d7d7d7;
    box-sizing: border-box;
}

#yorumlar > ul > li > div.mesaj {
    max-width: 80%;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

    #yorumlar > ul > li > div.mesaj > div[tarih]:after {
        content: attr(tarih);
        font-size: var(--fs13);
        white-space: pre;
        float: right;
        margin-top: 1vh;
        padding-left: 30%;
    }

    #yorumlar > ul > li > div.mesaj > div:not([tarih]):after {
        content: '';
        line-height: 0.33;
        font-size: var(--fs20);
        font-family: var(--fonticon);
        position: relative;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fbe4c0 transparent;
        bottom: -3px;
    }

#yorumlar > ul > li#yorumarea > div.mesaj > div {
    padding: 1vh;
    border-radius: 0.8vh;
    text-overflow: initial;
    overflow: hidden;
    font-size: var(--fs18);
    transition: background 2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

    #yorumlar > ul > li#yorumarea > div.mesaj > div:not([tarih]) {
        padding-bottom: 0;
    }

#yorumlar > ul > li#yorumarea > div {
    clear: both;
}

    #yorumlar > ul > li#yorumarea > div.mesaj.gelen {
        float: left;
    }

    #yorumlar > ul > li#yorumarea > div.mesaj.giden {
        float: right;
    }

    #yorumlar > ul > li#yorumarea > div.mesaj.gelen > div:not([tarih]):after {
        text-align: left;
        color: #fbe4c0;
    }

    #yorumlar > ul > li#yorumarea > div.mesaj.giden > div:not([tarih]):after {
        border-color: transparent transparent var(--b1) transparent;
    }

#yorumlar > ul > li > div.mesaj > div:first-child {
    font-weight: bold;
}

#yorumlar > ul > li > div.mesaj.giden > div:nth-child(2) {
    background-color: var(--b1);
}

#yorumlar > ul > li > div.mesaj.gelen > div:nth-child(2) {
    background-color: #fbe4c0;
}

#yorumlar > ul > li > div.mesaj.bildirim > div:nth-child(2) {
    background-color: #FCC9C5;
}

#yorumlar > ul > li > div.yorumbaslik, #yorumlar > ul > li > div.yorumbaslik + div {
    text-align: center;
    width: 100%;
    max-height: 3.7vh;
    font-weight: lighter;
    padding-top: 0;
    font-size: var(--fs18);
}


body > #yazdiralani {
    display: none;
    position: relative;
    width: 21cm;
    height: 29.7cm;
    border: 0;
    margin: 0;
    padding: 0;
}

ul.aylik,
ul.aylik ul,
ul.haftalik,
ul.haftalik ul,
ul.gunluk,
ul.gunluk ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.aylik,
ul.haftalik,
ul.gunluk {
    background-color: #FFFFFF;
}

ul.aylik,
ul.haftalik,
ul.gunluk {
    overflow-y: auto;
    height: 100%;
    color: #666666;
    font-size: 1.2vw;
}

    ul.aylik > li {
        width: calc(14.28571429% - 0.1vw);
        height: calc(28.64842454% - 1vh - 0.1vw);
        float: left;
        overflow: hidden;
        position: relative;
        border: 0;
        border-right: 0.1vw solid #CCCCCC;
    }


    ul.haftalik > li {
        width: calc(14.28571429% - 0.1vw);
        height: calc(100% - 11.54625023vh - 0.1vw);
        float: left;
        overflow: hidden;
        position: relative;
        border: 0;
    }

        ul.haftalik > li:not(.takbas):not(.aracizgi) {
            border-right: 0.1vw solid #CCCCCC;
        }

ul > li.aracizgi {
    clear: both;
    float: none;
    border: 0;
    border-bottom: 0.1vw solid #CCCCCC;
    margin-bottom: 0.5vh;
    padding-top: 0.5vh;
    height: 0;
    width: 98%;
    left: 1%;
}

    ul > li.aracizgi:first-child {
        margin-top: 10.54625023vh;
    }

ul.aylik > li > ul {
    height: calc(100% - 1.4vw);
    overflow-y: hidden;
    margin-top: 1.4vw;
}

ul.haftalik > li > ul {
    height: 100%;
    overflow-y: hidden;
}

    ul.aylik > li > ul,
    ul.aylik > li > ul > li,
    ul.aylik > li > ul > li > label,
    ul.aylik > li > ul > li > label > ul,
    ul.aylik > li > ul > li > label > ul > li,
    ul.haftalik > li > ul,
    ul.haftalik > li > ul > li,
    ul.haftalik > li > ul > li > label,
    ul.haftalik > li > ul > li > label > ul,
    ul.haftalik > li > ul > li > label > ul > li ul.gunluk > li > ul,
    ul.gunluk > li > ul > li,
    ul.gunluk > li > ul > li > label,
    ul.gunluk > li > ul > li > label > ul,
    ul.gunluk > li > ul > li > label > ul > li {
        position: relative;
        width: 100%;
    }

        ul.aylik > li > ul > li > label > ul > li,
        ul.haftalik > li > ul > li > label > ul > li {
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            font-size: var(--fs18);
            text-align: center;
            padding: 1%;
            padding-top: calc(0.202104446vh - 0.015vw);
            padding-bottom: calc(0.202104446vh - 0.015vw);
        }

ul.aylik > li:not(.takbas) > ul > li *,
ul.haftalik > li:not(.takbas) > ul > li * {
    background-color: transparent;
}

ul.aylik > li:not(.takbas) > ul > li.tasiniyor,
ul.haftalik > li:not(.takbas) > ul > li.tasiniyor {
    position: fixed;
    z-index: 10000;
}

ul.aylik > li:not(.takbas) > ul > li,
ul.haftalik > li:not(.takbas) > ul > li {
    background-color: #CEE8FD;
    margin-top: calc(0.404208893vh - 0.03vw);
    margin-bottom: calc(0.404208893vh - 0.03vw);
    overflow: hidden;
    border-radius: .8vh;
    width: 96%;
    margin: 2%;
}

    ul.aylik > li:not(.takbas) > ul > li:hover,
    ul.haftalik > li:not(.takbas) > ul > li:hover {
        background-color: #a9d1f9;
    }

ul.ayar > li.telem:before {
    font-family: var(--fonticon);
    content: '\F096';
    font-size: var(--fs30);
    color: #AAAAAA;
    left: 2%;
    position: absolute;
    top: 0;
}

ul.ayar > li.telem.secili:before {
    content: '\f046';
    color: #000;
}

ul.aylik > li.telem:after {
    position: absolute;
    top: 0;
    right: 2%;
    content: attr(data-gid);
    border-radius: 5px;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1.2;
    color: #fff;
    font-size: var(--fs20);
}

ul.aylik > li.telem:hover:after {
    content: attr(ad) '\2000' attr(data-gid);
}

ul.aylik > li.telem[renk='      ']:after {
    color: #666;
    white-space: nowrap;
}

ul.aylik > li.telem.disay:not([renk=' ']):after {
    opacity: 0.5;
    -moz-opacity: 0.5;
}

ul.aylik > li.telem:hover {
    overflow: visible;
    background-color: #EEEEEE;
}

li.telem.bugun {
    color: #F87F6A;
}

li.telem.yuzen {
    width: calc(14.28571429% - 0.1vw - 8px);
    overflow: visible;
    z-index: 1000;
    border: 2px solid #CCCCCC;
    position: fixed;
    box-shadow: #777777 0.5vw 0.5vw 0.5vw;
}

    li.telem.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(14.28571429% - 0.1vw + 1px);
    }

    li.telem.yuzen + li.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(28.57042858% - 0.2vw + 2px);
    }

    li.telem.yuzen + li.yuzen + li.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(42.85714287% - 0.3vw + 3px);
    }

    li.telem.yuzen + li.yuzen + li.yuzen + li.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(57.14285716% - 0.4vw + 4px);
    }

    li.telem.yuzen + li.yuzen + li.yuzen + li.yuzen + li.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(71.42857145% - 0.5vw + 5px);
    }

    li.telem.yuzen + li.yuzen + li.yuzen + li.yuzen + li.yuzen + li.yuzen + li.telem:not(.yuzen) {
        margin-left: calc(85.71428574% - 0.6vw + 6px);
    }

ul.aylik > li.telem.yuzen:before {
    font-family: var(--font);
    font-size: var(--fs25);
    color: #666666;
    left: 0;
    position: absolute;
    top: 0;
    content: attr(data-dateday);
    width: 100%;
    background-color: #CCCCCC;
}

li.telem.yuzen:after {
    display: none;
}

li.telem.yuzen > div.cikis {
    position: absolute;
    right: 0;
    top: 0;
    font-size: var(--fs60);
    line-height: 2vh;
    font-weight: lighter;
    cursor: default;
}

li.telem.yuzen > ul {
    background-color: #F3F7F9;
}

ul.aylik > li.telem.yuzen {
    height: 20vh;
}

ul.haftalik > li.telem.yuzen {
    height: 60vh;
}

li.telem.yuzen > ul:hover {
    overflow-y: auto;
}

li.telem.yuzen > ul::-webkit-scrollbar {
    width: 2mm;
}

ul > li.takbas {
    position: absolute;
    top: 0;
    left: 0;
    height: 10.54625023vh;
    width: 100%;
    overflow: hidden;
    background-color: #FFFFFF;
}

    ul > li.takbas > div {
        height: 70%;
    }

        ul > li.takbas > div > div {
            width: 33.3333333333%;
            float: left;
            position: relative;
            font-size: var(--fs40);
            height: 100%;
        }

            ul > li.takbas > div > div:first-child {
                top: 25%;
                left: 1%;
            }

                ul > li.takbas > div > div:first-child > div {
                    text-align: center;
                    float: left;
                    width: 16.6666666%;
                    font-size: var(--fs20);
                    padding: 0.2vw;
                    border: 1px solid #C1C1C1;
                    border-left: 0;
                    cursor: pointer;
                }

                    ul > li.takbas > div > div:first-child > div:first-child {
                        border-left: 1px solid #C1C1C1;
                    }

                    ul > li.takbas > div > div:first-child > div.aktif {
                        background-color: #C1C1C1;
                    }

            ul > li.takbas > div > div:nth-child(2) {
                text-align: center;
            }

                ul > li.takbas > div > div:nth-child(2) > div.before,
                ul > li.takbas > div > div:nth-child(2) > div.after {
                    font-family: var(--fonticon);
                    position: absolute;
                    top: 0;
                    display: flex;
                    align-items: center;
                    line-height: 150%;
                    height: 100%;
                    cursor: default;
                }

                ul > li.takbas > div > div:nth-child(2) > input[type="month"],
                ul > li.takbas > div > div:nth-child(2) > input[type="week"],
                ul > li.takbas > div > div:nth-child(2) > input[type="date"] {
                    border: 0;
                    background-color: transparent;
                    font-size: var(--fs35);
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    padding: 2vh;
                    outline: none;
                }

ul.gunluk > li.takbas > div > div:nth-child(2) > .before + div {
    float: left;
    position: relative;
    width: 35%;
    left: 0;
    text-align: right;
    margin-left: 10%;
}

ul > li.takbas > div > div:nth-child(2) > input[type="date"] {
    float: left;
}

ul > li.takbas > div > div:nth-child(3) {
    top: 25%;
    width: 32.3333333333%;
}

    ul > li.takbas > div > div:nth-child(3) > * {
        float: right;
    }

    ul > li.takbas > div > div:nth-child(3) div.buton:before {
        font-family: var(--fonticon);
    }

    ul > li.takbas > div > div:nth-child(3) > div.buton:hover:before {
        color: var(--a);
    }

    ul > li.takbas > div > div:nth-child(3) > div.ayarmenu {
        display: none;
    }

ul.ayar > li.takbas > div > div:nth-child(3) > div.ayarmenu {
    display: block;
}

    ul.ayar > li.takbas > div > div:nth-child(3) > div.ayarmenu > div.buton {
        background-color: #B5B7B8;
        color: #FFFFFF;
        border: 1px solid #B5B7B8;
        padding: 5%;
        right: 20%;
        float: right;
        position: relative;
    }

        ul.ayar > li.takbas > div > div:nth-child(3) > div.ayarmenu > div.buton:hover {
            background-color: #666666;
        }

ul > li.takbas > div > div:nth-child(3) > div.ayarmenu > div.tatilb:before {
    content: '\f044 ';
}

ul > li.takbas > div > div:nth-child(3) > div.ayar:before {
    content: '\f013';
}

ul > li.telem > ul > li.dahafazla {
    text-align: center;
    cursor: default;
    font-size: var(--fs22);
}

ul.gunluk {
    height: 100%;
}

    ul.gunluk > li.aracizgi {
        display: none;
    }

    ul.gunluk > li.telem {
        margin-top: 11.74625023vh;
        height: 200%;
    }

        ul.gunluk > li.telem > ul {
            height: 100%;
            width: auto;
            flex-direction: row;
            display: flex;
        }

            ul.gunluk > li.telem > ul > li:not(.saat) {
                width: 13.02083333vw;
                margin-left: 2.604166667vw;
                min-width: 13.02083333vw;
                max-width: 13.02083333vw;
                background-color: var(--a);
            }

            ul.gunluk > li.telem > ul > li.saat {
                border-right: 0.1vw solid #CCCCCC;
                width: 5.520833333vw;
                max-width: 5.520833333vw;
                margin-left: 2.604166667vw;
                background-color: transparent;
                position: relative;
            }

                ul.gunluk > li.telem > ul > li.saat > ul > li {
                    height: 4.1666666667%;
                }

                    ul.gunluk > li.telem > ul > li.saat > ul > li.ara {
                        border-bottom: 0.1vw solid #CCCCCC;
                        height: 0;
                        padding: 0;
                        margin: 0;
                        width: 92vw;
                    }

            ul.gunluk > li.telem > ul > li:not(.saat):hover {
                background-color: #CEE8FD;
            }

            ul.gunluk > li.telem > ul > li > label > ul {
                background-color: transparent;
                height: 100%;
            }

                ul.gunluk > li.telem > ul > li > label > ul > li {
                    text-align: center;
                    font-size: 1vw;
                }

ul > li.takbas > div > div:nth-child(2) > div.before:hover,
ul > li.takbas > div > div:nth-child(2) > div.after:hover {
    font-size: var(--fs60);
    line-height: 100%;
}

ul > li.takbas > div > div:nth-child(2) > div.before {
    left: 0;
}

ul > li.takbas > div > div:nth-child(2) > div.after {
    right: 0;
}

ul > li.takbas > ul {
    overflow: hidden;
    height: 30%;
    position: absolute;
    bottom: 0;
    text-align: center;
}

ul.gunluk > li.takbas > ul {
    border-bottom: 0.1vw solid #CCCCCC;
    width: 98%;
    left: 1%;
}

ul > li.takbas > ul > li {
    float: left;
    width: calc(14.28571429% - 0.1vw);
}

ul.gunluk > li.takbas > ul > li {
    width: 0;
}

div.autoetiket > *, div.autoetiket:before {
    position: absolute;
    width: 100%;
    transition: all 0.15s cubic-bezier(0.24, 0.25, 0.74, 0.73);
    font-family: var(--font);
}

div.autoetiket:before {
    content: attr(data-etiket);
    font-size: 1vw;
    top: 0;
    padding-top: 0;
    margin-top: 0;
    color: #3F7EBE;
    font-size: var(--fs20);
    font-weight: bold;
}

div.autoetiket.odaksiz:before {
    max-height: 50%;
    height: auto;
    margin-top: auto;
    bottom: 50%;
    top: 50%;
    color: #666666;
    font-size: var(--fs23);
    font-weight: normal;
}

div.autoetiket > input,
div.autoetiket > textarea {
    border: 0;
    border-bottom: 1px solid #888888;
    border-radius: 0;
    height: 66%;
    top: 33%;
    background: transparent;
    background-image: linear-gradient(var(--a),var(--a)),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
    background-size: 0 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom,center calc(100% - 1px);
    outline: none;
}

    div.autoetiket > input:focus,
    div.autoetiket > textarea:focus {
        border: 0;
        background-size: 100% 2px,100% 1px;
    }

div.pencere.tatilduzenle {
    transition: all 0.3s ease-out;
    top: 15.14vh;
    left: 100%;
    height: calc(100% - 15.25vh);
    width: 50vmax;
    padding: 0 !important;
    z-index: 6 !important;
}

.pencere.tatilduzenle > .icerik > div:nth-child(3) {
    margin: 2% 0 2% 0;
    color: #666666;
}

div.pencere.tatilduzenle > div:not(.baslik):not(:last-child) > div:first-child {
    display: flex;
    align-items: center;
    width: 20%;
}

div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri {
    height: 57%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    overflow-y: scroll;
    font-size: var(--fs20);
}

    div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri > li:not(:last-child) {
        border-bottom: 1px solid #a0a0a0;
    }

    div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri > li {
        height: 15%;
        color: #666666;
        display: flex;
        vertical-align: middle;
        align-items: center;
        cursor: default;
    }

        div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri > li:hover {
            background-color: #EEE;
        }

        div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri > li.secili {
            background-color: #DDD;
        }

        div.pencere.tatilduzenle > div.icerik > ul.ozelguntipleri > li:before {
            content: '\2000\F111\2000';
            font-family: var(--fonticon);
            font-size: 4.5vh;
        }

.pencere.tatilduzenle > .icerik > div:first-child > div:nth-child(2):empty:before {
    content: '-';
}

div.sihirbaz {
    position: relative;
    overflow: hidden;
}

    div.sihirbaz > div {
        height: 100%;
        width: 100%;
        position: absolute !important;
        background-color: var(--bg2);
        transition: transform var(--animasyonsuresi);
        overflow-y: auto;
    }

        div.sihirbaz > div:not(.aktif) ul.liste > li:first-child {
            visibility: hidden;
            z-index: -1000;
        }

    div.sihirbaz button.onceki:before, div.sihirbaz button.sonraki:before, div.sihirbaz button.onay:before {
        font-family: var(--fonticon);
    }

div.pencere button.sonraki:before {
    content: '\F105';
}

div.pencere button.onceki:before {
    content: '\F104';
}

div.sihirbaz > div.aktif:not(.sol):not(.sag) {
    transform: translateX(0);
}

div.sihirbaz > div.sol {
    transform: translateX(-110%);
}

div.sihirbaz > div.sag {
    transform: translateX(110%);
}

div.sihirbaz[dik] > div {
    transition: height 0.5s ease-in-out,top 0.5s ease-in-out;
}

div.sihirbaz[dik][ezmeli] > .sol {
    height: 0;
    top: 0;
    left: 0;
}

div.sihirbaz[dik][ezmeli] > .sag {
    height: 0;
    left: 0;
    top: 100%;
}

div.sihirbaz[dik][ezmeli] > :not(.sag):not(.sol) {
    box-shadow: #A0A0A0 0vw 0vw 0.5vw;
}

div .fuzun {
    width: 100%;
    position: relative;
}

    div.fuzun > * {
        position: relative;
        float: right;
        color: var(--fckoyu);
        height: 4.703703704vh;
        display: flex;
        align-items: center;
    }

    div.fuzun > ul {
        margin: 0;
        padding: 0;
    }

    div.fuzun > div:not(.coklukutu) > input,
    div.fuzun > div:not(.coklukutu) > zet-input:not([type="checkbox"]) {
        position: relative;
        width: 100%;
        background-color: #ffffff;
        height: 100%;
        outline: none;
        padding: 1vh;
        font-size: var(--fs18);
    }

    div.fuzun > div:not(.coklukutu) > zet-input {
        padding: 0 !important;
    }

    div.fuzun > div.coklukutu > input {
        height: 2.703704vh;
        margin: 0.3vw;
    }

        div.fuzun > div.coklukutu > input:focus {
            width: 100%;
        }

div.coklukutu[validmessage]:after,
div.sagyuzencombo[validmessage]:after {
    content: attr(validmessage) !important;
    background: #fff;
    font-size: var(--fs13) !important;
    position: absolute !important;
    z-index: 2;
    right: 1% !important;
    bottom: 10% !important;
    color: red !important;
    font-family: 'var(--font)' !important;
}

div.coklukutu.focus,
div.coklukutu:focus {
    border-color: var(--b5);
}

div.coklukutu.invalid,
div.sagyuzencombo.invalid {
    border-color: #ff4343;
}

@keyframes invalidfcs {
    0% {
        border-color: #000;
    }

    100% {
        border-color: #ff4343;
    }
}

.coklukutu.invalid:focus {
    animation: invalidfcs 0.5s !important;
}


div.fuzun > div > input:focus,
div.fuzun > div > textarea:focus,
div.fuzun > div > zet-input > input:focus {
    border-color: var(--b5);
}

div.fuzun > div:first-child,
div.fserbest > div:first-child {
    float: left;
    font-size: var(--fs18);
}

div.fuzun > div:last-child {
    float: none;
    clear: both;
    height: 0;
    padding: 1%;
}

.infolu > span:before,
zet-satir[info] > etiket > span:before {
    content: '\f05a';
    font-family: var(--fonticon);
    font-size: var(--fs15);
    margin-left: 0.5vh;
    color: var(--d);
    font-weight: normal;
    pointer-events: none;
    user-select: none;
}


.infolu > span:after {
    content: attr(metin);
    position: absolute;
    z-index: 3;
    background: var(--fckoyu066);
    color: #fff;
    padding: 0.5vh;
    font-size: var(--fs15);
    margin: 1vh;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    min-width: 15vw;
    font-weight: normal;
    display: none;
}

span.zetsatinfo {
    top: var(--otop);
    left: var(--oleft);
    position: absolute;
    z-index: 3;
    background: var(--fckoyu066);
    color: #fff;
    padding: 1.5vh;
    font-size: var(--fs15);
    transform: translate(1vh, 1.5vh);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    min-width: 15vw;
    max-width: 17vw;
    font-weight: normal;
    z-index: 200;
    border-radius: 5px;
    box-sizing: border-box;
}

zet-satir[info]:not(.m) > etiket > span:after {
    top: 0;
    padding: 0.5vh 1vh;
    margin: 0.5vh 1vh 1vh 2vh;
    min-width: 25vw;
}

.infolu.acik > span:after {
    display: block;
}

zet-satir[info].ia > etiket > span:after {
    content: '' var(--zsinfo) '';
    display: block;
}

.infolu.acik > span:before,
zet-satir[info].ia > etiket > span:before {
    content: '\f00d';
    color: #ff4343;
}


.fuzun.farea {
    height: auto;
    min-height: 11vh;
}

    .fuzun.farea > * {
        height: auto;
    }

    .fuzun.farea textarea {
        width: 100%;
        height: auto;
        resize: vertical;
    }


.fuzun > div:nth-child(3):not(:last-child) {
    transition: height 0.5s;
    height: 0;
    overflow: hidden;
    padding-top: 0;
}

.radblok + div:not(:last-child) > input:nth-child(2) {
    margin-left: 1vmax;
}

.radblok + div:not(:last-child) > input {
    width: 50%;
}

.radblok + div:not(:last-child).acik {
    height: 5vh;
    padding: 2% 0;
}

div.fisa {
    width: 100%;
    position: relative;
}

    div.fisa > div {
        position: relative;
        float: left;
        color: var(--fckoyu);
        height: 4.703703704vh;
        display: flex;
        align-items: center;
        margin: 0 0.5%;
        box-sizing: border-box;
    }

        div.fisa > div.resmetin,
        div.fuzun > div.resmetin {
            background-color: #fff;
            border: 1px solid var(--inputbordercolor);
            border-radius: var(--inputborderradius);
        }

div.resmetin.focus,
div.resmetin.focus,
div.sagyuzencombo.resmetin:focus {
    background-color: var(--b5) !important;
    border-color: var(--b5) !important;
}

    div.resmetin.focus:before,
    div.sagyuzencombo.resmetin:focus:before {
        color: #fff;
    }

div.resmetin > input {
    padding: 0;
    transition: all 0.5s;
    background: #fff !important;
}

.resmetin input.sagyuzencombo {
    width: calc(100% - 5vh);
    padding: 1vh;
}

div.resmetin.focus > input,
.resmetin.invalid > input {
    padding: 1.574074074vh;
}

div.resmetin.sagyuzencombo > input {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: 0;
}

div.fisa > div:not(.resmetin) > input {
    border: 1px solid var(--inputbordercolor);
    border-radius: var(--inputborderradius);
}

    div.fisa > div:not(.resmetin) > input:focus,
    div.fisa > div > zet-input > input:focus {
        border: 1px solid var(--b5);
    }


div.fisa > div:nth-child(2n) {
    margin-left: 0;
}

div.fisa > div:nth-child(2n-1) {
    margin-right: 0;
}

div.fisa > div > input,
div.fisa > div > zet-input {
    position: relative;
    width: 100%;
    background-color: var(--bg);
    border-color: var(--inputbordercolor);
    height: 100%;
    outline: none;
    border: 0;
    font-size: var(--fs18);
}

    div.fisa > div > zet-input.ackapat {
        width: auto;
    }

    div.fisa > div > input:focus {
        border-color: var(--b5);
    }

div.fisa > div:first-child {
    float: left;
    margin: 0;
    font-size: var(--fs18);
}

div.fisa > div:last-child {
    float: none;
    clear: both;
    padding: 1%;
    height: 0;
}

div.fuzun > div > zet-input > input,
div.fisa > div > zet-input > input {
    width: 100%;
    height: 100%;
}

div.fserbest {
    width: 100%;
    position: relative;
}

    div.fserbest > div {
        position: relative;
        float: left;
        width: 39.5%;
        color: var(--fckoyu);
        display: flex;
        align-items: center;
    }

        div.fserbest > div:nth-child(2n) {
            padding-left: 0;
        }

        div.fserbest > div:nth-child(2n-1) {
            padding-right: 0;
        }

        div.fserbest > div > *:not(button),
        .fuzun > div > textarea {
            position: relative;
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            background-color: transparent;
            height: 100%;
            outline: none;
            font-size: var(--fs18);
            resize: none;
        }

    div.fserbest textarea:focus {
        border-color: var(--b5);
    }

    div.fserbest > div:last-child {
        float: none;
        clear: both;
        padding: 1%;
        height: 0;
    }

    div.fserbest.coklu > div:not(:first-child):not(:last-child) {
        display: none;
    }

.fserbest.coklu.fatura > div:nth-child(2),
.fserbest.coklu.fatura > div:nth-child(3),
.fserbest.coklu.posta > div:nth-child(4),
.fserbest.coklu.posta > div:nth-child(5) {
    display: flex !important;
}

div.fserbest.edit > div:first-child {
    height: 4.703703704vh;
}

.fuzun.area > div:nth-child(2) {
    height: 12vh;
}

.dosyukle {
    border: 2px dashed #a0a0a0;
    padding: 2vh;
    text-align: center;
    min-height: 10vh;
}

    .dosyukle > div {
        padding: 0.5vh;
        font-size: var(--fs20);
    }

        .dosyukle > div:last-child {
            font-size: var(--fs13);
        }


div.resmetin {
    overflow: hidden;
    outline: 0;
}

    div.resmetin > * {
        border: 0;
        border-radius: 0;
    }

    div.resmetin:before {
        font-family: var(--fonticon);
        content: '\2000';
        color: var(--b5);
        padding: 1vh;
        width: 3vh;
        font-size: var(--fs20);
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.resmetin.list {
        width: 100%;
        height: 100%;
    }

        div.resmetin.list > input {
            width: calc(100% - 4vh);
            height: 100%;
            background: transparent;
        }

        div.resmetin.list:hover > input {
            padding: 0 0 0 0.5vh;
        }

    div.resmetin:before {
        height: 3vh;
        padding: 1vh;
        border-radius: 5px;
    }

    div.resmetin.list:not(.focus):not(:focus):hover:before {
        background-color: transparent !important;
        font-weight: bold;
    }

    div.resmetin.sagyuzencombo {
        padding: 0;
    }

    div.resmetin.tel:before {
        content: '\F095';
    }

    div.resmetin.gsm:before {
        content: '\f10b';
    }

    div.resmetin.edit:before {
        content: '\f040';
    }

    div.resmetin.faks:before {
        content: '\f1ac';
    }

    div.resmetin.mail:before {
        content: '\f1fa';
    }

    div.resmetin.web:before {
        content: '\f0ac';
    }


    div.resmetin:before {
        content: '\f141';
        position: relative;
        font-size: var(--fs17);
    }

    div.resmetin.sagyuzencombo > input + div {
        background: #fff;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 3%;
        font-size: var(--fs18);
    }

    div.resmetin.invalid:not(:hover):not(.focus):not(:focus):after {
        content: '\f071';
        color: #ff4343;
        position: absolute;
        right: 1vh;
        font-family: var(--fonticon);
        opacity: 0.5;
        top: 1.5vh;
    }

.resmetin.focus:not(.sagyuzencombo):hover > input {
    padding: 1.574074074vh;
}

.fisa > div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child) {
    margin-bottom: 2vh;
}

.fisa > div:nth-child(4),
.fisa > div:nth-child(5) {
    margin-top: 2vh;
}

.fuzun .sagyuzencombo.box,
.fisa .sagyuzencombo.box,
.fserbest .sagyuzencombo.box {
    box-sizing: border-box;
    font-size: var(--fs18);
    height: 4.703703704vh;
}


.fisa[set] > div:first-child > span > div > div:first-child,
.fuzun[set] > div:first-child > span > div > div:first-child {
    font-family: var(--fonticon);
    width: 3.5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs20);
    background: #fff;
}

.fisa[set] > div:first-child > span,
.fuzun[set] > div:first-child > span {
    position: absolute;
    right: 13%;
    z-index: 2;
}


    .fisa[set] > div:first-child > span > div > div:nth-child(2),
    .fuzun[set] > div:first-child > span > div > div:nth-child(2) {
        display: none;
    }

    .fisa[set] > div:first-child > span > div,
    .fuzun[set] > div:first-child > span > div {
        float: left;
    }

        .fisa[set] > div:first-child > span > div:hover > div:nth-child(2),
        .fuzun[set] > div:first-child > span > div:hover > div:nth-child(2) {
            display: block;
            position: absolute;
            top: 3vh;
            padding: 1vh;
            font-size: var(--fs14);
            box-shadow: #a0a0a0 0vw 0vw 0.2vw;
            color: #fff;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            background: var(--fckoyu066);
            min-width: 6vw;
            width: auto;
            text-align: center;
        }

        .fisa[set] > div:first-child > span > div > div:first-child:hover,
        .fuzun[set] > div:first-child > span > div > div:first-child:hover {
            color: #444;
        }

.sagyuzencombo.box:after {
    font-family: var(--fonticon);
    content: '\f107';
    position: absolute;
    right: 2.5vh;
    font-size: var(--fs20);
}

.sagyuzencombo:not(.ekle):empty:before {
    content: attr(placeholder);
    color: var(--b3);
    font-size: var(--fs17);
    font-weight: normal;
}

.sagyuzencombo[required]:not(.ekle):empty {
    border-color: #ff4343;
}

.sagyuzencombo.box:hover {
    border-color: var(--b4);
}

.sagyuzencombo:not(.ekle).load:after {
    animation: dondur 1s infinite;
    transform: rotate(360deg);
    content: '\f1ce';
    font-family: var(--fonticon);
    position: absolute;
    right: 2%;
}

.sagyuzencombo.ekle.load:before {
    animation: dondur 1s infinite;
    transform: rotate(360deg);
    content: '\f1ce';
    position: absolute;
}



.pencere.load:before,
.butonbox > div.load:before {
    animation: dondur 1s infinite;
    transform: rotate(360deg);
    content: '\f1ce';
    font-family: var(--fonticon);
    position: absolute;
    margin: auto;
    color: var(--d);
    z-index: 2;
    font-size: var(--fs40);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 46%;
    left: calc(50% - 2.5vh);
    width: 5vh;
}

.pencere.load.solmenulu:before {
    z-index: 4;
}

.pencere.load:after,
.butonbox > div.load:after {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    backdrop-filter: saturate(180%) blur(3px);
}

.pencere.load.solmenulu:after {
    z-index: 3;
}

.butonbox > div.load:before {
    top: 30%;
    left: 33%;
}

.sagyuzencombo:not(.ekle).hata:after {
    content: '\f071' !important;
    transform: unset !important;
    animation: unset !important;
    color: #ff4343;
    font-family: var(--fonticon);
    position: absolute;
    right: 1vh;
    opacity: 0.5;
}

form.load:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: var(--fs50);
    background: #ffffff7a;
}

form.load:after {
    animation: dondur 1s infinite;
    transform: rotate(360deg);
    content: '\f1ce';
    display: flex;
    position: absolute;
    background: #ffffff7a;
    font-family: var(--fonticon);
    color: #f9806a;
    z-index: 3;
    left: calc(50% - 2.5vh);
    top: 20%;
    font-size: var(--fs50);
    width: 5vh;
}

.kmen > ul > li:first-child {
    font-size: var(--fs20);
    font-family: var(--fonticon);
    position: absolute;
    top: 0;
    right: 0;
    width: 3vh;
    height: 3vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kmen > ul > li:last-child {
    font-size: var(--fs20);
    position: absolute;
    background: #fff;
    z-index: 115;
    width: auto;
    height: 0;
    right: 0;
    top: 3vh;
    box-shadow: #A0A0A0 0 0 0.5vh;
    margin-right: 3%;
    transition: all 0.5s;
    overflow: hidden;
}

.kmen.acik > ul > li:last-child {
    height: auto;
}

    .kmen.acik > ul > li:last-child > ul > li {
        padding: 1vh 2vh;
    }

        .kmen.acik > ul > li:last-child > ul > li:hover {
            background: #F3F3F3;
        }

.pencere ::placeholder {
    color: var(--b3);
    font-size: var(--fs17);
}

.resmetin > input + div:empty:after {
    content: attr(placeholder);
    color: var(--b3);
    font-size: var(--fs17);
}

div.sekmeler {
    background-image: linear-gradient(var(--b2),var(--b2)),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
    background-size: 100% 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: center top,center calc(100% - 1px);
    overflow: hidden;
    transition: All .3s ease-out;
    user-select: none;
}

    div.sekmeler > ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-family: var(--font);
        color: var(--fckoyu);
    }

    div.sekmeler.yty > ul {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
        height: 100%;
    }

    div.sekmeler > ul > li {
        float: left;
        padding: 0;
        background-image: linear-gradient(var(--a),var(--a)),linear-gradient(transparent,transparent);
        background-size: 0 2px,0 1px;
        background-repeat: no-repeat;
        background-position: center top,center calc(100% - 1px);
        transition: background .3s ease-out;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        display: flex;
        height: 100%;
        align-items: center;
        cursor: pointer;
        font-size: var(--fs18);
    }

    div.sekmeler:not(.icon) > ul > li.secik {
        background-size: 100% 2px,100% 1px;
    }

div.pencere.belgeayarlari {
    position: absolute;
    top: 18.37962963vh;
    left: 21.875vw;
    transition: all 0.5s ease-in-out;
    box-shadow: none;
    z-index: 1001;
    height: calc(63.24074074vh - 2vw);
    width: 56.25vw;
    padding: 1vw !important;
    overflow: hidden !important;
    background-color: #F3F7F9;
    border: 0;
    border-radius: 0.8vh;
    margin: 0.8vh;
}

    div.pencere.belgeayarlari > div.baslik,
    div.pencere.belgeayarlari > div.baslik > span {
        color: #666666;
    }

        div.pencere.belgeayarlari > div.baslik > span {
            font-size: var(--fs25);
        }

    div.pencere.belgeayarlari + div.bgfiltre {
        background-color: rgba(0,0,0,0.2);
        display: block;
        z-index: 1000;
    }

div.pencere.gorunumduzpen {
    position: absolute;
    top: 18.37962963vh;
    left: 21.875vw;
    transition: all 0.5s ease-in-out;
    box-shadow: none;
    z-index: 1001;
    height: calc(63.24074074vh - 2vw);
    width: 56.25vw;
    padding: 1vw !important;
    overflow: hidden !important;
    background-color: #F3F7F9;
    border: 0;
    border-radius: 0.8vh;
    margin: 0.8vh;
}

    div.pencere.gorunumduzpen > div.baslik,
    div.pencere.gorunumduzpen > div.baslik > span {
        color: #666666;
    }

        div.pencere.gorunumduzpen > div.baslik > span {
            font-size: var(--fs25);
        }

    div.pencere.gorunumduzpen > div.sihirbaz {
        height: calc(85% - 0.6770833333vw);
    }

    div.pencere.gorunumduzpen + div.bgfiltre {
        background-color: rgba(0,0,0,0.2);
        display: block;
        z-index: 1000;
    }

    div.pencere.gorunumduzpen > form > div.sihirbaz > div > button {
        float: right;
        height: 7.685185185vh;
        width: 7.685185185vh;
        font-size: var(--fs40);
        max-height: none;
    }

select.parabirimsec {
    display: none;
    position: fixed;
    overflow: hidden;
}

div.pencere.belgeayarlari div.dovizkur {
    position: relative;
    float: right;
    width: 10.03009027vw;
    font-family: var(--font);
    color: #666666;
}

    div.pencere.belgeayarlari div.dovizkur > div {
        text-align: center;
    }

    div.pencere.belgeayarlari div.dovizkur > ul {
        border: 1px solid #666666;
        border-radius: 0.3vw;
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 41.57407407vh;
        overflow-y: auto;
    }

        div.pencere.belgeayarlari div.dovizkur > ul::-webkit-scrollbar {
            width: 0.4vw;
        }

        div.pencere.belgeayarlari div.dovizkur > ul > li {
            background-color: #CEE8FD;
            margin: 1vh;
            font-size: var(--fs23);
            height: 3vh;
        }

            div.pencere.belgeayarlari div.dovizkur > ul > li > input {
                width: 70%;
                right: 0;
                float: right;
                background-color: transparent;
                border: 0;
                border-radius: 0;
                padding: 0;
                text-align: right;
                outline: none;
            }

            div.pencere.belgeayarlari div.dovizkur > ul > li:hover {
                background-color: var(--a);
            }

div.pencere.gorunumduzpen ul.sutliste {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 20.06018054vw;
    float: left;
    border: 1px solid #666666;
    border-radius: 0.7vh;
    height: 41.57407407vh;
    overflow: hidden;
}

    div.pencere.gorunumduzpen ul.sutliste:first-child {
        margin-left: 4vw;
    }

    div.pencere.gorunumduzpen ul.sutliste::-webkit-scrollbar {
        width: 1mm;
    }

    div.pencere.gorunumduzpen ul.sutliste:hover {
        overflow-y: auto;
    }

    div.pencere.gorunumduzpen ul.sutliste > li {
        background-color: #CEE8FD;
        margin: 1vh;
        padding: 0.5vh;
        text-align: center;
        font-family: var(--font);
        color: #666666;
        cursor: default;
    }

    div.pencere.gorunumduzpen ul.sutliste + div + ul.sutliste > li {
        margin-top: 0;
        margin-bottom: 0;
    }

    div.pencere.gorunumduzpen ul.sutliste > li span {
        font-size: var(--fs17);
    }

    div.pencere.gorunumduzpen ul.sutliste > li[data-bsid='-1'] {
        position: relative;
        height: 1vh;
        background-color: transparent;
        padding: 0;
    }

    div.pencere.gorunumduzpen ul.sutliste > li:hover {
        background-color: var(--a);
    }

    div.pencere.gorunumduzpen ul.sutliste > li[data-bsid='-1']:hover {
        background-color: transparent;
    }

    div.pencere.gorunumduzpen ul.sutliste > li:not([data-bsid='-1']) + li:not([data-bsid='-1']) + li[data-bsid='-1'],
    div.pencere.gorunumduzpen ul.sutliste > li:not([data-bsid='-1']) + li:not([data-bsid='-1']) + li:not([data-bsid='-1']) + li[data-bsid='-1'] + li[data-bsid='-1'] {
        display: none;
    }

    div.pencere.gorunumduzpen ul.sutliste > li > span:before {
        content: ' (';
    }

    div.pencere.gorunumduzpen ul.sutliste > li > span:after {
        content: ') ';
    }


sekmeler {
    display: block;
    position: relative;
}

    sekmeler > sekme {
        position: relative;
        height: 5.5vh;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 1vh 2vh;
        box-sizing: border-box;
        font-size: var(--fs18);
        cursor: pointer;
        user-select: none;
    }


        sekmeler > sekme.acik {
            background: #fff;
        }

        sekmeler > sekme:not(.acik):hover {
            background: #f3f3f3;
        }

    sekmeler:not([alt]) > sekme.acik:after {
        content: '';
        height: 3vh;
        width: 5px;
        background: var(--d);
        border-radius: 5px;
        position: absolute;
        left: 0;
    }

    sekmeler[yatay] > sekme {
        width: auto !important;
        float: left;
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 0 1vw;
        font-weight: bold;
    }

    sekmeler[yatay]:not([alt]) > sekme.acik:after {
        height: 3px;
        width: 3vw;
        padding: 0;
        position: relative;
        bottom: 0;
    }


    sekmeler[yatay][alt] {
        display: flex;
        white-space: pre;
        overflow: auto;
        align-items: center;
        justify-content: flex-start;
    }

        sekmeler[yatay][alt] > sekme.acik:before {
            width: 100%;
            background: var(--d);
        }

        sekmeler[yatay][alt] > sekme:before {
            content: '';
            background: var(--b1);
            border-radius: 5px;
            height: 3px;
            padding: 0;
            position: absolute;
            top: 0;
            width: 0;
            transition: width var( --animasyonsuresi);
        }


zet-sihirbaz {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
}

    zet-sihirbaz > bolum {
        width: 100%;
        position: relative;
        display: block;
        height: var(--bolumh,auto);
    }

        zet-sihirbaz > bolum > icerik {
            overflow: hidden;
            width: 100%;
            display: block;
        }

        zet-sihirbaz > bolum > baslik {
            content: attr(id);
            font-weight: bold;
            margin-bottom: 2vh;
            background: rgba(255,255,255,0.8);
            width: 100%;
            position: sticky;
            top: 0;
            height: 5.5vh;
            overflow: hidden;
            z-index: 3;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            font-size: var(--fs20);
        }

        zet-sihirbaz > bolum > * {
            padding: 0 2vh;
            box-sizing: border-box;
        }


    zet-sihirbaz[yatay] {
        width: 100%;
        box-sizing: border-box;
        white-space: nowrap;
        position: relative;
        left: 0;
        min-width: 100%;
        overflow: hidden;
    }


        zet-sihirbaz[yatay] > bolum {
            width: var(--bolumw,100%);
            height: var(--bolumh,100%);
            display: inline-block;
            vertical-align: top;
            overflow: auto;
        }

    zet-sihirbaz[basliksiz] > bolum > baslik {
        display: none;
    }

    zet-sihirbaz > bolum > baslik > .bolummenu > button {
        width: 3vh;
        height: 3vh;
        border-radius: 50px;
        margin-left: 8px;
        cursor: pointer;
    }

        zet-sihirbaz > bolum > baslik > .bolummenu > button[icon]:before {
            content: attr(icon);
            font-family: var(--fonticon);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            font-size: var(--fs15);
        }

        zet-sihirbaz > bolum > baslik > .bolummenu > button[icon='ekle']:before{
            content:'\2b';
        }

    zet-sihirbaz > bolum > baslik > span {
        display: block;
        float: left;
        position: relative;
    }


    zet-sihirbaz > bolum > baslik.menulu > span > button {
        border-radius: 50%;
        font-family: var(--fonticon);
        font-size: var(--fs18);
        width: 4vh;
        height: 4vh;
        padding: 0;
    }

    zet-sihirbaz > bolum > baslik.menulu {
        justify-content: space-between;
    }

        zet-sihirbaz > bolum > baslik.menulu > span > button:not(:last-child) {
            margin-right: 0.5vh;
        }


div.pencere.kilitekrani > img,
div.pencere.kullanici > .baslik img {
    height: 9vh;
    width: 9vh;
    position: absolute;
    top: 25%;
    margin: auto;
    border-radius: 50%;
}

div.pencere.kilitekrani > span {
    margin: auto;
    width: auto;
    position: absolute;
    top: 37%;
    font-size: var(--fs20);
}

.pencere.kullanici.kendi .coklukutu[name="dep"]:has(>div.oluşuk) {
    pointer-events: none;
}

.pencere.kullanici.kendi .coklukutu[name="dep"] > div.oluşuk + .sagyuzencombo.ekle {
    display: none;
}

@keyframes kilitsifre {
    0% {
        transform: translateX(0%);
    }

    25% {
        transform: translateX(25%);
    }

    50% {
        transform: translateX(-25%);
    }

    75% {
        transform: translateX(25%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes kilitload {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

div.pencere.kilitekrani > form > div.kilityanlissifre {
    animation-name: kilitsifre;
    animation-duration: 1s;
}

body > div.pencere.kilitekrani > form > div > button {
    height: 9vh;
    position: relative;
    width: 5vw;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    body > div.pencere.kilitekrani > form > div > button > div {
        animation: kilitload 1s infinite;
        font-family: var(--fonticon);
        font-size: 2vmax;
        padding: 0;
    }

.kilitdiv {
    width: 35vw;
    text-align: center;
    position: relative;
}

    .kilitdiv > button:empty:before {
        content: '\f105';
        font-family: var(--fonticon);
        font-size: 2.5vmax;
    }

div.pencere.alertkutusu,
div.pencere.kilitekrani,
div.pencere.yuzenpencere {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 10000000000;
}

.kilitdiv > input[type="password"] {
    height: 9vh;
    font-size: 2vmax;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

div.pencere.alertkutusu > div,
div.pencere.yuzenpencere > div {
    background: #ffffff;
    padding: 1vh;
    min-width: 25%;
    max-width: 40%;
    max-height: 95%;
    box-shadow: 0 1vh 1vh -1vh rgb(109, 109, 109);
    border-radius: 1vh;
}

    div.pencere.alertkutusu > div > div,
    div.pencere.yuzenpencere > div > div {
        padding: 1vh;
        display: flex;
        align-items: center;
        max-height: 70%;
        overflow-y: auto;
    }

        div.pencere.alertkutusu > div > div[validationmessage]:after {
            content: attr(validationmessage);
            font-size: var(--fs14);
            margin-top: 5px;
            color: #ff4343;
        }

        div.pencere.alertkutusu > div > div[validationmessage] {
            flex-direction: column;
            align-items: flex-start;
        }

        div.pencere.alertkutusu > div > div:nth-child(3) > input {
            width: 100%;
        }

        div.pencere.alertkutusu > div > div:first-child,
        div.pencere.yuzenpencere > div > div:first-child {
            font-size: var(--fs27);
        }

        div.pencere.alertkutusu > div > div:nth-child(2),
        div.pencere.yuzenpencere > div > div:nth-child(2) {
            font-size: var(--fs21);
            display: inline-block;
        }

            div.pencere.alertkutusu > div > div:nth-child(2) > img,
            div.pencere.yuzenpencere > div > div:nth-child(2) > img {
                height: 8.0555555555556vh;
                padding: 1vh;
                padding-right: 1.5vw;
            }

        div.pencere.alertkutusu > div > div:last-child,
        div.pencere.yuzenpencere > div > div:last-child {
            justify-content: flex-end;
        }

            div.pencere.alertkutusu > div > div:last-child > div:last-child,
            div.pencere.yuzenpencere > div > div:last-child > div:last-child {
                clear: both;
                float: none;
            }

            div.pencere.alertkutusu > div > div:last-child > button,
            div.pencere.yuzenpencere > div > div:last-child > button {
                font-weight: 100;
                padding: 0;
                width: 6.7vh;
                height: 6.7vh;
                font-size: var(--fs30);
                margin-left: 1vh;
                border-radius: 1vh;
            }

                div.pencere.alertkutusu > div > div:last-child > button:first-child:before,
                div.pencere.yuzenpencere > div > div:last-child > button:first-child:before {
                    content: '\F00C';
                    font-family: var(--fonticon);
                }

                div.pencere.alertkutusu > div > div:last-child > button:nth-child(2):before,
                div.pencere.yuzenpencere > div > div:last-child > button:nth-child(2):before {
                    content: '\f00D';
                    font-family: var(--fonticon);
                }

        div.pencere.alertkutusu > div > div:nth-child(2) > satir {
            display: inline-block;
            width: 100%;
            margin-bottom: 1vh;
        }

        div.pencere.alertkutusu > div > div:nth-child(2) > bilgi {
            font-size: var(--fs17);
            font-weight: lighter;
            padding: 0.5vh 0;
            display: inline-block;
            width: 100%;
        }

            div.pencere.alertkutusu > div > div:nth-child(2) > bilgi:before {
                content: '\f05a';
                font-family: var(--fonticon);
                margin-right: 6px;
                color: var(--d);
            }

.hsat {
    background: var(--bg2) !important;
    border: 1px dashed #a0a0a0;
    position: fixed;
    z-index: 1;
    background: #fff;
}

    .hsat input[type="search"],
    .hsat input[type=number] {
        background: var(--b05) !important;
        padding: 1vh !important;
        border-radius: 10px !important;
    }

body:not(.app) zet-boku {
    display: none !important;
}

body.app zet-boku {
    display: block !important;
}

zet-boku:before {
    width: 100%;
    height: 100%;
    content: '\f464';
    font-family: var(--fonticon);
    display: flex;
    align-items: center;
    justify-content: center;
}

zet-input[barkodstd] > barbut {
    width: 4vh;
    height: 100%;
    position: absolute;
    right: 4vh;
    font-size: var(--fs17);
    color: #a0a0a0;
    background: transparent;
    top: 0;
}

zet-input[type="search"][barkodstd] > barbut {
    right: 0;
}

body.app zet-input[barkodstd] > barbut {
    display: block !important;
}

zet-input[barkodstd] > barbut:before {
    width: 100%;
    height: 100%;
    content: '\f464';
    font-family: var(--fonticon);
    display: flex;
    align-items: center;
    justify-content: center;
}

zet-input[barkodstd] > input {
    padding-right: 3.5vh;
}

.topackap {
    z-index: 2;
}

@media print {
    body > :not(#yazdiralani) {
        display: none;
    }

    body > #yazdiralani {
        display: block;
    }
}

[data-ybar] {
    transition: all 0.5s ease-in-out;
    background-size: 0 100%;
    background-repeat: no-repeat;
}

.pencere > .baslik > div button {
    height: 100%;
    width: 100%;
    font-size: var(--fs30);
}

.pencere > .baslik > div > div:hover > div {
    display: block;
}

.pencere > .baslik > div:nth-child(3),
.pencere > .baslik > div:last-child:not(.sfbaslik) {
    font-family: var(--fonticon);
    width: 7.7vh;
    cursor: default;
    background-color: #ffffff;
    margin: 0.5vmin 0.5vmin 0 0;
    height: calc(100% - 0.5vmin);
}

.pencere > .baslik > div:last-child:not(.sfbaslik) {
    color: #A0A0A0;
}

.pencere > .baslik > div:last-child:hover {
    color: #666666;
}

.pencere > .icerik {
    overflow: auto;
    height: calc(100% - 11.7vh);
}

.pencere > .alt {
    height: 15%;
}

.etiketli {
    height: 8.5vh;
    margin: 2%;
    page-break-inside: avoid;
    position: relative;
}

    .etiketli.ks {
        width: 46%;
        float: left;
    }

    .etiketli > input,
    .etiketli > textarea,
    .etiketli > select,
    .etiketli > div.sagyuzencombo,
    .etiketli > .coklukutu,
    .etiketli > zet-searchbox,
    .etiketli > po-combo,
    .etiketli > zet-input > input,
    .etiketli > zet-input > textarea {
        width: 100%;
        height: 70%;
        background-color: transparent;
        background-position: center bottom, center calc(100% - 1px);
        background-repeat: no-repeat;
        background-size: 0 2px, 100% 1px;
        padding: 0;
        border: 0;
        transition: background 0s ease-out 0s;
        font-size: var(--fs18);
        color: var(--fckoyu);
        background-image: linear-gradient(var(--a), var(--a)), linear-gradient(#e4eaec,#e4eaec);
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .etiketli > input:hover,
        .etiketli > textarea:hover,
        .etiketli > select:hover,
        .etiketli > div.sagyuzencombo:hover,
        .etiketli > .coklukutu:hover,
        .etiketli > zet-searchbox:hover,
        .etiketli > po-combo:hover,
        .etiketli > zet-input > input:hover,
        .etiketli > zet-input > textarea:hover {
            background-image: linear-gradient(var(--a), var(--a)), linear-gradient(var(--b3),var(--b3));
        }

    .etiketli > .coklukutu {
        height: auto;
        min-height: 6vh;
        display: block;
        overflow: hidden;
    }

    .etiketli po-combo[type='single'] {
        height: 6vh;
    }

    .etiketli > .coklukutu > input {
        height: 4vh;
    }

    .etiketli.area {
        min-height: 8.5vh;
        height: auto;
    }

    .etiketli po-combo > icerik {
        padding-left: 0;
    }

    .etiketli > input:focus,
    .etiketli > textarea:focus,
    .etiketli > .coklukutu:focus,
    .etiketli > .coklukutu.focus,
    .etiketli > zet-input > input:focus,
    .etiketli > zet-input > textarea:focus {
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        float: none;
        background-size: 100% 2px, 100% 1px;
        outline: 0 none;
        transition-duration: 0.3s;
    }

    .etiketli > po-combo:has(input:invalid) {
        background-image: linear-gradient(#e4eaec, #E4EAED), linear-gradient(#ff4343, #ff4343);
    }

input:invalid,
textarea:invalid {
    border-color: #ff4343 !important;
}

.etiketli > input:invalid,
.etiketli > textarea:invalid,
.etiketli > zet-input > input:invalid,
.etiketli > zet-input > textarea:invalid {
    background-image: linear-gradient(#f73939, #f95757), linear-gradient(#f73939,#f95757);
}

.fuzun.m {
    min-height: 10vh;
}

    .etiketli > div,
    .fuzun.m > div {
        color: var(--fckoyu);
        font-size: var(--fs17) !important;
        position: relative;
    }

        .etiketli > div:first-child,
        .fuzun.m > div:first-child {
            font-weight: bold;
        }

        .fuzun.m > div.coklukutu {
            width: 100% !important;
            min-height: 4vh !important;
            box-sizing: border-box;
        }

        .etiketli > div:focus {
            font-size: var(--fs20);
        }

.etiketli:first-child {
    margin-top: 0;
}

.etiketli.sekarea {
    min-height: calc(17vh + 2%);
    height: auto;
}

.etiketli.duz:before {
    content: '\f303';
    border-radius: 50%;
    width: 2vh;
    height: calc(70% - 3vh);
    padding: 0.8vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0.2vh;
    bottom: 1.4vh;
    font-family: var(--fonticon);
    user-select: none;
    cursor: default;
    font-size: var(--fs21);
    color: var(--d);
}

.etiketli.duz:hover:before {
    color: var(--d11);
}

.etiketli.duz:active:before {
    color: var(--d12);
}

.etiketli > textarea,
.etiketli > zet-input > textarea {
    resize: vertical;
    min-height: 16vh;
    outline: none;
    padding-top: 3%;
    height: auto;
}

.etiketli > label {
    font-size: var(--fs18);
    font-weight: bold;
    display: block;
    width: 100%;
}

.etiketli.ronly {
    pointer-events: none;
    opacity: 0.6;
}

.etiketli > div.radblok {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.etiketli.small {
    height: auto;
    min-height: 5vh;
}

    .etiketli.small > div:first-child {
        height: 3vh;
        width: 100%;
        transform: translateY(1.8vh);
        color: #666666;
        font-weight: normal;
    }

    .etiketli.small > input {
        height: 0;
    }

        .etiketli.small > input:focus {
            height: 5vh;
        }

.etiketli > div.resmetin:hover {
    border-bottom: 1px solid var(--b3);
}

.etiketli > div.resmetin > div {
    display: flex;
    align-items: center;
    font-size: var(--fs20);
    border-bottom: 1px solid #e4eaec;
    position: absolute;
    width: 100%;
    padding-left: 5.5vh;
    height: calc(5vh - 1px);
    box-sizing: border-box;
    white-space: pre;
    text-overflow: ellipsis;
    height: 100%;
}

.etiketli > div.resmetin:before {
    height: calc(100% - 2vh);
}

.etiketli > div.resmetin {
    height: 70%;
}

.etiketli > div.sagyuzencombo {
    padding-left: 0.5vh;
}

.etiketli[required] > div.resmetin > div:empty:not(:hover) {
    border-color: #ff4343;
}

.etiketli > zet-input.ackapat {
    margin-top: 1.5vh;
}

.etiketli > div.radblok.iki {
    height: 4.5vh;
    margin: 1vh 0 0.5vh 0;
    float: left;
}

    .etiketli > div.radblok.iki > label {
        float: left;
        width: auto;
    }

.pencere.kucuk {
    position: absolute !important;
    overflow: hidden;
    cursor: default;
    font-size: var(--fs18);
    padding: 0 !important;
    color: var(--fckoyu);
    transition: transform var(--animasyonsuresi);
}

    .pencere.kucuk > div:first-child {
        width: calc(100% - 2vh);
        height: 6vh;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: var(--b05);
        padding-left: 2vh;
        color: var(--fckoyu);
        margin: 2vh 0 2vh;
        font-size: var(--fs18);
        font-weight: bold;
    }

        .pencere.kucuk > div:first-child:hover {
            background-color: #f3f3f3;
        }

        .pencere.kucuk > div:first-child:after {
            content: '\f00d';
            font-family: var(--fonticon);
            position: absolute;
            right: 2vh;
        }

    .pencere.kucuk > div:nth-child(2) {
        height: calc(100% - 10vh);
        margin-bottom: 20vh;
        overflow-y: auto;
    }

    .pencere.kucuk > div:nth-child(2) {
        padding: 0 2vh;
    }

.mbox {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

    .mbox > div {
        width: 100%;
        height: 4.703703704vh;
        display: flex;
        align-items: center;
    }

        .mbox > div:first-child {
            font-size: var(--fs18);
        }

        .mbox > div:not(.b) {
            padding-bottom: 1vh;
        }

        .mbox > div.b {
            font-weight: bold;
            font-size: var(--fs17);
            color: var(--fckoyu);
            margin-right: 2px;
        }

        .mbox > div > input,
        .mbox > div > zet-input,
        .mbox > div:not(.b) > div > input,
        .mbox > div:not(.b) > div > zet-input {
            position: relative;
            width: 100%;
            background-color: #ffffff;
            height: 100%;
            outline: none;
            padding: 1vh;
            font-size: var(--fs18);
        }

        .mbox > div:not(.b) > div {
            height: 100%;
            float: left;
        }

            .mbox > div:not(.b) > div.sagyuzencombo {
                width: 100%;
                box-sizing: border-box;
                padding: 1.2vh;
            }

        .mbox > div > div > div.sagyuzencombo {
            padding: 1vh;
            box-sizing: border-box;
            height: 100%;
            display: flex;
            align-items: center;
        }

    .mbox.coklu > div:not(.b) > div.sagyuzencombo {
        height: 5vh;
        margin-bottom: 1vh;
    }



.pencere.timelinebelge > div.icerik:empty:before {
    content: 'Belge Bulunamadı';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 89%;
    width: 100%;
    color: var(--b4);
    font-size: var(--fs22);
}

.pencere.baglibelgeler > div.icerik:empty:before {
    content: 'Bağlı Belge Bulunamadı';
}


.pencere.timelinebelge > div:nth-child(2) {
    padding: 0;
}

    .pencere.timelinebelge > div:nth-child(2) > div,
    .pencere.timelinebelge > div:nth-child(2) > form > div {
        width: 100%;
        height: 25vh;
        position: relative;
        transition: transform var(--animasyonsuresi);
    }

        .pencere.timelinebelge > div:nth-child(2) > div > div,
        .pencere.timelinebelge > div:nth-child(2) > form > div {
            float: left;
            position: static;
        }

.pencere.timelinebelge > div:not(.tekbelge):nth-child(2) > div.detay {
    background: var(--b05);
    transform: scale(0.90);
    border-radius: 10px;
}

.pencere.timelinebelge > div:nth-child(2) > div.detay ~ div {
    display: none;
}

.pencere.timelinebelge > div:nth-child(2) > div > div.hatalar {
    width: 100%;
    min-height: 5vh;
    margin: 1.5vh 0;
    display: none;
}

.pencere.timelinebelge > div.tekbelge:nth-child(2) > div > div.hatalar,
.pencere.timelinebelge > div:nth-child(2) > div.detay > div.hatalar {
    display: block;
}

.pencere.timelinebelge > div.tekbelge:nth-child(2) > div > div.hatalar {
    margin: 1.5vh;
    width: calc(100% - 3vh);
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child {
    width: 40%;
    height: 100%;
    border-right: 1px solid var(--b4);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:first-child,
    .pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:first-child {
        background: #278af1;
        color: #fff;
        width: 4vh;
        border-radius: 50%;
    }

.pencere.timelinebelge > div:nth-child(2) > div > div > div,
.pencere.timelinebelge > div:nth-child(2) > form > div > div > div {
    width: 100%;
    height: 4vh;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: var(--fs18);
}

    .pencere.timelinebelge > div:nth-child(2) > div > div > div:first-child,
    .pencere.timelinebelge > div:nth-child(2) > form > div > div > div:first-child {
        color: var(--b6);
    }

.pencere.timelinebelge > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2),
.pencere.timelinebelge > div:nth-child(2) > form > div > div:nth-child(2) > div:nth-child(2) {
    white-space: pre;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:nth-child(3),
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:nth-child(3) {
    align-items: flex-start;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:first-child:after,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:first-child:after {
    content: '';
    position: absolute;
    right: 56.55%;
    border-bottom: 1px solid var(--b4);
    width: 7%;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:nth-child(2),
.pencere.timelinebelge > div:nth-child(2) > form > div > div:nth-child(2) {
    width: 60%;
    height: 25vh;
    padding: 2vh 3vh;
    box-sizing: border-box;
}

.pencere.timelinebelge > div:nth-child(2) > div:nth-child(2n),
.pencere.timelinebelge > div:nth-child(2) > form > div:nth-child(2n) {
    background: #f9f9f9;
}

.pencere.timelinebelge > div:nth-child(2) > div > div > .sagyuzencombo,
.pencere.timelinebelge > div:nth-child(2) > form > div > div > .sagyuzencombo,
.pencere.timelinebelge > div:nth-child(2) > div > div > po-combo,
.pencere.timelinebelge > div:nth-child(2) > form > div > div > po-combo {
    padding: 0;
    border: 0;
    margin-bottom: 2vh;
    background: transparent;
    pointer-events: none;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:first-child:before,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:first-child:before {
    font-family: var(--fonticon);
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup='1'] > div:first-child > div:first-child {
    background: #10b577;
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup='0'] > div:first-child > div:first-child:before {
    content: '\f061';
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup='1'] > div:first-child > div:first-child:before {
    content: '\e2bb';
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup='2'] > div:first-child > div:first-child:before {
    content: '\f060';
}


.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:first-child:before,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:first-child:before {
    content: '\f00c';
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:nth-child(3),
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:nth-child(3) {
    flex-direction: column;
    margin-top: 1vh;
    align-items: center;
    color: #ff4343;
    cursor: pointer;
    user-select: none;
    font-size: var(--fs16);
}

    .pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:nth-child(3):before,
    .pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:nth-child(3):before {
        content: 'Detayları Göster';
    }

.pencere.timelinebelge > div:nth-child(2) > div.detay > div:first-child > div:nth-child(3):before,
.pencere.timelinebelge > div:nth-child(2) > form > div.detay > div:first-child > div:nth-child(3):before {
    content: 'Detayları Gizle';
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div:nth-child(3):after,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:first-child > div:nth-child(3):after {
    font-family: var(--fonticon);
    content: '\f078';
    transition: transform var(--animasyonsuresi);
}

.pencere.timelinebelge > div:nth-child(2) > div.detay > div:first-child > div:nth-child(3):after,
.pencere.timelinebelge > div:nth-child(2) > form > div.detay > div:first-child > div:nth-child(3):after {
    transform: rotate(180deg);
}

.pencere.timelinebelge > div.tekbelge > div > div:first-child > div:nth-child(3),
.pencere.timelinebelge > div.tekbelge > form > div > div:first-child > div:nth-child(3) {
    display: none;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.success {
    background: var(--c);
}

.pencere.timelinebelge > div.tekbelge:nth-child(2) > div > div:first-child > div {
    pointer-events: none;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.warning {
    background: var(--d);
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.failed {
    background: #ff4343;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.success:before {
    content: '\f00c';
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.warning:before {
    content: '\f071';
}

.pencere.timelinebelge > div:nth-child(2) > div > div:first-child > div.failed:before {
    content: '\f00d';
}


.pencere.baglibelgeler > div:nth-child(2) > div[izgrup="2"] > div:first-child > div:last-child:after {
    content: 'Alt Belge';
    color: var(--b6);
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup="1"] > div:first-child > div:last-child:after {
    content: 'Kapatma';
    color: var(--b6);
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup="0"] > div:first-child > div:last-child:after {
    content: 'Üst Belge';
    color: var(--b6);
}

.pencere.baglibelgeler > div:nth-child(2) > div[izgrup] > div:first-child > div:last-child {
    flex-direction: column;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4),
.pencere.timelinebelge > div:nth-child(2) > form > div > div:nth-child(2) > div:nth-child(4) {
    color: #666666;
    border: 1px solid #dedede;
    font-size: var(--fs18);
    border-radius: 5px;
    width: 60%;
    margin: 0 20%;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
}

.pencere.timelinebelge > div:nth-child(2) > div > div:nth-child(2) > div:last-child:hover,
.pencere.timelinebelge > div:nth-child(2) > form > div > div:nth-child(2) > div:last-child:hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
}

body.musonay .pencere.timelinebelge > div:nth-child(2) > div:first-child > div:nth-child(2) > div:last-child,
body.adonay .pencere.timelinebelge > div:nth-child(2) > div:first-child > div:nth-child(2) > div:last-child { /*Oluşturma*/
    display: none;
}

body.adonay .pencere.timelinebelge > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:last-child { /*Monay*/
    display: none;
}

.pencere.belhatalistesi > div:nth-child(2) {
    padding: 0;
}

    .pencere.belhatalistesi > div:nth-child(2) > div {
        width: 100%;
        height: 20vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:first-child {
            width: 40%;
            height: 100%;
            border-right: 1px solid var(--b2);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            box-sizing: border-box;
        }

            .pencere.belhatalistesi > div:nth-child(2) > div > div:first-child > div:first-child {
                background: #ff4343;
                color: #fff;
                width: 4vh;
                height: 4vh;
                border-radius: 50%;
                margin-bottom: 1vh;
            }

        .pencere.belhatalistesi > div:nth-child(2) > div > div > div {
            width: 100%;
            float: left;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:first-child > div:nth-child(3) {
            font-size: var(--fs15);
            align-items: flex-start;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:first-child > div:first-child:after {
            content: '';
            position: absolute;
            right: 56.55%;
            border-bottom: 1px solid var(--b2);
            width: 7%;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:nth-child(2) {
            width: 60%;
            height: 100%;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div:nth-child(2n) {
            background: #f9f9f9;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:nth-child(2) > div:first-child {
            height: 100%;
            padding: 2vh;
            box-sizing: border-box;
            font-size: var(--fs18);
            flex-direction: column;
        }

        .pencere.belhatalistesi > div:nth-child(2) > div > div:first-child > div:first-child:before {
            content: '\f00d';
            font-family: var(--fonticon);
        }

.printviewer {
    height: 100%;
    background: #DADCE0;
    overflow: auto;
}

    .printviewer > div:nth-child(2) {
        position: relative;
        overflow: auto;
    }

        .printviewer > div:nth-child(2) > div {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

            .printviewer > div:nth-child(2) > div > div.syf:not(.multipage) {
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
                background: #fff;
                position: relative;
                display: inline-block;
            }

    .printviewer > div:first-child {
        position: fixed;
        width: 6vw;
        height: 24vh;
        bottom: 4vh;
        transform: translateX(0);
        z-index: 2;
    }

        .printviewer > div:first-child > div {
            font-family: var(--fonticon);
            background: #848484;
            width: 4vh;
            height: 4vh;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--fs20);
            color: #ffffff;
            margin: 2vh;
            cursor: default;
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
            user-select: none;
        }

            .printviewer > div:first-child > div:hover {
                background: #565656;
            }


.belgebaslik > div:first-child,
.belgebaslik.sihirbazli > div:first-child > div {
    max-height: 100%;
    overflow-y: auto;
}

.belgebaslik.sihirbazli > div:first-child > div {
    height: 53vh;
}

    .belgebaslik.sihirbazli > div:first-child > div > div.sihirbaz {
        height: 100%;
        overflow-y: auto;
    }


    .belgebaslik:not(.sihirbazli) > div:first-child > div,
    .belgebaslik.sihirbazli > div:first-child > div .sihirbaz > div {
        width: 97.4%;
        margin: 2% 0 1.3% 1.3%;
        height: auto;
        column-count: 4;
        column-fill: balance;
        break-after: column;
        overflow: hidden;
    }

.alticerikmenu {
    width: 100%;
    background: var(--b05);
    height: 6.7vh;
    bottom: 0;
    position: absolute;
}

    .alticerikmenu > div:first-child {
        width: 6.7vh;
        height: 6.7vh;
        background: transparent;
        padding: 0 0 0 1.5vh;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: var(--fonticon);
        font-size: var(--fs30);
        color: var(--b5);
        cursor: default;
    }

.disk > div:first-child > div:nth-child(odd) {
    padding: 0 1vh;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--fonticon);
    font-size: var(--fs25);
    color: var(--fckoyu);
    cursor: default;
}

.disk.b > div:first-child > div.ekle {
    background: transparent;
    right: 0;
    margin: 0;
    height: 5.7vh;
    position: absolute;
    color: #f9806a;
}

    .disk.b > div:first-child > div.ekle:hover {
        color: var(--a);
    }

.alticerikmenu > div:first-child:hover,
.disk > div > div:nth-child(odd):hover {
    color: var(--fckoyu);
}

.pencere.kulsubekasa > .icerik > .disk > div > div:nth-child(3) {
    position: absolute;
    right: 1.5vh;
}

.disk {
    transition: padding var(--animasyonsuresi);
    cursor: default;
}

    .disk > div:first-child {
        width: 100%;
        height: 5vh;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: var(--b05);
        margin: 0vmin 0 0.5vh 0;
        position: relative;
        padding: 0 1vh;
        box-sizing: border-box;
        border-radius: 1vh;
    }

        .disk > div:first-child:focus {
            outline: 0;
        }

            .disk > div:first-child:focus > div {
                outline: 0;
                font-weight: bold;
            }

    .disk > div:last-child {
        width: calc(100% - 3vh);
        height: 0;
        overflow: hidden;
        margin: 0 1.5vh 0 1.5vh;
        transition: margin 0.5s;
    }

    .disk.acik > div:last-child {
        margin: 2vh 0 2vh 1.5vh;
        height: auto;
    }

.loginreklam {
    width: 25%;
    height: 100%;
    position: relative;
    border-top-right-radius: 2vh;
    border-bottom-right-radius: 2vh;
    overflow: hidden;
    float: left;
}

#login {
    width: 75%;
    height: 100%;
    float: right;
    position: relative;
    padding: 2vh;
    box-sizing: border-box;
}

    #login > form {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #login > form > .doldur {
            width: 30%;
        }

            #login > form > .doldur > ul > li:first-child {
                display: flex;
                align-items: center;
            }

            #login > form > .doldur > ul > li:nth-child(2) {
                font-size: var(--fs30);
                font-weight: bold;
                margin-bottom: 0.5vh;
            }

            #login > form > .doldur > ul > li:nth-child(3) {
                font-size: var(--fs16);
                margin: 0 0 3vh 0;
                color: #ff4343;
            }

            #login > form > .doldur > ul > li:nth-child(4) {
                height: 6vh;
            }

            #login > form > .doldur > ul > li > input {
                height: 6vh;
                padding: 1vh 1vh 1vh 4vh;
                box-sizing: border-box;
            }

            #login > form > .doldur > ul > li:nth-child(5):before {
                content: '\f084';
            }

            #login > form > .doldur > ul > li:nth-child(4):before,
            #login > form > .doldur > ul > li:nth-child(5):before {
                width: 4vh;
                height: 6vh;
                position: absolute;
                z-index: 10000;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--fonticon);
                opacity: 0.5;
            }


            #login > form > .doldur > ul > li:nth-child(4):before {
                content: '\f007';
            }

            #login > form > .doldur > ul > li:nth-child(4):has(> input:focus):before,
            #login > form > .doldur > ul > li:nth-child(5):has(> input:focus):before {
                opacity: 1;
            }

            #login > form > .doldur > ul > li {
                margin: 1vh 0;
            }

                #login > form > .doldur > ul > li:nth-child(4) > input {
                }

.loginreklam > iframe {
    background: var(--b1);
}

.girone {
    display: none;
}

#login > form > .doldur > ul > li:nth-child(5) > div {
    font-size: var(--fs16);
    margin-top: 2vh;
    text-align: right;
    cursor: default;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #login > form > .doldur > ul > li:nth-child(5) > div > input {
        float: left;
    }


.doldur > ul > li:nth-child(5) > div > input + label + label {
    margin-left: 1vh;
}

.doldur > ul > li:nth-child(5) > div > input:not(:checked) + label + label {
    opacity: 0.7;
}

#login > form > .doldur > ul > li:nth-child(6) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 5vh;
}

    #login > form > .doldur > ul > li:nth-child(6) > button {
        border-radius: 1vh;
        font-size: var(--fs18);
        width: 50%;
        text-align: left;
        height: 5.7vh;
    }

        #login > form > .doldur > ul > li:nth-child(6) > button:after {
            content: '\f061';
            font-family: var(--fonticon);
            float: right;
        }

#login > form > .doldur > ul > li:nth-child(7) {
    font-size: var(--fs14);
    text-align: center;
    position: absolute;
    width: 35%;
    bottom: 2vh;
}

.doldur input:-webkit-autofill,
.doldur input:-webkit-autofill:hover,
.doldur input:-webkit-autofill:focus {
    border: 0;
    -webkit-text-fill-color: #0f0f0f;
    -webkit-box-shadow: 0 0 0px 1000px var(--b1) inset !important;
    transition: background-color 5000s ease-in-out 0s;
    border-radius: 1vh;
}




.tekcheck {
    font-size: var(--fs17);
    margin-bottom: 2vh;
    text-align: left;
    cursor: default;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* YENİ PENCERE BAŞLIK BAŞLANGIÇ */

div.pencere > div.baslik > button {
    float: right;
    width: 6.5vh;
    margin: 0.60vh 0.3vmin;
    height: 6.5vh;
    font-family: var(--fonticon);
    font-size: var(--fs25);
    outline: 0;
    position: relative;
    border-radius: 5px;
}

.pencere > .baslik > div:nth-child(2) {
    justify-content: flex-start;
    width: auto;
    cursor: default;
    font-size: var(--fs18);
    max-width: calc(100% - 25vh);
}

.pencere > .baslik.hzonaysiz > div:nth-child(2) {
    max-width: calc(100% - 16vh);
}

.pencere > .baslik > div {
    float: left;
    display: flex;
    align-items: center;
    height: 100%;
    width: calc(100% - 25.21vh - 5.0vmin);
    justify-content: center;
    font-size: var(--fs25);
    color: var(--fckoyu);
}

div.pencere > div.baslik {
    width: 100%;
    background: transparent;
    height: 7.7vh;
    margin: 0 0 2vh 0;
    padding: 1vh 0;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 0%),0 2px 2px 0 rgb(0 0 0 / 0%),0 1px 5px 0 rgb(0 0 0 / 5%);
}

.pencere > .baslik > div:first-child {
    width: 4vh;
    margin: 0 1vmin 0 2vh;
    font-family: var(--fonticon);
    font-size: var(--fs25);
    cursor: default;
    color: var(--fckoyu);
}

.pencere .baslik .aciklamali > div:nth-child(2) {
    color: var(--b4);
    font-size: var(--fs16);
}

div.pencere > div.baslik > .hziptal {
    margin-right: 1.7vh;
    background: transparent;
    border: 1px solid var(--b1);
}

div.pencere > div.baslik.hzonaysiz > .hziptal {
    border: 0;
}

div.pencere > div.baslik > button.hzonay {
    margin-right: 0.7vh;
}

    div.pencere > div.baslik > button.hzonay.pasif {
        filter: grayscale(1);
        opacity: 0.2;
    }

    div.pencere > div.baslik > button.hzonay:not(.hata):hover {
        background: var(--a11);
    }

    div.pencere > div.baslik > button.hzonay:not(.hata):active {
        background: var(--a12);
    }

div.pencere > div.baslik > .hziptal:hover {
    background: var(--b05);
}

/*yeni sol menulu pencere*/

.pencere.solmenulu > div,
.pencere.solmenulu > form > div {
    float: left;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.pencere.solmenulu div.solmenu {
    background: #f9f9f9;
    width: 17vmax;
    z-index: 1;
}

.pencere.solmenulu div.sagicerik {
    position: relative;
    width: calc(100% - 17vmax);
    background: #fff;
    z-index: 2;
}


.pencere.solmenulu > div > .baslik,
.pencere.solmenulu > form > div > .baslik {
    border-bottom: 1px solid #f3f3f3;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--fckoyu);
    box-sizing: border-box;
    padding: 1.5vh;
}

.pencere.solmenulu > div > .icerik,
.pencere.solmenulu > form > div > .icerik {
    height: calc(100% - 10vh);
    position: relative;
}

.pencere.solmenulu > div > .baslik > div:first-child,
.pencere.solmenulu > form > div > .baslik > div:first-child {
    font-family: var(--fonticon);
    width: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs20);
}

.pencere.solmenulu > div > .baslik > div:nth-child(2),
.pencere.solmenulu > form > div > .baslik > div:nth-child(2) {
    font-size: var(--fs18);
}


.pencere.solmenulu div.solmenu > .baslik > div:nth-child(2) {
    width: calc(100% - 4vh);
}

.pencere.solmenulu div.sagicerik > .baslik > div:nth-child(2) {
    width: calc(100% - 17vh);
}

.pencere.solmenulu div > .baslik > .hzonay {
    float: left;
    width: 6.5vh;
    height: 6.5vh;
    border-radius: var(--inputborderradius);
    font-family: var(--fonticon);
    font-size: var(--fs23);
    background: var(--a);
    margin-right: 1vh;
    position: relative;
}

.pencere.solmenulu div > .baslik > .hziptal {
    float: left;
    background: #fff;
    color: var(--b7);
    font-family: var(--fonticon);
    font-size: var(--fs23);
    width: 6.5vh;
    height: 6.5vh;
    border-radius: var(--inputborderradius);
    border: 1px solid var(--b1);
}


    .pencere.solmenulu div > .baslik > .hziptal:hover {
        border-color: var(--b2);
        background: var(--b05);
    }

.pencere.solmenulu div > .baslik > .hzonay:hover {
    background: var(--a11);
}


/*yeni sol menulu pencere bitiş*/

.uzun.sagyuzenliste {
    top: 7.7vh;
    height: calc(100% - 7.7vh);
    z-index: 102;
}


.radblok > input {
    opacity: 0 !important;
    position: absolute !important;
    padding: 0 !important;
    margin: 0 !important;
    left: 0;
}

.radblok:not(.iki) > label {
    width: 48%;
    margin: 0 1% 0 1%;
    text-align: center;
    padding-bottom: 2%;
    border-bottom: 0.1vh solid #c9c9c9;
    font-size: var(--fs18);
    transition: all var(--animasyonsuresi);
    position: relative;
    color: #a0a0a0;
    z-index: 2;
}

.radblok:not(.small):not(.iki) > input:checked + label {
    border-bottom: 1px solid var(--a);
    color: var(--a);
}

.radblok:not(.small):not(.iki) > input + label:before {
    font-family: var(--fonticon);
    margin-right: 4%;
    float: left;
    border: 1px solid #a0a0a0;
    border-radius: 50%;
    color: #a0a0a0;
    font-size: var(--fs10);
    width: 2vh;
    height: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.radblok:not(.small):not(.iki) > input:checked + label:before {
    color: #fff;
    background: var(--a);
    border: 1px solid var(--a);
}

.radblok:not(.small):not(.iki) > input[type="checkbox"] + label:before {
    content: '\f00c';
    border-radius: 5px;
}

.radblok:not(.small):not(.iki) > input[type="checkbox"] + label:before {
    border-radius: 5px;
}

.radblok:not(.small):not(.iki) > input[type="radio"] + label:before {
    content: '';
}

.radblok:not(.small):not(.iki) > input[type="radio"]:checked + label:before {
    content: '';
    background: transparent;
    border-color: var(--a);
    color: var(--a);
}

.radblok:not(.small):not(.iki) > input[type="radio"]:checked + label:after {
    width: 1vh;
    height: 1vh;
    background: var(--a);
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0.5vh;
    left: 0.5vh;
}

.modulmenu > .filtre > div:nth-child(3) > .radblok:not(.small):not(.iki) > input[type="radio"]:checked + label:after {
    margin: 1.20vh 0;
}

.filtmenu .radblok:not(.small):not(.iki) > input[type="radio"]:checked + label:after {
    margin: 0.75vh 0;
}

.radblok > input.filtrenesne + label {
    width: calc(100% - 2vh);
    padding: 3% 0 3% 0;
    float: left;
    margin-left: 2vh;
    border: 0 !important;
    text-align: left;
}

.radblok > input:disabled + label {
    border-color: #bfbfbf;
    color: #bfbfbf;
    cursor: no-drop;
}

.radblok[disabled] > label {
    border-color: #bfbfbf !important;
    color: #bfbfbf !important;
    cursor: no-drop;
    pointer-events: none;
}

.radblok.grup .radblok {
    padding-left: 3vh;
    height: 0;
    overflow: hidden;
}

    .radblok.grup .radblok.acik {
        height: auto;
        width: 100%;
        box-sizing: border-box;
    }

.radblok.grup input + label + div {
    float: left;
}

.radblok.grup input + label > div:after {
    content: '\f078';
    font-family: var(--fonticon);
    margin-left: 1vh;
    font-size: var(--fs10);
    height: 100%;
}

.radblok.grup input:checked + label > div:after {
    content: '\f077';
}

.radblok:not(.small) > input:indeterminate[type="checkbox"] + label:before {
    color: #f9806a;
    border-color: #f9806a;
}

.radblok.small {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    display: block;
    height: 4vh;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .radblok.small label {
        width: 6vh;
        height: 100%;
        font-family: var(--fonticon);
        float: left;
        padding: 0;
        margin: 0;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        color: var(--b5);
        transition: unset;
        user-select: none;
        cursor: pointer;
    }

        .radblok.small label:hover {
            color: var(--b);
        }

        .radblok.small label:after {
            content: '|';
            position: absolute;
            right: 0;
            color: var(--b1);
        }

    .radblok.small > label:last-child:after,
    .radblok.small.zmetinarac > div:last-child > label:after {
        visibility: hidden;
    }

    .radblok.small label:hover > div {
        padding: 0.4vh 0.7vh;
        white-space: pre;
        height: 2vh;
        overflow: hidden;
        position: absolute;
        top: 4.7vh;
        font-size: var(--fs13);
        box-shadow: #a0a0a0 0vw 0vw 0.2vw;
        color: #fff;
        background: var(--fckoyu066);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--inputborderradius);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    .radblok.small label:hover {
        font-size: var(--fs22);
    }


    .radblok.small label > div {
        display: none;
    }

    .radblok.small > input:checked + label {
        color: var(--a);
    }


    .radblok.small.zmetinarac > div {
        width: 5vh;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .radblok.small.zmetinarac > div > input[type="color"] {
            height: 2vh;
            width: 2vh !important;
            top: 0.2vh;
            padding: 0;
            border: 0;
        }

        .radblok.small.zmetinarac > div > input + label {
            position: absolute;
        }

        .radblok.small.zmetinarac > div > label:hover > div {
            top: 4.7vh;
        }

        .radblok.small.zmetinarac > div > input[type="number"] {
            top: 0.2vh;
            padding: 0;
            width: 4vh !important;
            height: 2.5vh;
            border: 1px solid #eee;
            border-radius: var(--inputborderradius);
            font-weight: bold;
            text-align: center;
            font-size: var(--fs13);
            z-index: 2;
        }

    .radblok.small.zmetinarac label {
        width: 4.2vh;
        font-size: var(--fs14);
    }

    .radblok.small.aciklamali label > div {
        display: block;
        background: transparent;
        box-shadow: unset;
        color: #7d7d7d;
        position: relative;
        top: unset;
        left: unset;
        font-size: var(--fs15);
        padding: 0;
        margin: 1vh;
        box-sizing: border-box;
        text-align: left;
        width: auto;
    }

    .radblok.small.aciklamali label {
        width: auto;
        padding: 1vh;
        box-sizing: border-box;
    }

.radblok.iki {
    background: var(--b05);
    border-radius: 10px;
    padding: 0.5vh;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 4.703703704vh;
    user-select: none;
}

    .radblok.iki > label {
        text-align: center;
        padding: 0 1vw;
        color: var(--b5);
        font-size: var(--fs18);
        transition: all 0.5s;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 7vh;
    }

        .radblok.iki > label[disabled] {
            opacity: 0.5;
            pointer-events: none;
        }

    .radblok.iki > input:checked + label {
        color: var(--a);
        background: #ffffff;
        border-radius: 8px;
    }

    .radblok.iki.iconlu {
        background: transparent;
    }

    .radblok.iki.genis,
    .radblok.iki.genis > label {
        width: 100%;
    }

    .radblok.iki.iconlu > input:not(:checked) + label {
        opacity: 0.5;
        filter: grayscale(1);
        text-decoration: line-through;
    }

    .radblok.iki.iconlu > input + label {
        color: #444;
        padding: 0 1vh
    }

        .radblok.iki.iconlu > input + label:before {
            content: '\f00d';
        }

        .radblok.iki.iconlu > input + label:before {
            content: attr(icon);
            font-family: var(--fonticon);
            margin-right: 1vh;
            background: var(--ibg,#f9806a);
            color: var(--icolor,#ffffff);
            height: 2vh;
            width: 2vh;
            padding: 0.5vh;
            border-radius: 50%;
            font-size: var(--fs15);
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .radblok.iki.invalid {
        border: 1px solid #ff4343;
    }


/*Radblok grup satir Başlangıç (Stok Seç Özellik Filtrelerinde Kullanıldı.)*/
.radblok.grup.satir > label > div {
    text-align: left;
}

.radblok.grup.satir > label > div {
    padding: 1vh 1vh 1vh 4.5vh;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    font-size: var(--fs15);
    background: #fff;
    color: #444;
    font-weight: bold;
    box-sizing: border-box;
    width: 100%;
    user-select: none;
}

.radblok.grup.satir {
    margin: 0.5vh 0 0 0;
    overflow: hidden;
}

    .radblok.grup.satir input + label > div:after {
        font-family: var(--fonticon);
        color: #666;
        padding: 0 1vh 0 1vh;
        font-size: var(--fs20);
        transition: all 0.5s;
        border-radius: 50%;
        box-sizing: border-box;
        content: '\f103';
        float: right;
        margin: 0;
    }

    .radblok.grup.satir input:checked + label > div:after {
        content: '\f102';
    }

    .radblok.grup.satir .radblok.acik {
        background: #fff;
        border: 1px solid #eaeaea;
        border-top: 0;
        padding: 1vh 0.8vw;
        width: 100%;
        box-sizing: border-box;
    }

    .radblok.grup.satir > label > div {
        height: 4vh;
    }

    .radblok.grup.satir > label {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        border-color: #eee !important;
    }

    .radblok.grup.satir .radblok:not(:last-child) {
        margin-bottom: 0.5vh;
    }

    .radblok.grup.satir .radblok > label {
        width: 100%;
        display: block;
        border: 0;
        text-align: left;
        font-size: var(--fs16);
        border: 0 !important;
    }

    .radblok.grup.satir > label:before {
        position: absolute;
        margin: 1vh 1vw;
    }

    .radblok.grup.satir input + label:has( + .radblok.acik) > div:after {
        transform: rotate(180deg);
    }

/*Radblok grup satir Bitiş (Stok Seç Özellik Filtrelerinde Kullanıldı.)*/


div.fuzun > div > input[type='color'] {
    width: 3vh;
    height: 3vh;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}

input[type='color'] + label {
    margin-left: 1vh;
}

input.rad {
    display: none;
}

    input.rad + label {
        width: auto;
        margin: 0 1% 0 1%;
        text-align: center;
        display: flex;
        padding-bottom: 2%;
        color: #dedede;
        font-size: var(--fs20);
        transition: all 0.5s;
        justify-content: center;
        align-items: center;
    }

    input.rad:checked + label {
        color: #f9806a;
    }

    input.rad + label:before {
        content: '\f058';
        font-family: var(--fonticon);
        margin-right: 4%;
    }

html.touch .pencere > .icerik:after {
    padding-bottom: 40vh;
    content: '\2000';
}

body.salt:not([salt='6']) #icerik input:not([type="checkbox"]),
body.salt:not([salt='6']) #icerik zet-input:not([type="checkbox"]),
body.salt:not([salt='6']) #icerik .birimsutun,
body.salt:not([salt='6']) #icerik .etiketli > *:not(.belajandabtn),
body.salt:not([salt='6']) #icerik .etiketli:not(.carbtn):not(.surecno):not(:has(.belajandabtn)) {
    pointer-events: none;
}

body.salt:not([salt='6']) #icerik zet-liste po-filtre.sutfilt input,
body.salt:not([salt='6']) #icerik zet-liste po-filtre.sutfilt zet-input {
    pointer-events: all !important;
}

body.salt:not([salt='6']) li.kdvdh {
    display: none;
}

zet-liste > div > ul > li.klt > ul > li zet-input:not([klt]),
zet-liste > div > ul > li.klt > ul > li po-combo:not([klt]),
.zetsatduz.klt zet-satir > alan > zet-input,
.zetsatduz.klt zet-satir > alan > po-combo {
    pointer-events: none !important;
    opacity: 0.7;
}

zet-liste > div > ul > li > ul > li[klt] > zet-input[type=checkbox] > input + label:before {
    content: '\f30d';
}

div.listgr > ul.baslik {
    list-style-type: none;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: bold;
    background-color: transparent;
    color: #666666;
    margin: 1.5vmin 0 1.5vmin 0;
}

.listgr > .baslik > li {
    font-size: var(--fs20);
    font-weight: bold;
    padding: 0 2% 0 2%;
}

.listgr > ul > li:not(:last-child) {
    float: left;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.listgr > ul > li:last-child,
.listgr > ul.satirul > li > ul > li:last-child {
    clear: both;
    float: none;
}

.listgr > ul.satirul {
    margin: 1.5vmin 0 1.5vmin 0;
    width: 100%;
    font-size: var(--fs20);
}

    .listgr > ul.satirul > li {
        width: 100%;
        border-top: 0.01vh solid #dedede;
    }

        .listgr > ul.satirul > li > ul > li:not(:last-child) {
            float: left;
            padding: 1.5vh 2% 1.5vh 2%;
            height: 3vh;
        }

        .listgr > ul.satirul > li > ul > li:hover {
            background: #f3f3f3;
        }

.exlist {
    position: relative;
    width: 100%;
}

    .exlist > ul {
        position: relative;
        width: 100%;
    }

        .exlist > ul > li {
            width: 100%;
            background: #f9f9f9;
        }

            .exlist > ul > li > ul > li:not(:last-child) {
                border: 1px solid #ffffff;
                padding: 1vh;
                float: left;
                width: 9vmax;
                height: 4vh;
                cursor: default;
                font-size: var(--fs18);
                display: flex;
                align-items: center;
            }

            .exlist > ul > li > ul > li:last-child {
                float: none;
                clear: both;
            }

            .exlist > ul > li:first-child > ul > li:not(:last-child),
            .exlist > ul > li > ul > li:first-child {
                font-weight: bold;
            }

            .exlist > ul > li:not(:first-child) > ul > li:not(:first-child):not(:last-child):hover {
                background: #fbf5de;
            }

            .exlist > ul > li:not(:first-child):hover {
                background: #ededed;
            }

            .exlist > ul > li:first-child {
                background: #DDDDDD;
            }

#bildirimsayi:empty {
    display: none;
}

#bildirimsayi {
    position: absolute;
    color: #ffffff;
    font-size: var(--fs11);
    cursor: default;
    background: var(--a);
    border-radius: 50%;
    width: 2.2vh;
    height: 2.2vh;
    bottom: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1vh -1.2vh 0 1vh;
    font-weight: bold;
}

input.talt {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

.penlist {
    width: 100%;
    position: relative;
    font-size: var(--fs20);
}

    .penlist > ul > li {
        width: 100%;
        float: left;
        height: 6vh;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #a0a0a0;
    }

        .penlist > ul > li > ul {
            width: 100%;
            height: 100%;
            cursor: default;
        }

            .penlist > ul > li > ul > li {
                float: left;
                height: 100%;
                display: flex;
                align-items: center;
            }

    .penlist.grid > ul > li > ul > li:hover {
        background: #f9f9f9;
    }

.varduzgor .penlist > ul > li > ul > li:first-child {
    width: 71%;
    padding-left: 2%;
}

.varduzgor .penlist > ul > li > ul > li:nth-child(2) {
    width: 27%;
    justify-content: center;
    color: #a0a0a0;
}

.varduzgor .penlist > ul > li > ul > li.radblok > label {
    font-family: var(--fonticon);
    font-size: var(--fs30);
}

.varduzgor .penlist > ul > li > ul > li:first-child:hover {
    background: transparent;
}

.varduzgor .radblok > label {
    border: 0;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.varduzgor .radblok > input:checked + label:before {
    content: '';
}

.varduzgor .radblok > input:checked + label {
    border: 0;
}

li.kinfo {
    display: none;
}

ul.liste > li > label > ul > li:before {
    color: #A1A1A1;
    font-weight: normal;
    margin-right: 1vh;
    float: left;
}

.liste.ozl > ul > li:first-child {
    background: #DDDDDD;
}

    .liste.ozl > ul > li:first-child > label > ul > li:not(:last-child),
    .liste.ozl > ul > li > label > ul > li:first-child {
        font-weight: bold;
    }

.liste.ozl > ul > li > label > ul > li:not(:last-child) {
    border: 1px solid #ffffff;
    padding: 1vh;
    float: left;
    height: 4vh;
    cursor: default;
    font-size: var(--fs18);
    display: flex;
    align-items: center;
}

zet-rapor > filtre,
zet-rapor > dizayn {
    display: none;
}

zet-liste {
    position: relative;
    font-size: var(--fs17);
    width: 100%;
    height: 100%;
    display: block;
}

    zet-liste:focus {
        outline: 0;
    }

    zet-liste > div:nth-child(2) {
        height: calc(100% - 10vh);
        overflow-x: auto;
        overflow-y: scroll;
        position: relative;
    }

    zet-liste > div:first-child,
    zet-liste > div:nth-child(3) {
        width: calc(100% - 11px);
    }

    zet-liste > div > ul {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        zet-liste > div > ul:nth-child(2) {
            overflow-y: auto;
            height: calc(100% - 10vh);
        }

    zet-liste > div.sfil + div {
        height: calc(100% - 15vh);
    }

        zet-liste[gruplu] > div:nth-child(2),
        zet-liste[bul] > div:nth-child(2),
        zet-liste > div.sfil + div:nth-child(2) {
            height: calc(100% - 15vh);
        }

    zet-liste[gruplu] > div.sfil + div:nth-child(2),
    zet-liste[bul] > div.sfil + div:nth-child(2),
    zet-liste[gruplu][bul] > div:not(.sfil) + div:nth-child(2) {
        height: calc(100% - 20vh);
    }

    zet-liste[gruplu][bul] > div.sfil + div:nth-child(2) {
        height: calc(100% - 25vh);
    }

    zet-liste[grupfiltre] > div:nth-child(2) > ul > li {
        display: block;
    }

        zet-liste[grupfiltre] > div:nth-child(2) > ul > li > ul {
            width: 100%;
            height: 5vh;
            display: flex;
            align-items: center;
            padding: 1vh;
            box-sizing: border-box;
        }


    zet-liste > div:nth-child(2) > ul > li.gacik {
        height: auto;
        padding: 0 2vh 2vh 2vh;
        background: var(--b1);
        box-sizing: border-box;
    }

    zet-liste[grupfiltre] > div:first-child > ul > li:not(:first-child) {
        display: none;
    }

    zet-liste[gruplu][grupfiltre] > div:nth-child(2) {
        height: calc(100% - 10vh);
    }

    zet-liste:not([gruplu])[grupfiltre] > div:nth-child(2) {
        height: calc(100% - 5vh);
    }

    zet-liste[dbyt] > div:nth-child(2) {
        max-height: calc(100% - 10vh);
        height: auto !important;
    }

    zet-liste zet-liste[dbyt] {
        height: 10000px;
    }

    zet-liste[gruplu] zet-liste[dbyt] {
        max-height: calc(var(--oMaxHeight,10000px) - 10vh);
    }

    zet-liste[altsiz] > div:nth-child(2),
    zet-liste[bassiz] > div:nth-child(2) {
        height: calc(100% - 5vh);
    }

    zet-liste[bassiz][altsiz] > div:nth-child(2) {
        height: 100%;
    }

    zet-liste[dbyt][bassiz]:not([altsiz]) > div:nth-child(2),
    zet-liste[dbyt][altsiz]:not([bassiz]) > div:nth-child(2) {
        max-height: calc(100% - 5vh);
    }

    zet-liste[dbyt][bassiz][altsiz] > div:nth-child(2) {
        max-height: 100%;
    }

.carisec zet-liste > div:nth-child(2) > ul:empty:before {
    content: 'Sonuç Bulunamadı';
    height: 100%;
    font-size: var(--fs30);
    background: #fff;
}

zet-liste > div > ul > li {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

zet-liste > div:first-child > ul > li:first-child {
    cursor: default;
    user-select: none;
}

zet-liste > div:not(:nth-child(2)) > ul > li {
    font-weight: bold;
}

zet-liste > div > ul > li:nth-child(2n) {
    height: 5vh;
}


zet-liste:not([grupfiltre])[siralanabilir] > div:nth-child(2) > ul > li:nth-child(2n) {
    -webkit-user-drag: element;
}

zet-liste[siralanabilir].sr > div:first-child,
zet-liste[siralanabilir].dis_drag > div:first-child {
    pointer-events: none;
}

zet-liste[siralanabilir].sr > div:nth-child(2) > ul > li:nth-child(2n-1),
zet-liste[siralanabilir].dis_drag > div:nth-child(2) > ul > li:nth-child(2n-1) {
    overflow: initial;
}

zet-liste[siralanabilir] > div > ul > li.dro {
    height: 5vh !important;
    background: var(--b1);
    border-color: transparent;
}

zet-liste > div > ul > li:nth-child(2n-1) {
    height: 0;
    border-top: 1px solid var(--b1);
    transition: height 0.3s;
}

zet-liste > div:nth-child(2) > ul > li:nth-child(2n-1) {
    overflow: initial;
}

zet-liste[siralanabilir].sr > div:nth-child(2) > ul > li:nth-child(2n-1):before,
zet-liste[siralanabilir].dis_drag > div:nth-child(2) > ul > li:nth-child(2n-1):before {
    width: 100%;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 0;
    content: '';
    z-index: 2;
}

zet-liste[siralanabilir] > div:nth-child(2) > ul > li:nth-child(2n):hover > ul > li:nth-child(2):has(> zet-input[type='checkbox']):before {
    content: '\e411';
    font-family: var(--fonticon);
    font-size: var(--fs20);
    color: var(--b3);
    font-weight: bold;
    z-index: 2;
    left: 0;
    cursor: all-scroll;
    position: absolute;
    margin-left: 3px;
}

zet-liste[siralanabilir] > div:nth-child(2) > ul > li:nth-child(2n) > ul > li:nth-child(2):has(> zet-input[type='checkbox']):hover:before {
    color: var(--b);
}

/*Üzerine Satır Ekle Gecici Gizleme*/
zet-menu.satmenu[list='#icerik>zet-menulist'] > ul > li.sepetebagli + li {
    display: none;
}

/*TODO:DOĞUKAN BACKGROUND UL*/

zet-liste:not([gtipi="grid"]) > div:nth-child(2) > ul {
    background: linear-gradient(#f9f9f9 calc(5vh + 1px), #ffffff calc(5vh + 1px));
    background-size: 100% calc(10vh + 2px);
    will-change: scroll-position;
}

/*zet-liste > div:nth-child(2) > ul > li:nth-child(4n-2) {
	background: #f9f9f9;
}*/

zet-liste.load:not([gtipi="grid"]) > div:nth-child(2) > ul {
    visibility: hidden;
}

zet-liste > div > ul > li > ul {
    width: calc(100% - 1vh);
    height: 100%;
    display: flex;
    align-items: center;
}

    zet-liste > div > ul > li > ul > li {
        position: relative;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: calc(100% - 2vh);
        display: flex;
        align-items: center;
    }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin:focus-within > div:nth-child(2) > div[contenteditable] {
            position: relative;
            z-index: 3;
            height: auto;
            min-width: 30vw;
            max-width: 40vw;
            width: auto;
            max-height: 18vw;
            box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
            overflow-x: scroll;
            resize: auto;
            padding-top: 4.5vh
        }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin:not(:focus-within) > div:nth-child(2) > div[contenteditable]:not(:focus) {
            background: transparent;
            border: 0;
            padding: 0;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

            zet-liste > div > ul > li > ul > li > zet-zenginmetin:not(:focus-within) > div:nth-child(2) > div[contenteditable]:not(:focus) * {
                color: unset !important;
                background: unset !important;
                font-size: unset !important;
                text-decoration: none !important;
                font-weight: normal !important;
                font-style: normal !important;
            }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin:not(:focus-within) > div:nth-child(2) > div[contenteditable]:not(:focus) {
            height: 3vh !important;
        }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin > div:nth-child(2) > div[contenteditable]:focus::-webkit-scrollbar {
            -moz-appearance: none !important;
            height: 2mm;
        }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin:not(:focus-within) > div:first-child {
            display: none;
        }

        zet-liste > div > ul > li > ul > li > zet-zenginmetin > div:first-child {
            position: absolute;
            z-index: 5;
            background: #f9f9f9;
            margin: 1px;
        }

            zet-liste > div > ul > li > ul > li > zet-zenginmetin > div:first-child > .radblok {
                box-shadow: unset;
            }


/*zet-liste > div > ul > li > ul > li:has(zet-zenginmetin):focus-within,*/
zet-liste > div > ul > li:has(zet-zenginmetin):focus-within,
zet-liste > div > ul > li:has(zet-zenginmetin):focus {
    overflow: visible;
}

zet-liste > div > ul > li > ul > li > zet-zenginmetin:focus-within {
    position: fixed;
    z-index: 2;
    height: auto;
    width: auto;
    top: var(--top);
}

.zetsatduz zet-satir > alan > zet-zenginmetin > div > .radblok {
    box-shadow: unset;
    border: 1px solid #ede9e9;
    border-radius: 0;
    border-bottom: 0;
    justify-content: flex-start;
}

.zetsatduz zet-satir > alan > zet-zenginmetin > div > .radblok {
    box-shadow: unset;
    border: 1px solid #ede9e9;
    border-radius: 0;
    border-bottom: 0;
    justify-content: flex-start;
}

.zetsatduz zet-satir > alan[yuzebilir] {
    height: 250px;
}

zet-zenginmetin > div:nth-child(2) {
    height: calc(100% - 4vh - 1px);
    width: 100%;
}

zet-liste > div:nth-child(3) > ul > li > ul > li:nth-child(2n) {
    flex-wrap: wrap;
    user-select: none;
}

    zet-liste > div:nth-child(3) > ul > li > ul > li:nth-child(2n) > span:not(:only-child) {
        font-size: var(--fs15);
        height: auto;
        display: inherit;
        width: 100%;
        justify-content: inherit;
    }

    zet-liste > div:nth-child(3) > ul > li > ul > li:nth-child(2n) > span:nth-child(2) {
        font-weight: normal;
        color: var(--a);
    }

zet-liste > div:nth-child(2) > ul > li[satduz] {
    background: #fbf5de;
}

zet-liste > div > ul > li > ul > li input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

    zet-liste > div > ul > li > ul > li input[type=number]::-webkit-inner-spin-button,
    zet-liste > div > ul > li > ul > li input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }


zet-liste > div:first-child > ul > li:nth-child(3) > ul > li:first-child,
zet-liste > div:first-child > ul > li:nth-child(3) > ul > li:last-child {
    font-family: var(--fonticon);
}

zet-liste > div:first-child > ul > li:nth-child(2) > ul > li:nth-child(2n) {
    user-select: none;
    -webkit-user-drag: element;
    cursor: default;
    pointer-events: all !important;
}

zet-liste > div > ul > li > ul > li:nth-child(2n) {
    padding: 1vh;
}

zet-liste > div > ul > li > ul > li > .sagyuzencombo {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

    zet-liste > div > ul > li > ul > li > .sagyuzencombo[list="userliste"] {
        display: block;
    }

    zet-liste > div > ul > li > ul > li > .sagyuzencombo:not([renkli]) {
        background: transparent !important;
    }

    zet-liste > div > ul > li > ul > li > .sagyuzencombo[renkli] {
        padding: 0 1vh;
    }

zet-liste > div > ul > li > ul > li .sagyuzencombo.box:after {
    content: '\f107';
    right: 0;
    font-size: var(--fs15);
    position: relative;
    opacity: 0.5;
}

zet-liste > div > ul > li > ul > li .sagyuzencombo.box {
    justify-content: space-between;
}

zet-liste > div > ul > li > ul > li:hover .sagyuzencombo.box:after {
    opacity: 1;
}

zet-liste > div > ul > li > ul > li .sagyuzencombo.box[readonly]:after,
zet-liste > div > ul > li > ul > li .sagyuzencombo.box[disabled]:after {
    content: '';
    visibility: hidden;
}

zet-liste > div > ul > li > ul > li .coklukutu {
    border: 0;
    background: transparent !important;
    padding: 0;
    display: flex !important;
}

zet-liste > div > ul > li > ul > li > .coklukutu[disabled] > .sagyuzencombo.ekle:not(.load),
zet-liste > div:nth-child(3) > ul > li > ul > li > .coklukutu > .sagyuzencombo.ekle:not(.load) {
    display: none;
}

zet-liste > div > ul > li > ul > li > .sagyuzencombo[disabled] {
    opacity: 1 !important;
}



zet-liste:not([gtipi="grid"]) > div > ul > li > ul > li:nth-child(2n-1) {
    height: 100%;
    border-left: 1px solid var(--b1);
    overflow: initial;
    background: var(--b1);
}

zet-liste > div:first-child > ul > li > ul > li:nth-child(2n-1) {
    cursor: col-resize;
}

zet-liste.sutun_drag:not([gtipi="grid"]) > div:nth-child(2) > ul > li > ul > li:nth-child(2n-1):before,
zet-liste:not([gtipi="grid"]) > div:first-child > ul > li > ul > li:nth-child(2n-1):before {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -10px;
    content: '';
    z-index: 2;
}

zet-liste:not([gtipi="grid"]) > div > ul > li > ul > li.suruk:nth-child(2n-1):before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 150;
}

zet-liste > div > ul > li > ul > li.dro:nth-child(2n-1):after {
    width: calc(var(--wd) + 2vw);
    height: 100vw;
    right: auto;
    top: auto;
    position: fixed;
    z-index: 150;
    content: '';
}

zet-liste[ymen] > div > ul > li > ul > li.lmen {
    overflow: unset;
}

zet-liste > div > ul > li > ul > li.lmen:empty:before {
    height: 3vh;
    font-family: var(--fonticon);
    padding: 1vh;
    width: 3vh;
    margin: 0.5vh;
    cursor: default;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

zet-liste > div > ul > li > ul > li.lmen:empty:hover:before {
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
}

zet-liste > div > ul > li > ul > li.lmen:empty:before {
    content: '\f141';
}

zet-liste input[type="textbox"] {
    padding: 0;
    width: 100%;
    font-size: var(--fs18);
}

    zet-liste input[type="textbox"]:not(:focus) {
        border-bottom: 1px solid #eeeeee;
    }

zet-liste > div:first-child > ul > li:nth-child(4) {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
}

zet-liste > div.sfil:first-child > ul > li:nth-child(4) {
    height: 5vh;
    cursor: default;
    border-bottom: 1px solid var(--b1);
}

zet-liste > div:first-child > ul > li > ul > li > div {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

    zet-liste > div:first-child > ul > li > ul > li > div:not(:first-child),
    zet-liste > div:first-child > ul > li > ul > li > div:first-child:before {
        font-family: var(--fonticon);
        font-size: var(--fs16);
        width: 2vh;
        color: var(--e);
        font-weight: normal;
    }

zet-liste > div:first-child > ul > li > ul > li.az > div:first-child:before {
    content: '\f15d\2000';
}

zet-liste > div:first-child > ul > li > ul > li.za > div:first-child:before {
    content: '\f15e\2000';
}

zet-liste > div:first-child > ul > li:nth-child(3) input.gbox {
    height: calc(100% - 2vh);
}

zet-liste > div:first-child > ul > li > ul > li > div:nth-child(2) {
    margin-left: 5px;
    position: relative;
    display: none;
    background: #a0a0a0;
    padding: 0.5vh;
    color: #fff;
    border-radius: 50%;
    width: 0.7vh;
    height: 0.7vh;
    align-items: center;
    justify-content: center;
    font-size: var(--fs10);
}


zet-liste[grnmsec]:not([grnmsec~=liste]) > div:first-child > ul > li:nth-child(6) button.zlaraclist,
zet-liste[grnmsec]:not([grnmsec~=grafik]) > div:first-child > ul > li:nth-child(6) button.zlaracgrafik,
zet-liste[grnmsec]:not([grnmsec~=grid]) > div:first-child > ul > li:nth-child(6) button.zlaracgrid {
    display: none;
}

zet-liste[grnmsec~=takvim] > div:first-child > ul > li:nth-child(6) button.zlaractakvim {
    display: inline-block;
}

/*zet-liste takvim*/

zet-liste:not([gtipi='takvim']) > div:first-child > ul > li:nth-child(6) #takvimSecenek {
    user-select: none;
}

zet-liste[gtipi=takvim] > div:first-child > ul > li:nth-child(6) {
    width: calc(100vw - 8.7vh);
    margin: 0.5vh;
    height: 5vh;
    background: #fafafb;
    max-width: unset;
}

body.menuacik zet-liste[gtipi=takvim] > div:first-child > ul > li:nth-child(6) {
    width: calc(100vw - var(--anamenu-width) - 3vh);
}

zet-liste[gtipi=takvim] > div:first-child > ul > li:nth-child(6) > div {
    justify-content: space-between;
}

zet-liste[gtipi='takvim'] > div:first-child > ul > li:nth-child(6) #takvimSecenek > span#takvimtanim {
    text-align: center;
    text-transform: uppercase;
    padding-right: 1ch;
}

zet-liste:not([gtipi='takvim']) > div:first-child > ul > li:nth-child(6) #takvimSecenek {
    display: none;
}

zet-liste .takvimbugun {
    background-color: rgb(152 210 217 / 8%);
}

    zet-liste .takvimbugun:after {
        color: var(--a);
        font-weight: bold;
    }


zet-liste[fscreen][gtipi=takvim] > div:first-child > ul > li:nth-child(6) {
    left: 1vh;
    top: 2vh;
    z-index: 2;
    width: calc(100% - 3vh);
    border-bottom: 1px solid var(--b1);
    border-top: 1px solid var(--b1);
    box-sizing: border-box;
}

zet-liste[fscreen][gtipi='takvim'] > div:nth-child(2) {
    margin-top: 6vh;
    height: calc(100% - 6vh);
}


/*zet-liste takvim bitiş*/

zet-menu.satmenu:not([secmik="0"]):not([secmik="1"]) > ul > li[tekislem],
zet-menu.pofiltremenu[datatype="string"] :is(li[value='6'],li[value='9'],li[value='10'],li[value='11'],li[value='12']),
zet-menu.pofiltremenu[datatype="number"] :is(li[value='2'],li[value='3'],li[value='4'],li[value='5'],li[value='7'],li[value='8']),
zet-menu.pofiltremenu[datatype="date"] :is(li[value='2'],li[value='3'],li[value='4'],li[value='5'],li[value='7'],li[value='8']) {
    display: none;
}

zet-menu.pofiltremenu[datatype="binary"] li {
    display: none;
}

zet-menu.pofiltremenu:not([kriter]) > ul > li[value='-1'] {
    display: none;
}

zet-menu.pofiltremenu > ul > li[value='-1'] {
    background: #ff434314;
}

    zet-menu.pofiltremenu > ul > li[value='-1'] > div {
        color: #ff4343;
    }


/*zet-menu.pofiltremenu[datatype="number"] > ul > li[value='7'] > div:nth-child(2):before {
	content: "Sıfır'a Eşit ";
}

zet-menu.pofiltremenu[datatype="number"] > ul > li[value='8'] > div:nth-child(2):before {
	content: "Sıfır'dan Farklı";
}

zet-menu.pofiltremenu[datatype="number"] > ul > li[value='7'] > div:nth-child(2) > span,
zet-menu.pofiltremenu[datatype="number"] > ul > li[value='8'] > div:nth-child(2) > span {
	display: none;
}*/
/*
zet-menu.pofiltremenu[datatype="number"] > ul > li[value='8'] > div:first-child:before {
	content: '\f656';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
}

zet-menu.pofiltremenu[datatype="number"] > ul > li[value='7'] > div:first-child:before {
	content: '\f111';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
}

zet-menu.pofiltremenu[datatype="number"] > ul > li:hover[value='8'] > div:first-child:before,
zet-menu.pofiltremenu[datatype="number"] > ul > li:hover[value='7'] > div:first-child:before{
	background:var(--b1)
}*/


zet-liste[fltsiz] zet-menu.anamenu > ul > li.filtrele,
zet-liste[fltsiz] > div:first-child > ul > li > ul > li:hover > div:nth-child(2),
zet-liste[fltsiz] > div.sfil:first-child > ul > li:nth-child(4) {
    display: none;
}

zet-liste > div:first-child > ul > li > ul > li.filter > div:nth-child(2) {
    display: flex;
    background: var(--d);
}

zet-liste > div:first-child > ul > li > ul > li > div:nth-child(2):before {
    content: '\f0b0';
}

zet-liste > div:first-child > ul > li > ul > li.filter > div:nth-child(2):hover {
    background: var(--e);
}

    zet-liste > div:first-child > ul > li > ul > li.filter > div:nth-child(2):hover:before {
        content: '\f00d';
    }

zet-liste > div > ul > li > ul > li > div.sagyuzencombo[contenteditable] {
    display: flex;
    align-items: center;
}

zet-liste[yenisatir] > div > ul > li.ys {
    background: #f0f0f0;
    border-top: 5px solid #ffffff;
    box-sizing: border-box;
}

    zet-liste[yenisatir] > div > ul > li.ys > ul > li > zet-searchbox > input[type="search"] {
        text-align: left !important;
        padding-left: 1vh;
    }

    zet-liste[yenisatir] > div > ul > li.ys > ul > li:nth-child(2n-1) {
        border: 0;
    }

    zet-liste[yenisatir] > div > ul > li.ys > ul {
        width: 100%;
    }

zet-liste > div > ul > li > ul > li > zet-input[barkodstd] > button.rmen {
    margin: 0;
}




input.sagyuzencombo.gbox {
    padding-left: 2.5vh;
}

    input.sagyuzencombo.gbox + span {
        position: absolute;
        left: 2%;
        top: 0;
        cursor: default;
        color: #666666;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--fonticon);
        width: 1vh;
        height: 1vh;
        padding: 0.5vh 1vh;
        height: calc(100% - 1vh);
    }

body:not([izahat="0"]) zet-liste:not([toplamli]) > div:nth-child(3),
zet-liste[toplamsiz] > div:nth-child(3) {
    display: none;
}

zet-liste[toplamsiz] > div:nth-child(2) {
    height: calc(100% - 5vh - 2px);
}

body:not([izahat="0"]) zet-liste:not([toplamli]) > div:nth-child(2) {
    height: calc(100% - 5vh - 2px);
}

body:not([izahat="0"]) zet-liste[bul] > div:nth-child(2) {
    height: calc(100% - 10vh - 2px);
}

zet-liste > div > ul > li > ul > li.lmen {
    height: calc(100% - 2vh);
}

/*
zet-liste.load > div:nth-child(2):before {
	content: "\f0e7";
	text-align: center;
	font-family: var(--fonticon);
	color: #f9806a;
	position: absolute;
	z-index: 3;
	width: 10vh;
	height: 10vh;
	animation: load 3s infinite;
	left: calc(50% - 5vh);
	top: calc(50% - 5vh);
	display: flex;
	align-items: center;
	justify-content: center;
}

zet-liste.load > div:nth-child(2):after {
	animation: dondur 1s infinite;
	transform: rotate(360deg);
	font-family: var(--fonticon);
	color: #f9806a;
	box-shadow: #dcdcdc 0vw 0.2vw 0.5vw;
	border-radius: 50%;
	width: 10vh;
	height: 10vh;
	content: '';
	position: absolute;
	left: calc(50% - 5vh);
	top: calc(50% - 5vh);
	background: #fff;
	z-index: 2;
}

zet-liste.load:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	content: '';
	z-index: 1;
}*/

@keyframes listload {
    0% {
        background-position: -800px 0;
    }

    100% {
        background-position: 800px 0;
    }
}

/*
zet-liste.load > div:nth-child(2):before,
zet-liste > div.load:nth-child(2):before {
	content: '';
	width: 3.5vh;
	height: 3.5vh;
	position: absolute;
	left: 2vh;
	top: 2vh;
	border-radius: 5px;
	background-color: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
	background-size: 800px 104px;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: listload;
	animation-timing-function: linear;
}

	zet-liste.load > div:nth-child(2):after,
	zet-liste > div.load:nth-child(2):after {
		content: '';
		width: calc(100% - 12vh);
		height: 2.5vh;
		position: absolute;
		top: 2.50vh;
		left: 9vh;
		border-radius: 5px;
		background-color: #f6f7f8;
		background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
		animation-duration: 2s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-name: listload;
		animation-timing-function: linear;
	}*/

/*TODO:zet-liste LOAD*/

zet-liste.load > div:nth-child(2):before {
    content: '';
    width: calc(100% - 2vh);
    height: 25vh;
    position: absolute;
    left: 2vh;
    top: 1.1vh;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
    background-size: 800px 12vh;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: listload;
    animation-timing-function: linear;
    z-index: 2;
    clip-path: url(#listeload);
}

zet-liste[gtipi="grid"].load > div:nth-child(2):before {
    height: 70vh;
    clip-path: url(#gridload);
}

body.ios.app .pencere zet-liste.load > div:nth-child(2):before {
    visibility: hidden; /*IOS 18.4 SVG G�sterilirken AppCrash'a d��me hatas� nedeniyle gecici olarak gizlendi.*/
}

body.ios.app .pencere zet-liste.load > div:nth-child(2):before {
    visibility: visible; /*IOS 18.4 SVG G�sterilirken AppCrash'a d��me hatas� nedeniyle gecici olarak spinned loading eklendi.*/
    animation-name: dondur;
    clip-path: unset;
    animation-duration: 1s;
    background: transparent;
    content: '\f3f4';
    height: 5vh;
    width: 5vh;
    font-family: var(--fonticon);
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 5vh;
    color: var(--a);
    top: 20vh;
    left: calc(50% - 2.5vh);
}

zet-liste[gtipi="grid"].load > div:nth-child(2):after {
    height: 70vh;
}

zet-liste.load > div:nth-child(2) > ul {
    visibility: hidden;
}

/*
zet-liste > div:nth-child(2).load > ul > li:first-child:after {
	content: '';
	width: calc(100% - 2vh);
	height: 25vh;
	position: absolute;
	bottom: 0;
	left: 2vh;
	background-color: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
	background-size: 800px 12vh;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: listload;
	animation-timing-function: linear;
	z-index: 2;
	clip-path: url(#listeload);
}

zet-liste:not(.load) > div:nth-child(2):not(.kayityok).load > ul:after {
	content: '';
	width: calc(100% - 2vh);
	height: 25vh;
	position: relative;
	display: inline-block;
	background-color: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
	background-size: 800px 12vh;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: listload;
	animation-timing-function: linear;
	margin-top: 2vh;
	z-index: 2;
	clip-path: url(#listeload);
	left: 2vh;
}

*/
zet-liste > div:nth-child(2).kayityok {
    overflow: hidden;
}

    zet-liste > div:nth-child(2).kayityok > ul:before {
        content: 'Kayıt Yok';
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: var(--b3);
        font-size: var(--fs25);
        position: absolute;
    }

    zet-liste > div:nth-child(2).kayityok.hatali > ul:before {
        content: 'Liste Sütunları Yüklenirken Hata Oluştu. Görünüm Ayarı Hasarlı Olabilir. \A (Liste Menü > Gelişmiş > Sütun Ekle Kaldır > Görünümü Sıfırla)';
        font-size: var(--fs18);
        white-space: pre;
        text-align: center;
        color: var(--e);
    }

    zet-liste > div:nth-child(2).kayityok > ul {
        overflow: unset;
        width: 100%;
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }


zet-liste:nth-child(2) > div > ul > li > ul > li > div.resmetin > input {
    height: 100%;
    padding: 0;
}

zet-liste > div:first-child > ul > li > ul > li > div.resmetin {
    height: 100%;
}

zet-liste[data-iptal="1"] > div:nth-child(2) > ul > li > ul > li > zet-input:not([type="checkbox"]),
zet-liste[data-iptal="1"] > div:nth-child(2) > ul > li > ul > li input:not([type="checkbox"]),
zet-liste[data-iptal="1"] > div:nth-child(2) > ul > li > ul > li .sagyuzencombo {
    pointer-events: none;
    opacity: 0.8;
    text-decoration: line-through;
}

.modulmenu > li.sil > div:first-child:before,
.icerikmenu > ul > li.sil > div:first-child:before {
    content: '\f2ed';
}

.modulmenu > li.sil > div:nth-child(2) > span:first-child:before,
.icerikmenu > ul > li.sil > div:nth-child(2) > span:first-child:before {
    content: 'Sil';
}

.modulmenu > li.silsatgos > div:nth-child(2):before,
.icerikmenu > ul > li.silsatgos > div:nth-child(2):before {
    content: 'Silinen Satırları Göster';
}

body.geriyuklemodu .modulmenu > li.sil > div:first-child:before,
body.geriyuklemodu .icerikmenu > ul > li.sil > div:first-child:before {
    content: '\f2ea';
}

body.geriyuklemodu .modulmenu > li.sil > div:nth-child(2) > span:first-child:before,
body.geriyuklemodu .icerikmenu > ul > li.sil > div:nth-child(2) > span:first-child:before {
    content: 'Geri Yükle';
}

body.geriyuklemodu .modulmenu > li.silsatgos > div:nth-child(2):before {
    content: 'Silinen Satırları Gizle';
    color: #f9806a;
}

body.geriyuklemodu .icerikmenu > ul > li.silsatgos > div:nth-child(2):before {
    content: 'Silinen Satırları Gizle';
}

body.geriyuklemodu .icerikmenu > ul > li.silsatgos > div:first-child {
    color: #f9806a;
}

    body.geriyuklemodu .modulmenu > li.silsatgos > div:first-child,
    body.geriyuklemodu .icerikmenu > ul > li.silsatgos > div:first-child:before {
        color: #f9806a;
    }

div.pencere.alertkutusu.silconfirm > div > div:nth-child(2):before {
    content: 'Silme İşlemini Onaylıyor musunuz ?';
}

body.geriyuklemodu .pencere.alertkutusu.silconfirm > div > div:nth-child(2):before {
    content: 'Geri Yükle İşlemini Onaylıyor musunuz ?';
}


body:not([izahat="0"]).geriyuklemodu.salt:not(.ssvar) .modulmenu > li.sil > div:nth-child(2) > span:first-child:before,
body:not([izahat="0"]).geriyuklemodu.salt:not(.ssvar) .icerikmenu > ul > li.sil > div:nth-child(2) > span:first-child:before {
    content: 'Belge Geri Yükle';
}

body:not([izahat="0"]):not(.geriyuklemodu):not(.ssvar) .modulmenu > li.sil > div:nth-child(2) > span:first-child:before,
body:not([izahat="0"]):not(.geriyuklemodu):not(.ssvar) .icerikmenu > ul > li.sil > div:nth-child(2) > span:first-child:before {
    content: 'Belge İptal Et';
}

body:not([izahat="0"]).geriyuklemodu .modulmenu > li:not(.sil):not(.listesec):not(.silsatgos),
body:not([izahat="0"]).geriyuklemodu .icerikmenu > ul > li:not(.silsatgos):not(#modulmenubtn):not(:nth-child(2)):not(#sfbaslik):not(.sil) {
    color: #c7c7c7;
    pointer-events: none;
}

body:not([izahat="0"]).geriyuklemodu.salt:not(.ssvar) .modulmenu > li.silsatgos > div,
body:not([izahat="0"]).geriyuklemodu.salt:not(.ssvar) .modulmenu > li.silsatgos > div:before,
body:not([izahat="0"]).geriyuklemodu.salt:not(.ssvar) .icerikmenu > ul > li.silsatgos > div {
    pointer-events: none;
    color: #c7c7c7 !important;
}

body:not([izahat="0"]).geriyuklemodu:not(.salt):not(.ssvar) .modulmenu > li.sil,
body:not([izahat="0"]).geriyuklemodu:not(.salt):not(.ssvar) .icerikmenu > ul > li.sil {
    pointer-events: none;
    color: #c7c7c7;
}

zet-liste > div:not(:nth-child(4)) {
    background: #fff !important;
}

zet-input {
    display: block;
    position: relative;
}

    zet-input[disabled],
    .sagyuzencombo:not(.le)[disabled] {
        pointer-events: none;
        opacity: 0.7;
    }

    zet-input > input[type=checkbox],
    input.zetcheckbox {
        display: none !important;
    }

        zet-input > input[type=checkbox] + label,
        input.zetcheckbox + label {
            background: var(--b2);
            color: var(--b5);
            width: 3vh;
            height: 3vh;
            font-family: var(--fonticon);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s;
            border-radius: 5px;
        }

            zet-input[type=checkbox] > input + label:before,
            input.zetcheckbox + label:before {
                content: '\f00c';
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        zet-input[type=checkbox] > input:checked + label:before,
        input.zetcheckbox:checked + label:before {
            transform: rotateY(180deg);
        }

        zet-input[type=checkbox] > input:checked + label,
        input.zetcheckbox:checked + label {
            background: var(--a);
            color: #fff;
            transform: rotateY(180deg);
        }

    zet-input[type=checkbox].ackapat {
        text-align: start !important;
        display: flex;
        align-items: center;
    }

        zet-input[type=checkbox].ackapat > input:checked + label {
            background: var(--a);
        }

        zet-input[type=checkbox].ackapat > input + label {
            background: var(--b2);
            height: 2.1vh;
            width: 3.6vh;
            position: relative;
            border-radius: 50px;
            transform: rotate(0);
            display: block;
        }

            zet-input[type=checkbox].ackapat > input + label:before {
                background: #ffffff;
                width: 1.45vh;
                height: 1.45vh;
                top: 0;
                margin: 0.35vh;
                position: absolute;
                transform: translateX(0);
                border-radius: 50px;
                transition: transform 0.2s;
                content: '';
            }

        zet-input[type=checkbox].ackapat > input:checked + label:before {
            transform: translateX(100%);
        }

    zet-input[type=checkbox].goz > input + label {
        background: unset;
    }

        zet-input[type=checkbox].goz > input + label:before {
            content: '\f070';
            color: #a0a0a0;
        }

    zet-input[type=checkbox].goz > input:checked + label:before {
        content: '\f06E';
        color: var(--d);
    }

    zet-input[disabled] > input {
        opacity: 0.8;
        pointer-events: none;
    }

.mbox > div > div > zet-input > input {
    width: 100%;
    padding: 1vh;
}

zet-input[type="radio"] > input + label:before {
    content: '';
    border: 1px solid #a0a0a0;
    width: 2vh;
    height: 2vh;
    display: block;
    border-radius: 50%;
    float: left;
    margin-right: 0.5vh;
    font-family: var(--fonticon);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: var(--fs14);
}

zet-input[type="radio"] > input {
    display: none;
}

    zet-input[type="radio"] > input + label {
        float: left;
        margin: 1vh;
    }

    zet-input[type="radio"] > input:checked + label:before {
        border-color: #f9806a;
        background: #f9806a;
        content: '\f00c';
    }

zet-menu {
    position: fixed;
    z-index: 118;
    background: #fff;
    padding: 1vh;
    font-size: var(--fs16);
    border-radius: 5px;
    cursor: default;
    border: 1px solid #eaeaea;
    user-select: none;
    width: 0;
    overflow: initial;
    height: 0;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    display: none;
    transition: width 0.2s,height 0.2s;
}

    zet-menu[baslik]:before {
        content: attr(baslik);
        padding: 0.5vh;
        margin-bottom: 1vh;
        display: block;
        font-weight: bold;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    zet-menu.acik,
    .acilirsagmenu.acik {
        display: block;
        width: 23vh;
        height: auto;
    }

    zet-menu > ul > li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #f1f1f1;
        height: 3.5vh;
        border-radius: 5px;
    }

        zet-menu > ul > li[disabled] {
            opacity: 0.5;
            pointer-events: none;
        }

    zet-menu[satislem='true'] > ul > li[satgizle] {
        display: none;
    }

    zet-menu[satislem='false'] > ul > li[satislem],
    zet-menu[satislem='false'] > ul > li[tekislem] {
        display: none;
    }



    zet-menu > ul > li.load {
        pointer-events: none;
    }

    zet-menu > ul > li * {
        pointer-events: none;
    }

    zet-menu > ul > li.secik {
        background: var(--b05);
    }

    zet-menu > ul > li:hover {
        background: var(--b1);
    }

    zet-menu > ul > li > div {
        position: relative;
        float: left;
        color: var(--fckoyu);
    }

        zet-menu > ul > li > div:first-child {
            font-family: var(--fonticon);
            margin-right: 0.5vh;
            width: 3vh;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    zet-menu > ul > li.load > div:first-child {
        color: transparent;
    }

        zet-menu > ul > li.load > div:first-child:before {
            content: '\f3f4';
            position: absolute;
            color: var(--a);
            width: 3vh;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: dondur 1s infinite;
        }

    zet-menu > ul > li.gizli {
        display: none;
    }

    zet-menu.gmod > ul > li.gm {
        display: flex;
    }

    zet-menu.gmod > ul > li:not(.gm) {
        display: none;
    }

    zet-menu:not(.gmod) > ul > li.gm {
        display: none;
    }

    zet-menu > ul > li[ozelislem] > div:first-child:before {
        content: '';
        font-size: var(--fs10);
        width: 0.5vh;
        height: 0.5vh;
        position: absolute;
        background: var(--d);
        border: 3px solid #fff;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0.2vh;
        bottom: -0.3vh;
    }

    zet-menu > ul > li:hover[ozelislem] > div:first-child:before {
        border-color: var(--b1);
    }

    zet-menu.toplammenu > ul > li.secik > div:first-child:before {
        content: '';
        width: 1.5vh;
        height: 1.5vh;
        background: var(--d);
        position: absolute;
        border-radius: 50%;
    }

    zet-menu.toplammenu > ul > li.secik > div:first-child:after {
        content: '\f00c';
        position: absolute;
        color: #fff;
        font-size: 0.8vh;
    }

    zet-menu > ul > li > div:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(100% - 3.5vh);
    }

        zet-menu > ul > li > div:nth-child(2) > span {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    zet-menu > ul > li[kisayol] > div:nth-child(2) > span:nth-child(2) {
        color: var(--b5);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs10);
        white-space: pre;
        background: var(--b05);
        padding: 0.4vh;
        border-radius: var(--inputborderradius);
        margin-right: 10px;
    }



    zet-menu:not([hucmenu]) > hucmenu {
        display: none;
    }

    zet-menu > hucmenu {
        position: relative;
        display: flex;
        justify-content: space-around;
        height: 4vh;
    }

        zet-menu > hucmenu > div > span:first-child {
            font-family: var(--fonticon);
        }

        zet-menu > hucmenu > div > span:nth-child(2) {
            display: none;
        }

        zet-menu > hucmenu > div {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 3vh;
            border-radius: var(--inputborderradius);
        }

            zet-menu > hucmenu > div:focus {
                outline: 1px solid var(--fckoyu);
                outline-offset: -2px;
            }

            zet-menu > hucmenu > div:not(:last-child) {
                border-right: 1px solid var(--b1);
            }

            zet-menu > hucmenu > div:hover {
                background: var(--b1);
            }

                zet-menu > hucmenu > div:hover > span:nth-child(2) {
                    display: flex;
                    position: absolute;
                    top: 4vh;
                    padding: 0.7vh;
                    font-size: var(--fs14);
                    box-shadow: #a0a0a0 0vw 0vw 0.2vw;
                    color: #fff;
                    backdrop-filter: blur(5px);
                    -webkit-backdrop-filter: blur(5px);
                    background: var(--fckoyu066);
                    font-family: var(--font);
                    white-space: pre;
                    z-index: 2;
                    border-radius: var(--inputborderradius);
                }

    zet-menu[hucmenu] > ul > li:first-child {
        border-top: 1px solid #f1f1f1;
    }

    zet-menu.fltsiz > hucmenu > div:nth-child(4) {
        display: none;
    }

    zet-menu.fltsiz > hucmenu > div:nth-child(3) {
        border-right: 0;
    }

    zet-menu[hucmenu="odaksiz"] > hucmenu > div:is(:nth-child(2),:nth-child(3)) > span:first-child {
        opacity: 0.3;
    }

    zet-menu[hucmenu="odaksiz"] > hucmenu > div:is(:nth-child(2),:nth-child(3)) {
        pointer-events: none;
    }

    zet-menu > hucmenu > div:is(:first-child,:nth-child(4)) > span:nth-child(2) > div.filtveri:before {
        content: var(--filtveri) ' ';
    }

    zet-menu > hucmenu > div:hover:is(:first-child,:nth-child(4)) > span:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    zet-menu > hucmenu > div:hover:is(:first-child,:nth-child(4)) > span:nth-child(2) > div.filtveri {
        font-size: var(--fs12);
        color: var(--d);
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 8vw;
        margin-top: 0.5vh;
        border-top: 1px solid #d4c2013b;
        padding-top: 0.5vh;
    }

    zet-menu[hucmenu='odakli'] > hucmenu > div:hover:is(:first-child,:nth-child(4)) > span:nth-child(2) > div.filtveri{
        display:none;
    }

zet-liste > div:first-child div.resmetin > input.sagyuzencombo,
zet-liste > div:first-child div.resmetin:before {
    height: 100%;
}

zet-liste > div:first-child div.resmetin:before,
zet-liste > div:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n) {
    height: calc(100% - 2vh);
    pointer-events: all !important;
}

    zet-liste > div:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n) > zet-input,
    zet-liste > div:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n) > zet-input > input {
        pointer-events: all !important;
        padding-left: 0;
    }

zet-liste > div:first-child div.resmetin > input.sagyuzencombo {
    padding: 0 0.5vh 0 1vh;
    font-size: var(--fs18);
}

zet-liste[gruplu] > div:first-child > ul > li:first-child {
    height: 5vh;
    background: #fbf5de !important;
    border-bottom: 1px solid #ebe5e5;
    padding: 1vh;
}


    zet-liste[gruplu] > div:first-child > ul > li:first-child > button,
    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > button.zlbulcik {
        background: transparent;
        border: 0;
        color: #444;
        font-size: var(--fs18);
        height: 4vh;
        width: 4vh;
        padding: 0;
        font-family: var(--fonticon);
    }

        zet-liste[gruplu] > div:first-child > ul > li:first-child > button:hover,
        zet-liste[bul] > div:first-child > ul > li:nth-child(5) > button.zlbulcik:hover {
            font-size: var(--fs22);
        }



    zet-liste[gruplu] > div:first-child > ul > li:first-child > zet-path {
        width: calc(100% - 4vh);
        background: transparent;
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
    }

    zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5vh;
        box-sizing: border-box;
    }

        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li > div.sagyuzencombo {
            padding: 0.7vh !important;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

            zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li > div.sagyuzencombo:hover {
                background: rgba(0,0,0,0.1);
            }

        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path .sagyuzencombo:not(.ekle):empty:before,
        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li:not(.yeni):not(.edit):after {
            color: var(--fckoyu);
            font-size: var(--fs16);
        }

        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li:last-child:not(.yeni):not(.edit):after {
            display: none;
        }

        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li > div.sagyuzencombo {
            padding: 0 1vh !important;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li:last-child > div.sagyuzencombo {
            border: 1px dashed #666666;
        }

zet-liste > div > ul > li > ul > li > zet-path {
    padding: 0;
    margin: 0;
    background: transparent;
}

zet-liste[grupfiltre] > div > ul > li > ul > li:nth-child(2n-1) {
    background: transparent;
    display: flex;
}


zet-liste[grupfiltre] > div:nth-child(2) > ul > li > ul > li {
    background: transparent;
    border: 0;
    font-size: var(--fs18);
}

    zet-liste[grupfiltre] > div:nth-child(2) > ul > li > ul > li:first-child:before {
        content: '\f067';
        position: relative;
        margin: 0 1.8vh;
        color: #a0a0a0;
        width: 3vh;
        height: 3vh;
        font-family: var(--fonticon);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s;
        border-radius: 5px;
    }

zet-liste[grupfiltre] > div:nth-child(2) > ul > li.gacik > ul > li:first-child:before {
    content: '\f00d';
}

zet-liste[grupfiltre] > div:nth-child(2) > ul > li > ul > li:nth-child(2n-1):not(:last-child):after {
    content: '|';
    color: #ebe5e5;
    margin: 0 1vh;
}

zet-liste[gtipi="grafik"][fscreen] {
    background: #27272787;
}

zet-select[list="efatsenaryo"].efatsen > select > option:not([value="1"]):not([value="2"]) {
    display: none;
}

zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li:nth-child(2n-1) {
    border: 0;
    height: 100% !important;
    margin: 0 0.25vh;
    width: 0.5vh;
    border-radius: 20px;
    transition: background 0.5s;
}

zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li.dro:nth-child(2n-1) {
    background: var(--a);
}

zet-liste:not([gtipi='grid']) > div:not(.kayityok):nth-child(2) > ul:before {
    height: var(--bhg,0);
    content: '';
    display: block;
}

zet-liste[gtipi="grid"] > div:nth-child(2) {
    background: transparent !important;
}


    zet-liste[gtipi="grid"] > div:nth-child(2) > ul {
        display: grid;
        grid-auto-flow: row dense;
        grid-gap: 1vh 0;
        grid-template-columns: repeat(var(--gsm,1), 1vh minmax(0px, 100%));
        grid-template-rows: var(--bhg,0) repeat(auto-fit,var(--hg,fit-content(100%)));
    }

        zet-liste[gtipi='grid'] > div:nth-child(2) > ul:before {
            content: '';
            grid-column-end: calc((var(--gsm,1) * 2) + 1);
            grid-column-start: 1;
        }




        zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li > ul {
            display: grid !important;
            height: auto;
            padding: 1.25vh;
            box-sizing: border-box;
            width: 100% !important;
        }

        zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li:nth-child(2n) {
            height: auto !important;
            border: 1px solid var(--b1);
            box-sizing: border-box;
            border-radius: 1vh;
            background: transparent;
        }

            zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li:nth-child(2n):hover {
                border: 1px solid var(--b2);
            }

        zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li:active {
            border-color: var(--a);
        }

        zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li > ul > li:nth-child(2n) {
            box-sizing: border-box;
            padding: 0;
            color: var(--textcolor);
        }

        zet-liste[gtipi="grid"] > div:nth-child(2) > ul > li > ul > li:nth-child(2n-1) {
            display: none;
        }

zet-liste[gtipi='grid'] > div > ul > li > ul > li.lres > img {
    width: 100%;
    border: 0;
    margin: 0;
}

zet-liste[gtipi='grid'] > div > ul > li > ul > li.lmen:empty:before {
    margin: 0 0.1vh 0.5vh 0.5vh;
    border-radius: 50%;
    padding: 0.75vh;
}

zet-liste[gtipi="grid"] > div > ul > li > ul > li {
    width: 100%;
    height: auto;
    grid-area: auto/auto/auto/auto;
    display: block;
}

zet-liste[gtipi="grid"] > div:first-child > ul > li:nth-child(2),
zet-liste[gtipi="grid"] > div:nth-child(3) {
    display: none;
}

zet-liste[gtipi='grid'] > div:first-child > ul > li:nth-child(2n-1) {
    border: 0;
}

zet-liste[gtipi='grid'] > div:nth-child(2) {
    padding: 2vh 1.5vh;
    height: 100%;
    box-sizing: border-box;
}

    zet-liste[gtipi='grid'] > div:nth-child(2) > ul > li > ul > li:not(.lmen):before {
        display: none;
        margin-right: 5px;
    }


zet-liste[gtipi="grid"].lite > div:nth-child(2) > ul > li > ul {
    padding: 0.25vh 1vh;
}

zet-liste[gtipi="grid"].lite > div:nth-child(2) > ul {
    grid-gap: 0;
}

    zet-liste[gtipi="grid"].lite > div:nth-child(2) > ul > li > ul > li:nth-child(2n) > zet-input > input[type=checkbox] + label {
        width: 2.5vh;
        height: 2.5vh;
        font-size: var(--fs15);
    }


    zet-liste[gtipi="grid"].lite > div:nth-child(2) > ul > li:nth-child(2n) {
        border: 0;
        border-bottom: 1px solid var(--b1);
        border-radius: 0;
    }

zet-liste[gtipi='grid'].lite > div > ul > li > ul > li.lmen:empty:before {
    margin-bottom: 0;
    color: var(--b5);
}

zet-liste[gtipi='grid'].lite > div > ul > li > ul > li.lmen:empty:hover:before {
    border: 1px solid var(--b1);
    box-shadow: unset;
    color: var(--fckoyu);
}


zet-liste > div:first-child > ul > li:nth-child(6) {
    display: none;
    padding: 1.25vh 2vh 1.25vh 1.25vh;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    height: 6vh;
    max-width: 25%;
    width: auto;
    top: 13.9vh;
    z-index: 2;
}

zet-rapor zet-liste > div:first-child > ul > li:nth-child(6),
#icerik > zet-liste > div:first-child > ul > li:nth-child(6) {
    display: block;
}

zet-liste > div:first-child > ul > li:nth-child(6) > div {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

zet-liste > div:first-child > ul > li:nth-child(6) button {
    padding: 0.5vh;
    margin: 0 0.25vh;
    border-radius: 5px;
    font-size: var(--fs20);
    width: 3.5vh;
    height: 3.5vh;
}

zet-liste[fscreen] > div:first-child > ul > li:nth-child(6) {
    z-index: 0;
}

zet-liste:not([gtipi]) > div:first-child > ul > li:nth-child(6) button.zlaraclist,
zet-liste[gtipi=""] > div:first-child > ul > li:nth-child(6) button.zlaraclist,
zet-liste[gtipi="grid"] > div:first-child > ul > li:nth-child(6) button.zlaracgrid,
zet-liste[gtipi="grafik"] > div:first-child > ul > li:nth-child(6) button.zlaracgrafik,
zet-liste[gtipi="takvim"] > div:first-child > ul > li:nth-child(6) button.zlaractakvim {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

zet-liste > div:first-child > ul > li:nth-child(6) button[gad]:hover:after {
    content: attr(gad);
    font-size: var(--fs14);
    z-index: 2;
    position: fixed;
    display: block;
    padding: 0.7vh;
    margin: 1vh 0 0 -0.75vh;
    box-shadow: rgba(0,0,0,0.5) 0vw 0vw 0.2vw;
    color: #fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: var(--fckoyu066);
    border-radius: var(--inputborderradius);
}


/*TODO : Takvim Görünümü Yapıldığında Kaldırılacak. DOĞUKAN */
zet-liste > div:first-child > ul > li:nth-child(6) button[gad="Takvim"] {
    display: none;
}


zet-liste > div:first-child > ul > li:nth-child(6) button:before {
    content: attr(icon);
    margin-right: 0.5vh;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


zet-liste > div:first-child > ul > li:nth-child(6) button:hover {
    background: #fff;
    border-radius: 5px;
}

zet-liste > div:first-child > ul > li:nth-child(6) button:active {
    color: #666;
}


/*SFİL*/
zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li:nth-child(4) {
    display: block;
    width: 20vw;
    top: 15.14vh;
    height: 100%;
    position: fixed;
    background: #fff;
    right: 0;
    z-index: 2;
    box-shadow: 0 0px 23px 10px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    overflow: auto;
}


zet-liste[gtipi="grid"] > div.sfil:first-child > ul {
    height: 100%;
    display: block;
    padding-bottom: 40vh;
}

    zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li:nth-child(4) {
        display: block;
        float: left;
    }

        zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li:nth-child(4) > ul:before {
            content: 'Sütun Filtrele';
            text-align: center;
            width: 100%;
            height: 4vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n) {
            width: calc(100% - 4vh) !important;
            height: 5vh !important;
            float: left;
            text-align: left !important;
            display: flex !important;
            justify-content: flex-start !important;
            border-bottom: 1px solid #eee;
            font-weight: normal;
            box-sizing: border-box;
            margin: 0 2vh;
            padding: 0 !important;
            color: #444 !important;
            background: transparent !important;
            font-weight: normal !important;
        }

            zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n):empty {
                display: none !important;
            }

    zet-liste[gtipi="grid"] > div.sfil:first-child > ul > li > ul {
        border: 0;
        display: block;
    }


/*SFİL Bitiş*/

zet-liste[gtipi=grafik] > div:not(:first-child):not(:nth-child(4)):not(:nth-child(5)),
zet-liste:not([gtipi=grafik]) > div:nth-child(4) {
    display: none;
}

zet-liste[gtipi="grafik"] > div:first-child > ul > li:not(:nth-child(6)) {
    display: none;
}

zet-liste[gtipi=grafik] > div:nth-child(4) {
    width: 100%;
    height: 100%;
}

    zet-liste[gtipi=grafik] > div:nth-child(4) > form > div {
        float: left;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05);
        border-radius: var(--inputborderradius);
        background: #fff;
        position: relative;
    }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:hover {
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05);
        }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:first-child {
            width: calc(25% - 2px);
            height: calc(100% - 1vh);
            margin-right: 2vh !important;
            overflow-y: auto !important;
            z-index: 1;
            border-radius: 10px;
        }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:nth-child(2) {
            width: calc(75% - 2vh);
            height: calc(100% - 7vh);
            padding-bottom: 6vh;
            overflow: hidden;
            border-radius: 10px;
        }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div > div:first-child {
            font-size: var(--fs18);
            color: var(--fckoyu);
            height: 6vh;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            cursor: default;
            user-select: none;
        }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:not(:empty):after {
            content: '\f078';
            padding: 0.5vh;
            margin-left: 1vh;
            font-family: var(--fonticon);
            border-radius: 50%;
            width: 1.5vh;
            height: 1.5vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:hover:after {
            background: #f5f5f5;
        }


zet-liste[gtipi='grafik'] .grafikalan:empty:before {
    content: 'Lütfen Grafik Listesinden Bir Grafik Seçiniz veya Yeni Grafik Oluşturunuz.';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #A0A0A0;
    font-size: var(--fs20);
}

zet-widget > zet-liste[gtipi='grafik'] .grafikalan:empty:before {
    display: none;
}


zet-liste[bul] > div:first-child > ul > li:nth-child(5) {
    height: 5vh;
    border-bottom: 1px solid #ebe5e5;
    padding: 0.7vh 1vh;
}

zet-liste:not([bul]) > div:first-child > ul > li:nth-child(5) {
    border-top: 0;
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div {
    height: 100%;
    width: calc(100% - 4vh);
}

    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > * {
        height: 3.4vh;
        box-sizing: border-box;
        margin: 0 1vh;
        float: left;
    }

    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > zet-input > input {
        height: 100%;
        width: 13vw;
        padding: 0 1vh;
    }

zet-liste[bul] > div:first-child > ul > li:nth-child(5) button:before {
    content: attr(icon);
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) button {
    padding: 0;
    width: 4vh;
    border-radius: var(--inputborderradius);
    margin: 0 0.25vh;
    font-size: var(--fs12);
}


    zet-liste[bul] > div:first-child > ul > li:nth-child(5) button.cgray,
    zet-liste[bul] > div:first-child > ul > li:nth-child(5) button.cdominant {
        width: 11vh;
    }

zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > zet-input > button:before {
    content: '\f142';
    font-size: var(--fs14);
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > zet-input > button {
    margin: 0.5vh;
    width: 2.5vh;
    height: 2.5vh;
    border-radius: 50%;
}


zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .coklukutu {
    padding: 0 1vh;
    display: none !important;
    align-items: center;
    justify-content: center;
}

    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .coklukutu.filt {
        display: flex !important;
    }


    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .coklukutu[type=sagyuzencombo] > .sagyuzencombo.ekle,
    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .coklukutu[type=sagyuzencombo] > .sagyuzencombo.ekle:after {
        font-weight: normal;
        font-size: var(--fs15);
    }

    zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .coklukutu > div.oluşuk {
        font-size: var(--fs14);
        font-weight: normal;
        margin: 0.1vw;
    }



zet-liste[bul] > div:first-child > ul > li:nth-child(5) input::placeholder {
    font-size: var(--fs15) !important;
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) input::-moz-placeholder {
    font-size: var(--fs15) !important;
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) input::-webkit-input-placeholder {
    font-size: var(--fs15) !important;
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .radblok > label {
    font-weight: normal;
    font-size: var(--fs14);
    min-width: 3vh;
    transition: unset;
}

zet-liste[bul] > div:first-child > ul > li:nth-child(5):not(.degis) > div > *[zlsutdeg] {
    display: none;
}


div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.filtrele,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.gruplandir,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.buldegis,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.alttoplamlar,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.sutuneklekaldir,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.excelexport,
div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.gorunumyazdir {
    display: none;
}

div#menuler > div > zet-menu[gtipi="grafik"].anamenu > ul > li.gm.grafik,
div#menuler > div > zet-menu[gtipi="takvim"].anamenu > ul > li.gm.takvim,
div#menuler > div > zet-menu[gtipi="grid"].anamenu > ul > li.gm.grid,
div#menuler > div > zet-menu:not([gtipi]).anamenu > ul > li.gm.liste {
    display: none;
}

div#menuler > div > zet-menu.anamenu[altsiz] > ul > li.alttoplamlar,
div#menuler > div > zet-menu.anamenu[yenisatir] > ul > li.yenisatir {
    display: none;
}

div#menuler > div > zet-menu:not([gtipi="grafik"]).anamenu > ul > li.grafikduzenle,
div#menuler > div > zet-menu:not([gtipi="grafik"]).anamenu > ul > li.grafikpaylas {
    display: none;
}

zet-liste > div.oac:nth-child(4) > form > div:first-child > div:first-child {
    width: 100%;
    height: 100%;
    transform: rotate(270deg);
    background: #fff;
    top: 0;
    left: 0;
    text-align: center;
}

zet-liste > div:nth-child(4) > form > div > div:nth-child(2) {
    width: 6.7vh;
    height: 6vh;
    font-family: var(--fonticon);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 1px;
    font-size: var(--fs20);
    color: var(--fckoyu);
    cursor: default;
    user-select: none;
}

zet-liste > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(2):after {
    content: '\F141';
    z-index: 1;
}

zet-liste > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(2):hover:before {
    background: #f5f5f5;
    border-radius: 50%;
    width: 4vh;
    height: 4vh;
    content: '';
    position: absolute;
}

zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(2):before {
    content: "\f053";
}

zet-liste > div.oac:nth-child(4) > form > div:first-child > div:nth-child(2):before {
    content: "\f054";
    color: #f9806a;
}

zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) {
    height: calc(100% - 6vh);
}

zet-liste > div.oac:nth-child(4) > form > div:first-child {
    width: 7vh;
    overflow: hidden !important;
}

zet-liste > div.oac:nth-child(4) > form > div:nth-child(2) {
    width: calc(100% - 8.7vh - 5px);
}

zet-liste[gtipi="grafik"] > div.oac:nth-child(4) > form > div:first-child > div:nth-child(3) {
    display: none;
}

zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sekmeler {
    position: absolute;
    bottom: 0;
    height: 6vh;
    z-index: 1;
    width: 100%;
}

zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div > .etiketli {
    padding: 0 2vh;
}

zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button {
    width: 100%;
    background: #f9f9f9;
    height: 5.7vh;
    color: #444;
    margin: 0 0 0.5vh 0;
    font-size: var(--fs18);
    border-top: 0.1vh #F3F3F3 solid;
    border-bottom: 0.1vh #F3F3F3 solid;
}

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button:hover {
        background: #f3f3f3;
    }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button:before {
        margin-right: 1vh;
    }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button[value="0"]:before {
        content: '\f0c7';
    }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button[value="1"]:before {
        content: '\f08d';
    }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button[value="2"]:before {
        content: '\f2ed';
    }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button.load {
        pointer-events: none;
        color: #a0a0a0;
    }

        zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button.load:before {
            content: '\f3f4';
            animation: dondur 1s infinite;
            display: inline-block;
            color: var(--a);
            position: relative;
        }

    zet-liste > div:nth-child(4) > form > div:first-child > div:nth-child(3) > div.sihirbaz > div button:not(.load):before {
        font-size: var(--fs13);
    }


zet-liste > div > ul > li > ul > li.lres {
    padding: 0 1vh;
    height: 100%;
}

    zet-liste > div > ul > li > ul > li.lres > img {
        object-fit: contain;
        height: calc(100% - 1vh);
        margin: 0.5vh;
        border: 1px solid #dcdcdc;
        border-radius: var(--inputborderradius);
        position: relative;
        width: 4vh;
    }


        zet-liste > div > ul > li > ul > li.lres > img:before {
            content: '';
            background: #ffffff;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        zet-liste > div > ul > li > ul > li.lres > img:after {
            content: '\f03e';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--fonticon);
            color: #a0a0a0;
            font-size: var(--fs20);
        }

zet-liste > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(3) {
    height: calc(100% - 7.7vh);
    overflow: hidden;
}

zet-liste > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(4) {
    height: 6.7vh;
    width: 100%;
    border-top: 1px solid #f3f3f3;
}

zet-liste[gtipi="grafik"] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before {
    font-family: var(--fonticon);
    margin-right: 1vh;
}

[grtip='0'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="0"]:before {
    content: '\f05B';
}

[grtip='1'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="1"]:before {
    content: '\f86c';
}

[grtip='2'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="2"]:before {
    content: '\f200';
}

[grtip='3'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="3"]:before {
    content: '\f080';
}

[grtip='4'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="4"]:before {
    content: '\f201';
}

[grtip='5'] > div:nth-child(4) > form > div:nth-child(2) > div:first-child:before,
zet-liste > div:nth-child(4) .yanliste > ul > li[tip="5"]:before {
    content: '\f0c9';
}

zet-liste .grafikalan {
    width: 100%;
    height: 66vh;
    z-index: 3;
    position: relative;
    transition: transform 0.2s cubic-bezier(0, -0.69, 0, 1.38) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

zet-widget > zet-liste .grafikalan {
    height: 100%;
}

[grtip="0"] .grafikalan > div:first-child {
    margin: 1vh 2vh 2vh 2vh;
    padding: 2vh;
    height: calc(100% - 8vh);
    box-shadow: 0.1vh 0.1vh 1vh #e0e0e0;
    border-radius: 10px;
    position: relative;
}

#icerik > [grtip="0"] .grafikalan > div:first-child,
#icerik > #belgeanadiv [grtip="0"] .grafikalan > div:first-child {
    width: 50%;
    height: 50%;
    overflow: hidden;
}

[grtip="0"] .grafikalan > div > div {
    width: calc(100% - 4vh);
    height: 60%;
    padding: 0 2vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    float: left;
    position: relative;
}

    [grtip="0"] .grafikalan > div > div:nth-child(2) {
        height: 40%;
    }

    [grtip="0"] .grafikalan > div > div:first-child > div:first-child {
        color: var(--fckoyu);
        font-size: var(--fs60);
        line-height: 0.95;
    }

    [grtip="0"] .grafikalan > div > div:nth-child(2) > div:first-child {
        font-size: var(--fs20);
        color: var(--b5);
        text-align: right;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

zet-liste > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(3) .grafikalan > div:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}

[grtip="0"] .grafikalan > div:first-child:after {
    content: '\f0e7';
    font-family: var(--fonticon);
    position: absolute;
    color: rgba(158, 158, 158, 0.05);
    left: -6vh;
    top: -4vh;
    font-size: 25vh;
}

[grtip="0"] .grafikalan > div > div:nth-child(2) > div:nth-child(2) {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 1vh;
}

    [grtip="0"] .grafikalan > div > div:nth-child(2) > div:nth-child(2) > div {
        float: left;
        margin: 1vh;
        width: calc(30% - 2vh);
    }

zet-liste[gtipi=grafik] > div:nth-child(4) > form > div > div:nth-child(3) > div.sekmeler > ul > li:first-child:after {
    content: 'Grafik Listesi';
    font-weight: 500;
    margin-left: 1vh;
}

zet-liste[gtipi=grafik] > div:nth-child(4) > form > div > div:nth-child(3) > div.sekmeler > ul > li:nth-child(2):after {
    content: 'Grafik Düzenle';
    font-weight: 500;
    margin-left: 1vh;
}

zet-liste[gtipi=grafik] > div:nth-child(4) > form > div > div:nth-child(3) > div.sekmeler > ul > li:not(.secik):after {
    color: #7b7b7b;
    font-size: var(--fs17);
}

[grtip="1"] .grafikalan > div:first-child {
    position: relative;
    width: 70%;
    height: auto;
    max-height: 90%;
    overflow: hidden;
    padding: 2vh;
}

    [grtip="1"] .grafikalan > div:first-child > div:first-child {
        margin-bottom: 2vh;
        padding: 2vh;
        height: auto;
        box-shadow: 0.1vh 0.1vh 1vh #e0e0e0;
        width: 100%;
        border-radius: 10px;
        box-sizing: border-box;
        min-height: 35vh;
    }

        [grtip="1"] .grafikalan > div:first-child > div:first-child > div:first-child {
            width: 100%;
            font-size: var(--fs25);
            text-align: center;
            color: #444;
            min-height: 4vh;
        }

        [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(2) {
            text-align: center;
            color: #666;
            font-size: var(--fs20);
            height: 2.5vh;
        }

        [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) {
            height: 4vh;
            width: 100%;
            position: relative;
            margin: 4vh 0;
            z-index: 2;
            background: #e8e8e8;
        }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) > div {
                height: 100%;
                float: left;
            }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) > div {
                transition: transform 0.3s,width 0.3s;
            }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3):hover > div:not(:hover) {
                opacity: 0.5;
            }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) > div:hover {
                transform: scale(1.1);
            }

        [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) {
            max-height: 30vh;
            overflow-y: auto;
        }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) input[type='color'] {
                width: 2.5vh;
                height: 2.5vh;
                margin: 0;
                box-sizing: border-box;
                padding: 0;
                border: 0;
            }

    [grtip="1"] .grafikalan > div:first-child > div:nth-child(2) {
        min-height: 4vh;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 1%;
    }

        [grtip="1"] .grafikalan > div:first-child > div:nth-child(2) > select {
            float: left;
            width: 24%;
            font-size: var(--fs18);
            margin-right: 2%;
        }

    [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) > div:hover:before {
        content: '%' attr(yuzde) '\A' attr(grup) '\A' attr(veri);
        background: #000000b5;
        color: #fff;
        position: absolute;
        width: auto;
        min-width: 10vw;
        padding: 1vh;
        height: auto;
        top: 5vh;
        font-size: var(--fs15);
    }

    [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) > div:hover:after {
        content: '';
        line-height: 0.33;
        font-size: var(--fs20);
        font-family: var(--fonticon);
        position: relative;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 7px 7px;
        border-color: transparent transparent #4a4a4a transparent;
        bottom: -3px;
        top: 4.4vh;
        left: 0.5vh;
    }

    [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul {
        min-height: 3vh;
        width: 100%;
    }

        [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li {
            float: left;
            height: 3vh;
            position: relative;
            margin: 0.5vh;
        }

            [grtip="1"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li > div {
                float: left;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 0.5vh;
            }

[grtip="2"] .grafikalan > div:first-child {
    position: relative;
    width: 70%;
    height: auto;
    max-height: 90%;
    overflow-y: auto;
    padding: 2vh;
}

    [grtip="2"] .grafikalan > div:first-child > div:first-child > div.pastagrafik {
        margin-bottom: 2vh;
    }

    [grtip="2"] .grafikalan > div:first-child > div:nth-child(2) {
        min-height: 4vh;
        float: left;
        width: 99%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 1%;
    }

        [grtip="2"] .grafikalan > div:first-child > div:nth-child(2) > select {
            float: left;
            width: 24%;
            font-size: var(--fs18);
            margin-right: 2%;
        }

    [grtip="2"] .grafikalan > div:first-child > div:first-child {
        margin-bottom: 2vh;
        padding: 2vh;
        height: auto;
        box-shadow: 0.1vh 0.1vh 1vh #e0e0e0;
        width: 100%;
        border-radius: 10px;
        box-sizing: border-box;
        min-height: 45vh;
        position: relative;
        overflow: hidden;
    }

        [grtip="2"] .grafikalan > div:first-child > div:first-child > div:first-child {
            width: 100%;
            font-size: var(--fs25);
            text-align: center;
            color: var(--fckoyu);
            min-height: 4vh;
        }

        [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(2) {
            text-align: center;
            color: var(--fckoyu);
            font-size: var(--fs30);
            height: 4vh;
        }

        [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(3) {
            width: 50%;
            position: relative;
            padding: 2vh;
            box-sizing: border-box;
            z-index: 2;
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) {
            width: 50%;
            float: left;
            max-height: 32vh;
            min-height: 32vh;
            overflow-y: auto;
            display: flex;
            padding: 2vh;
            box-sizing: border-box;
            align-items: center;
            justify-content: center;
        }

            [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) input[type='color'] {
                width: 2.5vh;
                height: 2.5vh;
                margin: 0;
                box-sizing: border-box;
                padding: 0;
                border: 0;
            }

            [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul {
                min-height: 3vh;
                width: 100%;
                overflow: hidden;
                border: 1px solid var(--b1);
                border-radius: 5px;
                margin: auto;
            }

                [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul:empty {
                    border: 0;
                }

                [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li {
                    float: left;
                    min-height: 3vh;
                    position: relative;
                    padding: 0.5vh 1vh;
                    width: 100%;
                    box-sizing: border-box;
                    border-bottom: 1px solid var(--b1);
                }

                    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li:hover {
                        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
                    }

                    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li:before {
                        content: attr(grup);
                        font-size: var(--fs16);
                        min-height: 3vh;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        float: left;
                        text-align: left;
                    }

                    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li:after {
                        content: ' %' attr(yuzde) ' / ' attr(deger);
                        font-size: var(--fs13);
                        font-weight: bold;
                        float: right;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        min-height: 3vh;
                        margin-right: 1vh;
                    }

                    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul > li > div {
                        float: right;
                        min-height: 3vh;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) > ul.hover > li:not(.hover) {
                    opacity: 0.4;
                }

zet-widget > [grtip="1"] .grafikalan > div:first-child > div:first-child,
zet-widget > [grtip="2"] .grafikalan > div:first-child > div:first-child {
    width: 100%;
    height: 100%;
    box-shadow: none;
    margin: 0;
    min-height: unset;
}

zet-widget > [grtip="1"] .grafikalan > div:first-child,
zet-widget > [grtip="2"] .grafikalan > div:first-child {
    width: 100%;
    padding: 0;
    height: 100%;
    max-height: unset;
    margin: 0;
}

    zet-widget > [grtip="1"] .grafikalan > div:first-child > div:nth-child(2),
    zet-widget > [grtip="2"] .grafikalan > div:first-child > div:nth-child(2) {
        display: none;
    }

zet-widget[fscreen] {
    position: fixed;
    top: 1.5vh;
    background: #fff;
    right: 1.5vh;
    z-index: 115;
    height: calc(100% - 3vh) !important;
    width: calc(100% - 3vh) !important;
    box-shadow: 0 0 50vh #272727;
    border-radius: 5px;
}

    zet-widget[fscreen] > zet-liste {
        width: 50vw;
        height: 50vh;
        transform: scale(1.8);
    }

        zet-widget[fscreen] > zet-liste[gtipi=grafik] > div:nth-child(4) > form > div {
            box-shadow: unset;
        }

.pastagrafik {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .pastagrafik:after {
        content: '';
        width: 15vh;
        height: 15vh;
        background: #fff;
        position: absolute;
        z-index: 2;
        border-radius: 50%;
    }

div.pastagrafik > div.daire {
    border-radius: 100%;
    height: calc(var(--size, 27) * 1vh);
    overflow: hidden;
    position: relative;
    width: calc(var(--size, 27) * 1vh);
}

div.pastagrafik.hover:hover:before {
    content: '%'attr(yuzde)'\A'attr(grup)'\A'attr(deger);
    background: #000000b5;
    color: #fff;
    position: absolute;
    width: auto;
    padding: 1vh;
    height: auto;
    font-size: var(--fs15);
    z-index: 3;
    left: calc(var(--pgsol,0) + 10px);
    top: calc(var(--pgust,0) + 10px);
    white-space: pre;
}

div.pastagrafik.simit > div.daire:before {
    content: '15% \A Deneme Deneme \A 10.000.00 TL';
    white-space: pre;
    background: #fff;
    width: 13vh;
    height: 13vh;
    position: absolute;
    top: 7.5vh;
    left: 7.5vh;
    z-index: 3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vh;
    font-size: var(--fs15);
    text-align: center;
}

div.pastagrafik > div.daire > .parca {
    --a: calc(var(--over50, 0) * -100%);
    --b: calc((1 + var(--over50, 0)) * 100%);
    --degrees: calc((var(--offset, 0) / 100) * 360);
    -webkit-clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
    clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
    height: 100%;
    position: absolute;
    -webkit-transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg));
    transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg));
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    width: 100%;
    z-index: calc(1 + var(--over50));
}

div.pastagrafik > .daire > .parca:after, div.pastagrafik > .daire > .parca:before {
    background: var(--bg, #e74c3c);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

div.pastagrafik > .daire > .parca:before {
    --degrees: calc((var(--value, 45) / 100) * 360);
    -webkit-transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg));
    transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg));
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

div.pastagrafik > .daire > .parca:after {
    opacity: var(--over50, 0);
}

div.pastagrafik.hover > div.daire > .parca:not(.hover):not(:hover) {
    opacity: 0.2;
}

div.pastagrafik > div.daire > .parca {
    pointer-events: none;
}

    div.pastagrafik > div.daire > .parca:before,
    div.pastagrafik > div.daire > .parca[style*="--over50:1"]:after {
        pointer-events: all;
    }


/*Çizgi Grafik*/
[grtip="4"] .grafikalan > div:first-child {
    position: relative;
    width: 70%;
    height: auto;
    max-height: 90%;
    overflow-y: auto;
    padding: 2vh;
}

    [grtip="4"] .grafikalan > div:first-child > div:first-child {
        margin-bottom: 2vh;
        padding: 2vh;
        height: auto;
        box-shadow: 0.1vh 0.1vh 1vh #e0e0e0;
        width: 100%;
        border-radius: 10px;
        box-sizing: border-box;
        height: 46vh;
        position: relative;
        overflow: hidden;
    }

    [grtip="4"] .grafikalan > div:first-child > div:nth-child(2) {
        min-height: 4vh;
        float: left;
        width: 99%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 1%;
    }

[grtip="4"] .grafikalan .svgkutu {
    background: #000000b5;
    color: #fff;
    position: absolute;
    width: auto;
    padding: 1vh;
    height: auto;
    font-size: var(--fs16);
    z-index: 3;
    left: calc(var(--pgsol,0) + 10px);
    top: calc(var(--pgust,0) + 10px);
    backdrop-filter: blur(5px);
}

    [grtip="4"] .grafikalan .svgkutu > div {
        width: 100%;
        float: left;
        padding: 0.5vh;
        box-sizing: border-box;
    }

        [grtip="4"] .grafikalan .svgkutu > div:not(:first-child) {
            display: grid;
            grid-template-columns: 30% 30%;
        }

        [grtip="4"] .grafikalan .svgkutu > div:first-child {
            font-weight: bold;
        }

        [grtip="4"] .grafikalan .svgkutu > div:nth-child(2n) {
            background: #00000063;
        }

        [grtip="4"] .grafikalan .svgkutu > div > span:nth-child(2) {
            font-weight: bold;
        }

/*Çizgi Grafik Bitiş*/

zet-liste[bassiz] > div:first-child,
zet-liste[altsiz] > div:nth-child(3) {
    display: none;
}

zet-liste[ustsuz] > div:first-child {
    display: none;
}



zet-liste.drop:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25,0,0,0.2);
    z-index: 50;
    backdrop-filter: blur(5px);
}

zet-liste.drop:after {
    content: 'Sürükle';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6vh);
    height: calc(100% - 6vh);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 51;
    color: var(--a);
    border: 2px dashed var(--a);
    margin: 3vh;
    font-size: var(--fs25);
    border-radius: 10px;
    box-sizing: border-box;
}



ul.gyanmenu {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    ul.gyanmenu > li {
        padding: 1vh;
        border-radius: 10px;
        user-select: none;
        background: #f3f3f3;
    }

        ul.gyanmenu > li:hover {
            background: #e8e8e8;
        }

        ul.gyanmenu > li:not(:last-child) {
            margin-right: 2vh;
        }

        ul.gyanmenu > li > div {
            float: left;
        }

            ul.gyanmenu > li > div:first-child {
                font-family: var(--fonticon);
                margin-right: 1vh;
            }


div.sekmeler.icon {
    background: transparent;
}

    div.sekmeler.icon > ul {
        display: flex;
        justify-content: center;
    }

        div.sekmeler.icon > ul > li:before {
            background: #e0e0e0;
            border-radius: 50%;
            content: '';
            width: 1.8vh;
            height: 1.8vh;
        }

        div.sekmeler.icon > ul > li {
            padding: 0 1vh;
        }

            div.sekmeler.icon > ul > li.secik:before {
                background: var(--a);
            }

            div.sekmeler.icon > ul > li[icon]:before {
                padding: 0.6vh;
                content: attr(icon);
                margin-right: 0.5vh;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--fonticon);
                font-size: var(--fs14);
            }

            div.sekmeler.icon > ul > li[icon].secik:before {
                color: #fff;
                font-weight: normal
            }

.yanliste {
    padding: 0 2vh;
}

    .yanliste > ul > li:first-child {
        color: var(--a);
    }


    .yanliste > ul > li {
        width: 100%;
        height: 7vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #EBE5E5;
        border-radius: 10px;
        cursor: default;
        margin: 1vh 0;
    }

        .yanliste > ul > li:hover {
            border: 1px solid #b3b3b3;
        }

        .yanliste > ul > li:active {
            border: 1px solid var(--a);
        }

        .yanliste > ul > li:before {
            font-family: var(--fonticon);
            margin-right: 1vh;
            font-size: var(--fs20);
        }

        .yanliste > ul > li[tip="NaN"] {
            display: none;
        }

zet-liste > div:nth-child(4) .yanliste > ul > li:first-child:before {
    content: '\f055';
}

zet-liste > div:nth-child(4) .yanliste > ul > li[tip="0"]:before {
    content: '\f05b';
}

zet-liste > div:first-child > ul > li > ul > li > zet-input[menulist] > button {
    padding: 0;
    margin: 0;
}

zet-liste > div:first-child > ul > li > ul > li > zet-input[menulist] {
    padding: 0;
}

zet-input.sutfilt > button[secim_icon]:before {
    content: attr(secim_icon);
}

zet-input.sutfilt > button[secim_veri]:hover:after {
    content: attr(secim_veri);
    font-size: var(--fs14);
    z-index: 2;
    position: fixed;
    display: block;
    padding: 0.7vh;
    margin: 1vh 0 0 -0.75vh;
    box-shadow: rgba(0,0,0,0.5) 0vw 0vw 0.2vw;
    color: #fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: var(--fckoyu066);
    border-radius: var(--inputborderradius);
    transform: translateY(3.5vh);
}

zet-searchbox {
    display: block;
    width: 100%;
    height: 100%;
}

zet-liste > div > ul > li > ul > li > zet-searchbox {
    border-bottom: 0 !important;
}

zet-liste[teksec] > div:first-child > ul > li > ul > li > div > zet-input[type="checkbox"][value="0o0"] {
    pointer-events: none;
    opacity: 0.3;
}

zet-searchbox > input {
    height: 100%;
    width: calc(100% - 3vh) !important;
    background: transparent;
    border: 0;
    padding: 0;
    float: left;
}

zet-searchbox > button {
    background: transparent;
    border-radius: 50%;
    height: 2.5vh;
    width: 2.5vh;
    margin: 0.25vh;
    float: left;
    padding: 0;
    border: 1px solid transparent;
    color: var(--b5);
    box-sizing: border-box;
    font-size: var(--fs15);
}

    zet-searchbox > button:before {
        content: '\F002';
    }


    zet-searchbox > button:hover {
        color: #ffffff;
        background: var(--a) !important;
    }

zet-searchbox.load > button {
    animation: dondur 1s infinite;
}

    zet-searchbox.load > button:before {
        content: '\f3f4';
    }

zet-searchbox.bulundu[bzk] > button {
    border-color: #4cbb83;
}

zet-searchbox.bulundu[bzk] > button {
    border-color: #4cbb83;
}

    zet-searchbox.bulundu[bzk] > button:before {
        content: '\f00c';
        color: #4cbb83;
    }

zet-searchbox.bulundu.load[bzk] > button:before {
    content: '\f3f4';
}

zet-searchbox.bulundu[bzk] > button:hover {
    border-color: #ff4343;
    background: #ff4343 !important;
}

    zet-searchbox.bulundu[bzk] > button:hover:before {
        content: '\f00d';
        color: #ffffff;
    }

zet-searchbox.invalid,
zet-searchbox:has(input:invalid) {
    border-color: #ff4343;
}

div.fuzun zet-searchbox:not(.gbox),
div.fisa zet-searchbox:not(.gbox) {
    border: 1px solid var(--inputbordercolor) !important;
    border-radius: var(--inputborderradius);
    padding: 0 1.574074074vh;
    background: #fff;
    outline: 0;
    position: relative;
    border-radius: var(--inputborderradius);
}

    div.fuzun zet-searchbox:not(.gbox) > button,
    div.fisa zet-searchbox:not(.gbox) > button {
        margin: 1.074074074vh 0;
    }

    div.fuzun zet-searchbox:not(.gbox) > input,
    div.fisa zet-searchbox:not(.gbox) > input {
        width: calc(100% - 2.5vh) !important;
    }

/*YMEN MENU*/
.lmen > zet-menu {
    min-width: unset;
    padding: 0;
    width: 100%;
    background: transparent;
    box-shadow: unset;
    position: relative;
    display: flex;
    height: auto;
    border: 0;
    z-index: 6;
    top: unset !important;
    left: unset !important;
}

    .lmen > zet-menu > ul {
        flex-shrink: 0;
    }

        .lmen > zet-menu > ul > li {
            height: auto;
            border-bottom: unset;
            float: left;
            overflow: auto;
        }

.lmen zet-menu > ul > li > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d2d2d2;
    color: #a0a0a0;
    border-radius: var(--inputborderradius);
    width: 3vh;
    height: 3vh;
    margin: 0 0.5vh;
}

.lmen zet-menu > ul > li > div:nth-child(2) {
    display: none;
}

.lmen > zet-menu > ul > li:hover {
    background: unset;
}

    .lmen > zet-menu > ul > li:hover > div:nth-child(2) {
        display: block;
        background: rgba(0,0,0,0.66);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        color: #ffffff;
        padding: 0.5vh;
        border-radius: var(--inputborderradius);
        z-index: 3;
        margin-top: 7.5vh;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
        position: fixed;
        width: auto;
    }

zet-menu.toplammenu[dt="str"] > ul > li:not(:first-child):not(:nth-child(6)),
zet-menu.toplammenu[dt="diger"] > ul > li:not(:first-child):not(:nth-child(6)) {
    display: none;
}

.sutunlist {
    padding: 1vh 2vh;
}

    .sutunlist > div:nth-child(2n) {
        width: 100%;
        height: 4vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ececec;
        border-radius: 5px;
        transition: height var(--animasyonsuresi);
        overflow: hidden;
    }

        .sutunlist > div:nth-child(2n):not(.gorunur) {
            height: 0;
            border: 0;
        }

            .sutunlist > div:nth-child(2n):not(.gorunur) + div {
                height: 0;
                padding: 0;
                margin: 0;
                border: 0 !important;
            }


        .sutunlist > div:nth-child(2n):hover {
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
        }

    .sutunlist > div > ul > li:not(:first-child):hover {
        background: var(--b1);
    }

    .sutunlist > div > ul {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .sutunlist > div > ul > li {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            user-select: none;
        }

            .sutunlist > div > ul > li:not(:first-child) {
                width: 3vh;
                font-family: var(--fonticon);
                border-radius: 10px;
                margin: 0.5vh 0.25vh;
                height: 3vh;
                font-size: var(--fs17);
            }

            .sutunlist > div > ul > li:first-child {
                width: calc(100% - 10vh );
                margin: 0 1vh;
            }

            .sutunlist > div > ul > li:nth-child(3) {
            }

            .sutunlist > div > ul > li:first-child > input {
                font-size: var(--fs18);
                height: 70%;
            }

            .sutunlist > div > ul > li:last-child:hover > label:before {
                color: #444;
            }

    .sutunlist > .aradiv {
        padding: 0.25vh 0;
        margin: 0.35vh 0;
        border-radius: 5px;
    }

    .sutunlist > div.aradiv.uz {
        border: 1px dotted #ececec;
        height: 4vh;
        padding: 1.5vh;
        margin: 0;
        position: relative;
    }

    .sutunlist > div.aradiv:not(.uz) {
        border: 1px dotted transparent;
        height: 0;
        background: #ffffff;
    }

    .sutunlist > div.aradiv.uz:before {
        content: '';
        width: 100%;
        height: 4vh;
        background: #ececec;
        position: absolute;
        width: 100%;
        left: 0;
        border-radius: 5px;
    }

.fuzun.rad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.7vh;
}

    .fuzun.rad > div:first-child {
        white-space: pre;
        margin: 0;
    }

div.fuzun.rad > div:nth-child(2) {
    clear: none;
    float: unset;
    height: 4.2vh;
    display: flex;
    justify-content: flex-end !important;
    max-width: 35%;
}


body.salt .icerikmenu > ul > li.ekle,
body.salt .modulmenu > li.ekle {
    color: #c7c7c7;
    pointer-events: none;
}

.coklukutu {
    height: auto !important;
    display: block !important;
    min-height: 2.703704vh;
}

    .coklukutu.filtrenesne {
        overflow: hidden;
    }

body:not(.app) .modulmenu > li.paylar.blu,
body:not(.app) .icerikmenu > ul > li.paylar.blu {
    display: none;
}



.coklukutu.sresli > div.oluşuk {
    padding: 0;
    margin: 0.2vh;
}

    .coklukutu.sresli > div.oluşuk > span:nth-child(2) {
        display: none;
        z-index: 3;
    }

    .coklukutu.sresli > div.oluşuk > span.usrimgsp {
        margin: 0;
    }


    .coklukutu.sresli > div.oluşuk:hover > span:nth-child(2) {
        display: block;
        position: fixed;
        background: #fff;
        margin-top: 3.7vh;
        padding: 0.5vh 3.5vh 0.5vh 0.5vh;
        height: auto;
        font-size: var(--fs15);
        width: auto;
        box-shadow: #a0a0a0 0vw 0vw 0.2vw;
        color: #fff;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: var(--fckoyu066);
        white-space: pre;
    }

    .coklukutu.sresli > div.oluşuk:hover {
        border-color: var(--a);
    }


.coklukutu[checklist] > div.oluşuk {
    float: unset;
    min-height: 2vh;
    padding: 0.5vh 3.5vh 0.5vh 0.5vh;
    border-radius: 5px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    margin: 0 0.3vw;
    font-size: var(--fs16);
    position: relative;
}

    .coklukutu[checklist] > div.oluşuk:before {
        content: '';
        font-family: var(--fonticon);
        font-size: var(--fs10);
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5vh;
        height: 1.5vh;
        border-radius: 3px;
        opacity: 0.5;
        background: transparent;
        border: 1px solid #000;
        margin: 0.25vh 0.5vh 0.25vh 0.25vh;
    }

    .coklukutu[checklist] > div.oluşuk:hover:before {
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 14%);
    }

    .coklukutu[checklist] > div.oluşuk:hover:before {
        content: '\f00c';
        opacity: 0.8;
    }

    .coklukutu[checklist] > div.oluşuk:active:before {
        box-shadow: unset;
    }

    .coklukutu[checklist] > div.oluşuk.secik:before {
        background: var(--a);
        color: #fff;
        border-color: var(--a);
        content: '\f00c';
    }

    .coklukutu[checklist] > div.oluşuk:hover {
        background: var(--b05);
    }

.coklukutu[checklist] > input {
    border-radius: 5px;
    padding: 0 1vh;
    width: calc(100% - 0.6vw - 4.4vh);
    box-sizing: border-box;
    position: relative;
}

    .coklukutu[checklist] > input:focus {
        width: calc(100% - 0.6vw - 4.4vh);
    }

.coklukutu[checklist] > div.oluşuk > button:before {
    content: '\f141';
    font-family: var(--fonticon);
    color: var(--fckoyu);
    font-size: var(--fs17);
}

.coklukutu[checklist] > div.oluşuk > button {
    position: absolute;
    top: 0.35vh;
    right: 0.5vh;
    width: 2.4vh;
    height: 2.4vh;
    border-radius: 50%;
}

    .coklukutu[checklist] > div.oluşuk > button:hover {
        background: #fff;
    }

.coklukutu[checklist] > div.oluşuk > input[type=text] {
    font-size: var(--fs17);
    width: calc(100% - 5vh);
}

.coklukutu[checklist] > .oluşuk.duz {
    font-size: 0;
    border-color: var(--a);
}

.coklukutu[siralanabilir] > div.oluşuk {
    -webkit-user-drag: element;
}

.coklukutu[siralanabilir][checklist] > div.dro {
    border-bottom: 0;
    padding-bottom: 0;
}

    .coklukutu[siralanabilir][checklist] > div.dro > div {
        background: #EBE5E5;
        height: 2.5vh;
        margin-top: 0.5vh;
        border-radius: 5px;
    }

.coklukutu[checklist] > div.sagyuzencombo.ekle:after,
.coklukutu > .sagyuzencombo.ekle:only-child:after,
.coklukutu > .czmekle:only-child:after {
    content: attr(placeholder);
    margin-left: 1vh;
    color: #c6c6c6;
    font-size: var(--fs17);
}


.coklukutu > .sagyuzencombo.ekle.load:only-child:after,
.coklukutu > .czmekle.load:only-child:after {
    margin-left: 2.5vh;
}

div.coklukutu[checklist][duzenlenemez] > div.oluşuk > button,
div.coklukutu[checklist][duzenlenemez] > div.sagyuzencombo.ekle,
div.coklukutu[checklist][duzenlenemez] > div.oluşuk > input[type=text] {
    display: none;
}

.coklukutu[checklist][duzenlenemez] > .oluşuk.duz {
    font-size: var(--fs16);
}


.icsabitfilt {
    height: 4vh;
    margin-bottom: 1.5vh;
}

    .icsabitfilt > div {
        float: right;
    }

        .icsabitfilt > div > po-combo,
        .icsabitfilt > div > div.sagyuzencombo {
            padding: 0.7vh 1vh;
            max-width: 50vw;
            min-width: 15vw;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
        }

        .icsabitfilt > div:not(:first-child) {
            margin-right: 1vh;
        }

    .icsabitfilt .sagyuzencombo.box:after {
        right: 0;
        background: #fff;
        padding: 0 1vh;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icsabitfilt .sagyuzencombo.box:hover:after {
        background: #f9f9f9;
    }


/* YENİ PENCERE BAŞLIK BİTİŞ */


.cariozet {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--inputbordercolor);
    border-radius: var(--inputborderradius);
    padding: 0 0.5vh;
}

    .cariozet > zet-searchbox {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 1vh;
        border: 0;
    }

    .cariozet.acik > zet-searchbox {
        border-bottom: 1px solid var(--inputbordercolor);
    }

    .cariozet > zet-searchbox.bulundu > input {
        margin-right: 4vh;
        opacity: 0.7;
    }


    .cariozet > button.verigoster {
        position: absolute;
        right: 5vh;
        background: transparent;
        color: var(--fckoyu);
        font-size: var(--fs16);
        padding: 0;
        height: calc(3vh - 2px);
        width: 3vh;
        margin: 1vh 0.25vh;
        border-radius: 50%;
        top: 0;
    }

        .cariozet > button.verigoster:before {
            content: '\f06e';
        }

        .cariozet > button.verigoster:hover {
            background: #f3f3f3;
        }

            .cariozet > button.verigoster:hover:after {
                content: 'Detay Göster';
                display: block;
                position: fixed;
                margin-top: 1vh;
                padding: 0.5vh;
                height: auto;
                font-size: var(--fs14);
                width: auto;
                box-shadow: #a0a0a0 0vw 0vw 0.2vw;
                backdrop-filter: blur(5px);
                -webkit-backdrop-filter: blur(5px);
                background: var(--fckoyu066);
                white-space: pre;
                z-index: 2;
                color: #fff;
            }

    .cariozet > .yukleyici {
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding: 0;
        box-sizing: border-box;
        transition: padding var(--animasyonsuresi);
    }

    .cariozet.acik > .yukleyici {
        min-height: 5vh;
        padding: 1vh 0;
        height: auto;
    }

    .cariozet > .yukleyici > .etiketli {
        margin: 0;
        height: auto;
        width: 50%;
        padding: 1% 2%;
        float: left;
        box-sizing: border-box;
    }

        .cariozet > .yukleyici > .etiketli > input {
            height: 4vh;
            pointer-events: none;
            font-size: var(--fs18);
        }

        .cariozet > .yukleyici > .etiketli > div {
            font-size: var(--fs15) !important;
        }

    .cariozet > .yukleyici > .edit {
        background: #fff;
        border-radius: 50%;
        width: 4vh;
        height: 4vh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #eaeaea;
        position: absolute;
        right: 0.7vh;
        bottom: 0.7vh;
        font-family: var(--fonticon);
        user-select: none;
        cursor: default;
    }

    .cariozet > zet-searchbox:not(.bulundu) + button.verigoster {
        display: none;
    }

    .cariozet.acik > button.verigoster:before {
        content: '\f070';
    }

    .cariozet.acik > button.verigoster:hover:after {
        content: 'Detay Gizle';
    }

    .cariozet.acik > .yukleyici > .loading {
        height: 15vh;
        transform: scale(0.7);
    }

    .cariozet zet-searchbox.invalid:before {
        content: '\f071';
        color: #ff4343;
        font-family: var(--fonticon);
        margin-right: 0.7vh;
        font-size: var(--fs15);
    }


/*Zet-Klavye*/

zet-klavye {
    display: block;
    width: 100%;
    height: 100%;
}

    zet-klavye > keys {
        width: 100%;
        height: 100%;
        display: grid;
        grid-gap: 1%;
    }


    zet-klavye[type=number] > keys {
        grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
        grid-template-rows: repeat(auto-fit,9vh);
    }

    zet-klavye[type=full] > keys {
        grid-template-columns: repeat(auto-fit,5vw);
        grid-template-rows: repeat(auto-fit,9vh);
        grid-gap: 0.5vh;
    }

    /*grid-template-columns: 30% 15.5% 15.5% 15.5% 15.5%;*/

    zet-klavye > keys > key:not([gv]):not([icon]):not([degerli]):after {
        content: attr(value);
    }


    zet-klavye > keys > key[icon]:before {
        content: attr(icon);
        font-family: 'FontAwesome';
        font-size: 2.5vh;
    }

    zet-klavye > keys > key[icon][gv="Enter"]:before {
        transform: rotate(90deg);
    }

    zet-klavye > keys > key[gv]:after {
        content: attr(gv);
        font-size: 2.5vh;
    }

    zet-klavye[type=number] > keys > key[gv="Enter"] {
        grid-area: 3 / 5 / 5 / 4;
    }

    zet-klavye > keys > key[gv="Enter"] {
        flex-direction: column;
    }


        zet-klavye > keys > key[gv="Enter"]:after {
            content: 'Enter';
            font-size: 1.7vh;
        }

    zet-klavye > keys > key {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: var(--color,var(--textcolor));
        border-radius: 1vh;
        border: 1px solid var(--b1);
        font-size: var(--fs30);
        flex-wrap: wrap;
    }

        zet-klavye > keys > key:hover {
            border-color: var(--b5);
        }

        zet-klavye > keys > key:active {
            border-color: var(--a);
        }

/*Zet-Klavye Bitiş*/


subtotal {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
}

    subtotal > ul {
        position: relative;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-snap-type: y proximity;
    }

        subtotal > ul > li {
            position: relative;
            width: 100%;
            height: 4.4vh;
            overflow: hidden;
            transition: height var(--animasyonsuresi);
        }

            subtotal > ul > li > div {
                float: left;
                height: 4.4vh;
                position: relative;
                display: flex;
                align-items: center;
                width: 50%;
            }

                subtotal > ul > li > div > zet-input {
                    height: 100%;
                    width: 87%;
                }

                    subtotal > ul > li > div > zet-input > input {
                        height: 100%;
                        text-align: right;
                        font-size: var(--fs18);
                    }

                subtotal > ul > li > div:first-child {
                    font-size: var(--fs18);
                }

                subtotal > ul > li > div:nth-child(2):before {
                    content: ':';
                    margin-right: 2vh;
                }


    subtotal li.sub:not(.acik) > subtotal {
        height: 0;
        overflow: hidden;
        width: 100%;
    }

    subtotal li.sub.acik {
        height: auto !important;
    }

    subtotal li.sub > subtotal > ul {
        overflow: hidden;
        height: auto;
    }


    subtotal li.sub.acik > subtotal {
        height: auto;
        padding: 0 2vh;
        box-sizing: border-box;
    }

        subtotal li.sub.acik > subtotal:before {
            content: '';
            position: absolute;
            border-left: 2px solid var(--d);
            height: 100%;
            transform: translateX(-1vh);
        }

    subtotal > ul > li.sub > div:first-child:after {
        content: '\f078';
        font-family: var(--fonticon);
        color: var(--d);
        font-weight: bold;
        font-size: var(--fs15);
        transition: transform var(--animasyonsuresi);
        padding: 0 10px;
    }

    subtotal > ul > li.sub.acik > div:first-child:after {
        transform: rotate(180deg);
    }

    subtotal > ul > li:last-child {
        scroll-snap-align: end;
    }

zet-satir.secimli > etiket > select {
    border: 0;
    margin: 0;
    padding: 0;
}

body:not([izahat='0'] ) li.filtre.listfilter {
    display: none;
}


zet-liste > div > ul > li.isaretli {
    background: #fff7ec !important;
}

zet-liste > div > ul > li.isaretli > ul > li:hover {
    background: #ffebcd !important;
}

    zet-liste > div > ul > li.isaretli > ul > li:focus {
        outline-color: #f3d7ad !important;
        background: #ffebcd !important;
    }

zet-liste > div > ul > li > ul > li.isaretli > zet-input > label{
    background:var(--d);
}

    zet-liste > div > ul > li > ul > li.isaretli > zet-input > label:before {
        content: '\f005';
        color:#fff;
    }


@supports (-moz-appearance: none) {
    /* Firefox'a özel CSS */

    zet-liste > div:first-child,
    zet-liste > div:nth-child(3) {
        width: 100%;
    }
}

/*MOBİL*/
@media screen and (orientation:portrait) {

    #login {
        padding: 4vh;
    }

        #login,
        #login > form > .doldur {
            width: 100%;
        }

            #login > form > .doldur > ul > li:nth-child(7) {
                width: calc(100% - 8vh);
            }

    .loginreklam {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        z-index: 10001;
        transition: transform var(--animasyonsuresi);
        transform: translateY(100%);
        background: #ffffff;
        border-radius: 0;
    }

        .loginreklam.acik {
            transform: translateY(0);
        }

    .girone {
        height: 9vh;
        width: calc(100% - 8vh);
        margin: 4vh;
        position: absolute;
        bottom: 1.5vh;
        z-index: 10002;
        display: none;
        align-items: center;
        justify-content: center;
        font-size: var(--fs20);
        border-radius: 5px;
        background: #336699;
        color: #fff;
        user-select: none;
        cursor: default;
    }



    .loginreklam.acik + #login + .girone {
        display: flex;
    }

    div.pencere + div.bgfiltre {
        display: none;
    }

    div.pencere.alertkutusu > div,
    div.pencere.yuzenpencere > div {
        width: 80%;
        max-width: 80%;
    }

    /*OptionList*/

    .pencere.optionList:not(.minimize) {
        width: 100%;
        max-height: 91.6vh;
        padding: 0;
        box-shadow: 0.1vh 0.1vh 0.1vh #d4d4d4;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        top: unset !important;
        bottom: 0;
        left: 0 !important;
        transform: translateY(100vh);
        z-index: 116;
    }


        .pencere.optionList:not(.minimize).acik {
            transform: translateY(0) !important;
        }

    div.pencere.optionList.acik + div.bgfiltre {
        display: block !important;
    }

    .pencere.acik ~ .pencere.optionList.acik + div.bgfiltre {
        z-index: 117 !important;
    }

    .pencere.acik ~ .pencere.optionList.acik {
        z-index: 118 !important;
    }

    .pencere.optionList:not(.minimize) > baslik {
        height: 7vh;
    }

    .pencere.optionList > icerik {
        height: calc(100% - 14vh);
    }

    /*OptionList Bitiş*/


    .hsat zet-searchbox {
        border: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .hsat zet-searchbox > button {
            position: absolute;
            right: 1vh;
            font-size: var(--fs15);
        }

    .hsat > label > ul > li:nth-child(2) input {
        width: 100% !important;
        height: 5vh;
        padding-right: 4vh !important;
    }

    .icerikmenu > ul > li.filtreler > div:nth-child(2) {
        display: none;
    }

    .icerikmenu > ul > li.filtreler:before {
        padding: 2vh 0 0 2vh;
    }

    .belgebaslik {
        width: 100%;
        height: 0;
        position: absolute;
        z-index: 3;
        background: #fff;
        transition: all 0.3s;
        overflow: hidden;
        box-shadow: 0.1vh 0.1vh 0.5vh #bebebe;
        top: 0;
    }

    div.anamenu > div > div:first-child,
    div.anamenu > div > div:nth-child(3) > div > div:first-child,
    .alt > div:nth-child(3) > .alt > div:first-child {
        height: 6.7vh !important;
    }

    div.anamenu > div > div {
        height: 6.7vh;
    }

        div.anamenu > div > div:nth-child(3) > div > div, div.anamenu .alt > div:nth-child(3) > div,
        div.anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2) {
            height: 6.7vh;
        }

    .menuacik div.anamenu > div:not(:first-child) > div:nth-last-child(3) + div:after,
    div.anamenu:hover > div:not(:first-child) > div:nth-last-child(3) + div:after,
    div.anamenu:hover div.alt > div:nth-last-child(3) + div:after,
    .menuacik div.anamenu div.alt > div:nth-last-child(3) + div:after {
        height: 6.7vh;
    }



    body:not(.menugrid) div.anamenu > div + div {
        margin: 1vh;
    }

    body:not(.menugrid) div.anamenu .alt {
        box-shadow: unset;
    }

    body:not(.menugrid) div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:before,
    body:not(.menugrid).menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:before,
    body:not(.menugrid) .alt > div:nth-child(3) > .alt > div:first-child:before {
        background: #c5c5c5 !important;
    }

    body:not(.menugrid) div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:after,
    body:not(.menugrid).menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:after {
        background: #c5c5c5 !important;
    }

    body:not(.menugrid) .alt > div:nth-child(3) > .alt:after {
        background: #c5c5c5 !important;
    }

    body:not(.menugrid) .anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2):before {
        background: #c5c5c5 !important;
    }

    .anamenu .alt.menudugmesec {
        font-weight: bold;
    }

    body.menuacik > div.anablok {
        margin-left: 100%;
        overflow: initial;
    }

    body:not([izahat="0"]).menuacik > div.anamenu {
        top: 9vh;
    }

    .ylist > div {
        height: auto;
    }

    div.ustmenu {
        z-index: 99;
    }

    .modulmenu.modulmenuacik.filtre + button.filtrele {
        bottom: 7.4vh;
        display: flex;
        transform: translate(1.5vh) !important;
        width: calc(100% - 3vh);
    }

    .modulmenu.modulmenuacik.filtre {
        padding-bottom: 18vh !important;
    }

    body.menugrid .modulmenu.filtre > li {
        grid-column: 1 / 3 span;
    }



    body:not(.menugrid) .modulmenuacik {
        width: 41.5vh;
    }

    body.menugrid .modulmenuacik {
        width: 100%;
        box-shadow: unset;
        display: grid;
        grid-template-columns: 33.3% 33.3% 33.3%;
    }

    .modulmenu > li.filtre.kapat:hover {
        background: #fff;
    }

    .modulmenu {
        margin: 0 1vh;
        width: calc(100% - 2vh) !important;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        bottom: 7.4vh !important;
        top: unset !important;
        height: 0 !important;
        padding-bottom: 0;
        transition: unset !important;
        left: 0;
        z-index: 4;
    }

        .modulmenu.modulmenuacik {
            height: auto !important;
            max-height: 57vh;
            padding-bottom: 2vh;
        }

    #gecmismenub,
    #bildirimmenub,
    #mesajmenub,
    #ayarmenub,
    .oturumbuton {
        display: none;
    }

    body.menuacik #gecmismenub,
    body.menuacik #bildirimmenub,
    body.menuacik #mesajmenub,
    body.menuacik #ayarmenub {
        display: block;
    }

    li#sepetmenub {
        margin-right: 1.5vh;
        color: #fff;
        display: none !important;
    }

    body.menuacik #sepetmenub {
        display: none !important;
    }

    .menugrid div.anamenu > div:not(:first-child),
    .menugrid div.anamenu .alt {
        float: left;
        display: block;
        width: calc(50% - 4vh);
        height: 20vh;
        margin: 2vh;
    }

        .menugrid div.anamenu > div:not(:first-child) > div {
            width: 100%;
            justify-content: center;
            margin-top: 3vh;
        }

            .menugrid div.anamenu > div:not(:first-child) > div:first-child {
                font-size: 4.5vh;
            }

    .menugrid.menuacik div.anamenu div.menudugmesec.altli.son > div:first-child,
    .menugrid.menuacik div.anamenu div.menudugmesec.altli.son > div:nth-child(2) {
        position: fixed;
        left: 0;
        top: 2.7vh;
        z-index: 3;
        width: 70%;
        margin-left: 15%;
        padding-right: 15%;
    }

    .menugrid.menuacik div.anamenu div.menudugmesec.altli.son > div:first-child {
        z-index: 4;
        top: 0;
        margin-top: 0;
    }

    .menugrid.menuacik div.anamenu div.menudugmesec > div:nth-child(3) {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
        padding-top: 12.7vh;
        height: 100%;
        margin: 0;
        width: 100%;
        background-size: cover !important;
    }

    .menugrid.menuacik div.anamenu div.menudugmesec.son > div:nth-last-child(3) + div:after {
        position: fixed;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9.7vh;
        height: 12.7vh;
        left: 0;
        font-family: var(--fonticon);
        font-size: var(--fs50);
        content: '\f105';
        transition: transform 0.5s;
        transform: rotate(180deg);
    }

    .menugrid.menuacik div.anamenu .alt > div:nth-child(2) {
        width: 100%;
        height: 20vh !important;
        justify-content: center;
        font-size: var(--fs20);
    }


    .menugrid.menuacik div.anamenu .alt > div:first-child {
        display: none;
    }

    .menugrid.menuacik div.anamenu div.menudugmesec > div:nth-last-child(3) + div {
        max-height: 8.7vh;
    }

    .menugrid.menuacik div.anamenu div.menudugmesec.son > div:nth-child(3) {
        overflow-y: auto;
    }

    .menugrid .anablok, .menugrid .anamenu {
        transition: unset;
    }

    body:not(.menugrid) div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:before,
    body:not(.menugrid).menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:before,
    body:not(.menugrid) .alt > div:nth-child(3) > .alt > div:first-child:before {
        position: absolute;
        width: 0.8vh;
        height: 0.8vh;
        background: #2c6399;
        content: '';
        border-radius: 50%;
        z-index: 1;
    }

    body:not(.menugrid) .anamenu .alt > div:nth-child(3) > .alt {
        padding-left: 4.6vh;
    }

    body:not(.menugrid) .alt > div:nth-child(3) > .alt:after {
        position: absolute;
        width: 0.2vh;
        background: #2c6399;
        content: '';
        height: calc(100% - 3.85vh);
        top: 0;
        left: 2.75vh;
    }

    body:not(.menugrid) .anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2):before {
        height: 0.2vh;
        width: 4.6vh;
        content: '';
        background: #2d6299;
        position: absolute;
        left: 2.75vh;
    }

    body:not(.menugrid) div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:after,
    body:not(.menugrid).menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:after {
        position: absolute;
        width: 0.2vh;
        height: 100%;
        background: #2c6399;
        content: '';
        top: 0;
        left: 2.75vh;
    }

    body:not(.menugrid) .alt > div:nth-child(3) > .alt:last-child > div:first-child:after,
    body:not(.menugrid) .alt > div:nth-child(3) > .alt:last-child:after {
        height: 50%;
    }

    body:not(.menugrid) .anamenu .alt > div:nth-child(3) > .alt.menudugmesec > div:nth-last-child(3):after {
        height: 4vh;
        width: 0.2vh;
        content: '';
        background: #2d6299;
        position: absolute;
        left: 3.70vh;
        top: 3.75vh;
    }

    .menugrid .modulmenu:not(.filtre) > li {
        height: 14vh;
        border: 1px solid #f3f3f3;
        width: 100%;
        padding: 0;
        float: left;
        display: inherit;
        transform: translateX(0);
        padding: 1vh;
        box-sizing: border-box;
        overflow: hidden !important;
    }

        .menugrid .modulmenu:not(.filtre) > li:active {
            border: 1px solid #a0a0a0;
        }

        .menugrid .modulmenu:not(.filtre) > li > div {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 1vh 0;
            text-align: center;
        }

            .menugrid .modulmenu:not(.filtre) > li > div:first-child {
                font-size: var(--fs35);
                height: 7vh;
                padding: 0;
                align-items: flex-end;
                position: relative;
            }

            .menugrid .modulmenu:not(.filtre) > li > div:nth-child(2) {
                font-size: var(--fs18);
                align-items: flex-start;
                padding-top: 1.5vh;
            }

        .menugrid .modulmenu > li.listesec,
        .menugrid .modulmenu:not(.filtre) > li.kapat {
            grid-column: 1 / span 3;
            height: 5vh;
            display: flex;
        }

            .menugrid .modulmenu:not(.filtre) > li.listesec > div,
            .menugrid .modulmenu:not(.filtre) > li.kapat > div {
                float: left;
                width: auto;
                min-width: 5vh;
                height: 100% !important;
                padding: 0 !important;
                display: flex;
                align-items: center !important;
                justify-content: center;
                font-size: 2vh !important;
            }

    body.menugrid .modulmenu > li.kaydet.save > div:first-child:before,
    body.menugrid .modulmenu > li.kaydet.ok > div:first-child:before,
    body.menugrid .modulmenu > li.kaydet.hata > div:first-child:before {
        top: 4vh;
    }

    .pencere.icbildirim {
        width: 100%;
        bottom: unset;
        top: 0;
        margin: 0;
        padding: 2vh;
        box-sizing: border-box;
        transform: translate(0,-100vmin);
        min-height: 7.7vh;
    }

        .pencere.icbildirim.acik {
            transform: translate(0,0);
        }

    #belgefooter > div:nth-child(2) {
        margin: 0;
    }

    body.menugrid .modulmenu:not(.filtre) .sagyuzencombo.box {
        padding: 1.5vh 0;
    }

    body.menugrid .modulmenu:not(.filtre) .radblok {
        position: relative;
        width: 100%;
        height: auto;
    }

    body.menugrid .modulmenu:not(.filtre) > .filtre > div:nth-child(3) > *:last-child {
        margin-bottom: 50vh;
    }

    body:not([izahat="0"]) .modulmenu > li.listesec > div:nth-child(2):before {
        width: 100%;
        justify-content: flex-start;
        padding: 1vh 0;
    }

    body.menugrid:not([izahat="0"]) .modulmenu:not(.filtre) > li.listesec > div:nth-child(2):before {
        justify-content: center;
        left: 0;
    }

    div.anamenu > div:not(:first-child) {
        background: rgb(0 0 0 / 50%);
        border-radius: 15px;
        color: #eee;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    div.anamenu > div:last-child,
    .menugrid .anamenu .alt:last-child {
        margin-bottom: 11.7vh !important;
    }

    .menuacik div.anamenu > div:first-child {
        position: fixed;
        bottom: 1vh;
        background: transparent;
        overflow: unset;
    }

    .menuacik li.kinfo {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
    }

    body.menuacik #ayarmenub {
        position: fixed;
        top: 2vh;
        right: 2vh;
        height: 5vh;
        display: flex;
        font-size: var(--fs20);
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .belgebaslik.acik {
        height: 100%;
    }

    .belgebaslik > div:first-child {
        height: calc(100% - 7.7vh);
    }

    .belgebaslik.sihirbazli > div:first-child > div {
        height: 100%;
    }

    .mliste > ul > li:not(:first-child) > div {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:first-child {
        width: 100%;
        text-align: center;
    }

    .mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:nth-child(2) {
        position: absolute;
        width: calc(100% - 3.574074074vh);
        text-align: right;
    }

    .mliste:not(#gecmismenu):not(#gecmisler) > ul > li:first-child > div:nth-child(2) {
        position: fixed;
        bottom: 1.5vh;
        background-color: #fc6055;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        left: calc(50% - 3.5vh);
        width: 7vh;
        height: 7vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs30);
    }

    .mliste > ul > li:not(:first-child) > div:first-child {
        margin: 0 0 1vh 0;
    }

    div.mliste > ul > li:first-child > div:first-child {
        margin: 0;
    }

    div.mliste {
        transform: translateX(100vh);
    }

    #bildirimmenu > ul > li {
        max-width: 100% !important;
    }

    #pin:before {
        font-size: var(--fs40);
        content: "\f0e7";
    }

    .menuacik #pin:before {
        content: '\f00d';
        font-size: var(--fs30);
        transform: rotate(90deg) !important;
    }

    #pin {
        background: var(--a);
        color: #FFFFFF;
        margin: 0;
        position: fixed;
        bottom: 0.7vh;
        width: 7.7vh;
        height: 7.7vh;
        border-radius: 50%;
        left: calc(50% - 3.85vh);
    }


    .gorunum #pin:before {
        font-size: var(--fs40);
        content: "\f1fc";
    }

    #modulmenubtn {
        margin-left: 0;
    }

    body.menuacik > div.anamenu {
        width: 100%;
        z-index: 102;
        padding: 12vh 2vh 7vh 2vh;
        height: 92vh;
        box-sizing: border-box;
        transition: unset;
        border-radius: 0;
    }

    body:not(.menuacik) div.anamenu > div:first-child {
        position: relative;
    }

    div.anamenu > div:first-child > div:nth-child(2) {
        float: left;
        width: calc(100% - 16.14vh);
    }

    div.anamenu > div:first-child > div:last-child{
        display: flex;
    }

    div.anamenu > div:first-child > div:last-child {
        border-radius: 50%;
        background: #FC6055;
        color: #fff;
        position: absolute;
        left: calc(50% - 3.85vh);
        transform: rotate(45deg);
        transition: transform 0.5s;
    }

    .menuacik div.anamenu > div:first-child > div:last-child {
        display: none;
    }

    .menuacik div.anamenu > div:first-child {
        left: calc(50% - 3.85vh);
    }

        .menuacik div.anamenu > div:first-child > div:last-child {
            transform: rotate(-90deg);
        }

    div.anamenu > div:first-child > div:last-child:before {
        font-family: var(--fonticon);
        width: 7.7vh;
        height: 7.7vh;
        font-size: var(--fs35);
        content: '\f00d';
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--a);
    }

    div.anamenu > div:first-child > div:nth-child(2) {
        display: none;
    }

    .icerikmenu > ul > li.uc {
        margin-right: 10.8vh !important;
    }

    .icerikmenu > ul > li {
        width: calc(16.66vw - 1.8vh - 0.6vmin);
        background: transparent;
        color: var(--fckoyu);
    }

    div.icerikmenu {
        overflow: unset;
    }

    body:not(.ios) div.icerikmenu {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .modulmenu > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before,
    .icerikmenu > ul > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before {
        background: var(--beyazt);
        height: 5.7vh;
        top: 0;
    }


    div.icerikmenu > ul {
        overflow: unset;
    }

    .menuacik div.ustmenu {
        z-index: 102;
    }

    .menuacik li#gecmismenub,
    .menuacik li#bildirimmenub,
    .menuacik li#mesajmenub,
    .menuacik li#hizlierisimb,
    .menuacik li#sepetmenub {
        position: fixed !important;
        bottom: 1vh !important;
        top: unset !important;
        font-size: var(--fs40);
        color: #eee;
        height: 7.7vh !important;
        padding: 0 !important;
        width: 20% !important;
        z-index: 118;
        left: unset !important;
        display: flex !important;
        border: 0 !important;
    }

    .menuacik.gorunum li#gecmismenub,
    .menuacik.gorunum li#bildirimmenub,
    .menuacik.gorunum li#mesajmenub,
    .menuacik.gorunum li#hizlierisimb,
    .menuacik.gorunum li#sepetmenub {
        display: none !important;
    }

    .menuacik li#gecmismenub {
        right: 0 !important;
    }

    .menuacik li#bildirimmenub {
        left: 0 !important;
    }

    .menuacik li#mesajmenub,
    .menuacik li#sepetmenub {
        left: 20% !important;
    }

    .menuacik li#hizlierisimb {
        left: 60% !important;
    }

    .menuacik li#sepetmenub ~ li#mesajmenub {
        display: none !important;
    }

    .menuacik li#bildirimmenub:before,
    .menuacik li#mesajmenub:before,
    .menuacik li#gecmismenub:before,
    .menuacik li#hizlierisimb:before,
    .menuacik li#sepetmenub:before {
        font-size: var(--fs25);
    }

    .menuacik li#bildirimmenub:after,
    .menuacik li#mesajmenub:after,
    .menuacik li#gecmismenub:after,
    .menuacik li#hizlierisimb:after,
    .menuacik li#sepetmenub:after {
        position: fixed;
        bottom: 1.5vh;
        font-family: var(--font);
        font-size: var(--fs15);
        width: auto !important;
    }

    .menuacik li#bildirimmenub:after {
        content: 'Bildirimler';
    }

    .menuacik li#mesajmenub:after {
        content: 'Mesajlar';
    }

    .menuacik li#gecmismenub:after {
        content: 'Son İşlem';
    }

    .menuacik li#hizlierisimb:after {
        content: 'Hızlı Erişim';
    }

    .menuacik li#sepetmenub:after {
        background: transparent !important;
        position: fixed !important;
        bottom: 1vh !important;
        font-family: var(--font) !important;
        font-size: var(--fs15) !important;
        width: auto !important;
        content: 'Sepet (' attr(sayi) ')' !important;
        font-weight: normal !important;
        margin: 0 !important;
        display: block !important;
        right: unset;
    }


    .modulmenuacik {
        width: 65%;
    }

    .modulmenu > li {
        width: calc(100% - 3vh);
        justify-content: center;
    }

    #bildirimmenu {
        height: 100%;
    }

        #bildirimmenu > ul > li:last-child {
            top: 88%;
        }

    #ayarmenu > ul > li:not(:first-child) > div:first-child,
    #ayarmenu > ul > li:not(:first-child) > div:first-child {
        margin: 0;
        padding: 0;
    }

    .menuacik .anablok {
        width: 0 !important;
        transition: width 0.5s;
    }

    .belgebaslik:not(.sihirbazli) > div:first-child > div,
    .belgebaslik.sihirbazli > div:first-child > div .sihirbaz > div {
        column-count: 1 !important;
        padding-bottom: 100vh;
    }

    .belgebaslik > .alticerikmenu > .sekmeler {
        column-count: 1;
        margin-bottom: 100vh;
        margin: 0;
        width: 100%;
    }

    .belgebaslik.sihirbazli .alticerikmenu > div:first-child {
        display: none;
    }

    .belgebaslik > .alticerikmenu > .sekmeler > ul,
    .belgebaslik > .alticerikmenu > .sekmeler > ul > li {
        width: 100%;
        text-align: center;
        justify-content: center;
        place-content: flex-start;
    }

    ul.liste > li {
        position: relative;
    }

        ul.liste > li:not(:first-child):not(.hsat):hover {
            background-color: #FFF4F1;
        }

        ul.liste > li:not(:first-child):not(.hsat):not(:hover).secili,
        ul.liste > li:not(:first-child):not(.hsat):active {
            background-color: #FFF4F1;
        }

            ul.liste > li:not(:first-child):not(.hsat).secili:after,
            ul.liste > li:not(:first-child):not(.hsat):active:after {
                background-color: #ffffff;
                width: 3px;
                content: '';
                height: 100%;
                background: var(--a);
                position: absolute;
                top: 0;
                left: 0;
            }

    .pencere.sagyuzenliste {
        width: calc(100% - 2vh);
        max-height: 91.6vh;
        padding: 0;
        box-shadow: 0.1vh 0.1vh 0.1vh #d4d4d4;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin: 0 1vh;
        top: unset !important;
        bottom: 0;
        left: 0 !important;
        transform: translateY(100vh);
    }

    .pencere.uzun.tek.sagyuzenliste {
        height: calc(100% - 7.7vh);
    }

    .sagyuzenliste + div.bgfiltre {
        display: block !important;
        background: #6666;
        z-index: 98 !important;
    }

    .pencere.sagyuzenliste.acik {
        transform: translateY(0);
    }

    .pencere.acik ~ .pencere.sagyuzenliste.acik + div.bgfiltre {
        z-index: 117 !important;
    }

    .pencere.acik ~ .pencere.sagyuzenliste.acik {
        z-index: 118 !important;
    }

    .pencere.sagyuzenliste > div:first-child {
        padding-top: 2vh;
    }

    .pencere.sagyuzenliste > div:not(:first-child):not(:last-child) {
        height: 5vh;
        font-size: var(--fs20);
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .pencere.sagyuzenliste > div.gorunuk:not(:first-child):not(:nth-child(2)):not(:last-child),
        .pencere.sagyuzenliste > div:not(:first-child):not(:last-child).secik {
            height: auto;
            padding: 1.5vh;
            margin: 0.5vh 2vh 0 2vh;
        }

    .pencere.sagyuzenliste > div.gorunuk[valueic] {
        flex-direction: column;
    }

    div.icerikmenu {
        background: #ffffff;
    }

    .satiruyari {
        transform: translateY(100vh);
        transition: transform 0.3s;
        bottom: 0;
        top: unset !important;
        width: 100% !important;
        margin-left: 0 !important;
        height: auto;
        z-index: 100;
        display: block !important;
        padding: 2vh 3vh !important;
        box-sizing: border-box;
        left: 0;
    }

    body.salt.uyaracik .satiruyari {
        transform: translateY(0);
    }

    .satiruyari > div:first-child,
    .satiruyari > div:last-child,
    .satiruyari > div:nth-last-child(2) {
        color: #1f1f1f;
    }

    .satiruyari > div:nth-child(2) {
        width: calc(100% - 12vh);
        color: #1f1f1f;
    }

    .satiruyari > div:first-child {
        display: block;
        height: auto;
    }

    .satiruyari > div:first-child {
        font-size: var(--fs40);
        width: 4vh;
        margin-right: 2vh;
        z-index: 0;
        font-size: 9vh;
        position: absolute;
        color: rgba(0,0,0,0.2);
        right: 0;
        top: 3vh;
        margin-right: 2vh;
    }

    .satiruyari > div:nth-child(2) {
        width: calc(100% - 6vh);
        height: auto;
        align-items: flex-start;
        margin: 1vh 0;
    }

    .satiruyari > div:last-child,
    .satiruyari > div:nth-last-child(2) {
        border: 1px solid #1f1f1f;
        padding: 1vh;
        border-radius: 20px;
        width: auto;
        height: 2.5vh;
        margin: 1vh;
        float: left;
        justify-content: center;
    }

    .satiruyari > div:nth-last-child(2) {
        margin-left: 0;
    }

        .satiruyari > div:last-child:hover,
        .satiruyari > div:nth-last-child(2):hover {
            background: #1f1f1f;
            color: #fff;
        }

    .satiruyari > div:last-child:after {
        content: 'Uyarı Kapat';
    }

    .satiruyari > div:nth-last-child(2):after {
        content: 'Tamam';
    }

    .satiruyari > div:last-child:after,
    .satiruyari > div:nth-last-child(2):after {
        font-family: var(--font);
        font-size: var(--fs18);
        margin-left: 1vh;
    }

    body.salt.uyaracik:after {
        content: '';
        background: rgba(0,0,0,0.6);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 99;
    }

    body[salt] .satiruyari > div:nth-last-child(2):before {
        content: '\f0c1';
    }

    body[salt] .satiruyari > div:nth-last-child(2):after {
        border: 0;
        margin: 0;
        color: #000;
        background: transparent;
    }

    body[salt] .satiruyari > div:nth-last-child(2):hover:after {
        color: #ffffff;
    }

    body[salt] .satiruyari > div:nth-child(2) {
        display: unset;
        max-width: 100%;
        width: 100%;
    }

    .satiruyari > div:nth-child(2) > div.sagyuzencombo {
        width: auto;
        padding: 0;
        height: auto;
        display: inline-block;
        margin: 0 0.3vh;
    }

        .satiruyari > div:nth-child(2) > div.sagyuzencombo.load {
            height: 1.6vh;
        }

    #sfbaslik {
        max-width: calc(100% - 15.5vh);
        margin-right: 0;
    }

    #yorumlar {
        height: 90.86vh;
        margin: 0 1vh;
        left: 0% !important;
        width: calc(100% - 2vh) !important;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
        transform: translateY(91vh);
        top: 9vh;
    }

        #yorumlar > ul > li#yorumarea {
            height: 54vh;
        }

            #yorumlar > ul > li#yorumarea > div:last-child {
                margin-bottom: 30vh !important;
            }

    #sfbaslik {
        position: fixed;
        max-width: unset;
        left: 0;
        margin: 0;
        background: transparent;
        top: 0.5vh;
        color: #fff;
        width: calc(100% - 14vh);
        padding: 0 7vh;
        text-align: center;
        text-overflow: clip;
        font-size: var(--fs17);
    }

    li#sfbaslik:after {
        color: #fff;
    }

    div.icerikmenu {
        height: 7.4vh;
        position: fixed !important;
        bottom: 0;
        z-index: 8 !important;
        background: #ffffff;
        border-top: 1px solid #dedede;
    }

    #icerik {
        height: 83.6vh;
        margin: 9vh 1vh 0 1vh !important;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: 0 0 1vh 0vh rgba(0, 0, 0, 0.1);
        padding: 0;
    }

    div#icerik:after {
        background: var(--b);
        width: 100%;
        height: 18vh;
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        z-index: -2;
    }


    body:not([izahat='0']) #icerik {
        height: 83.6vh;
    }

    #modulmenubtn {
        position: fixed;
        z-index: 2;
        top: 0;
        background: transparent;
        color: #fff;
        height: 6.7vh;
    }

    body[izahat='0'] #modulmenubtn {
        top: 10.5vh;
        left: 1vh;
        color: var(--fckoyu);
        width: 7vh;
        height: 5vh;
    }

    .icerikmenu > ul > li > div:first-child {
        font-size: var(--fs25);
    }


    body[izahat='0'] #modulmenubtn:before {
        font-size: var(--fs30);
    }


    div.ustmenu {
        height: 0;
        box-shadow: unset;
        padding: 0;
    }

    body:not(.menuacik):not([izahat='0']) .ustmenu > ul > li#fullekran {
        position: fixed;
        background: transparent;
        color: #fff;
        transform: rotate(180deg);
        right: 0;
    }

    body:not([izahat='0']) .modulmenu {
        top: 7.7vh;
        height: calc(100% - 15.14vh);
    }

    .pencere div.fuzun > div.coklukutu {
        width: 100%;
        padding: 1vh;
    }

    .pencere.tatilduzenle.acik {
        left: 0;
        width: 100%;
    }

    ul.liste.grid > *:not(.altbaslik) {
        width: 100%;
    }

    body.menuacik div.mliste {
        transform: translateX(101vw);
        transition: transform 0.3s ease-out;
    }

    #yorumlar.gorunur {
        transform: translateY(0);
    }

    .kilitdiv > input[type="password"] {
        height: 7vmax;
    }


    body > div.pencere.kilitekrani > form > div > button {
        height: 7vmax;
        width: 7vmax;
    }

    .gorunum ul.liste > li:first-child > label > ul > li::-webkit-scrollbar {
        width: 6vh;
    }

    .gorunum ul.liste > li:first-child > label > ul > li {
        overflow-y: scroll;
    }



    ul.liste > li > label > ul > li > input, ul.liste > li > label > ul > li > select, .listgr input {
        height: auto;
    }

    ul.liste > * {
        height: auto !important;
    }

    ul.liste > li > label > ul {
        display: block;
        padding: 1vh;
        height: auto;
    }

    ul.liste > li:first-child {
        display: none;
    }

    ul.liste > li:not(:first-child):not(:hover):not(.secili):not(:active):nth-child(2n-1) {
        background-color: #f5f5f5;
    }

    ul.liste > li:not(:first-child):not(:hover):not(.secili):not(:active):nth-child(2n) {
        background: #fff;
    }

    ul.liste > li:last-child {
        margin-bottom: 40vh !important;
    }

    body.menuacik.menugrid:not(.son) .anamenu {
        overflow-y: hidden;
    }

    .modulmenu > .filtre > .filtretemizle {
        border-left: 1px solid #f0f0f0;
    }

    #gecmismenu {
        height: 92.3vh;
    }

    body[izahat="0"] .filtmenu {
        position: fixed;
        top: 9vh;
        left: 0;
        width: calc(100% - 2vh);
        margin: 0 1vh;
        display: block;
        z-index: 1;
        background: #fff;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
        height: 9vh;
    }

    .filtmenu > ul {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .filtmenu > ul > li:not(.gera) {
            display: none !important;
        }

    body[izahat="0"] .filtmenu > ul > li {
        border: 0;
        background: transparent;
    }

    .filtmenu > ul > li.gera {
        background: var(--b05) !important;
        padding: 1vh !important;
        border-radius: 10px !important;
        width: calc(100% - 14vh);
        margin: 0 7vh;
    }

    .filtmenu > ul > .gera.acik > div:nth-child(3) {
        width: 100% !important;
    }

    .filtmenu > ul > .gera > div:nth-child(3) > input {
        background: transparent;
    }

    body[izahat="0"] .icerikmenu > ul > li.filtreler {
        position: fixed;
        width: 7vh;
        height: 5vh;
        top: 10.7vh;
        border-bottom: 0;
        background: transparent;
        font-size: var(--fs30);
        left: unset;
        right: 1vh;
        padding-left: 1.5vh;
    }

    body[izahat="0"] li#fullekran {
        z-index: 1;
        position: fixed;
        color: #fff;
        padding-left: 1.5vh;
    }

    body.salt .icerikmenu > ul > li:nth-child(2) {
        background: transparent;
        position: fixed;
        top: 5.5vh;
        right: 0;
        height: 4vh;
        z-index: 1;
        margin: 0 10vh;
        width: calc(100% - 20vh);
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        body.salt .icerikmenu > ul > li:nth-child(2) > div {
            color: #ffffff73;
            font-size: var(--fs18);
            display: flex;
            width: auto;
            padding: 0;
            margin: 0;
        }

            body.salt .icerikmenu > ul > li:nth-child(2) > div:first-child {
                margin-right: 1vh;
            }

    div.icerikmenu::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .modulmenu + div,
    .menuacik div.mliste.acik ~ :last-child {
        width: 100%;
        height: 100%;
        z-index: 3;
        background: rgba(0, 0, 0, 0.22);
        position: fixed;
        top: 0;
        left: 0;
        transform: translateY(100%);
        overflow: hidden;
        transition: transform 0.2s;
    }

    .modulmenu.modulmenuacik + div {
        transform: translateY(0);
    }

    .menuacik div.mliste.acik ~ :last-child {
        transform: translateY(0);
    }

    .menuacik div.mliste.acik ~ :last-child {
        z-index: 102;
        transform: translateY(100%);
    }

    .modulmenu + div + div {
        width: 7.7vh;
        height: 7.7vh;
        position: fixed;
        bottom: 0.7vh;
        background: var(--a);
        border-radius: 50%;
        z-index: 99;
        left: calc(50% - 3.85vh);
        display: none;
    }

    .modulmenu.modulmenuacik + div + div {
        display: block;
    }

    .modulmenu + div + div:before {
        content: '\f00d';
        font-family: var(--fonticon);
        font-size: var(--fs30);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        color: #fff;
    }

    .hsat {
        border: 0;
        height: 9vh !important;
        top: 9vh;
        width: calc(100% - 2vh) !important;
        position: fixed !important;
        z-index: 1;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .hsat > label {
            width: 100%;
        }

            .hsat > label > ul {
                height: calc(100% - 2vh) !important;
                width: 100% !important;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .hsat > label > ul > li {
                    display: flex !important;
                    align-items: center;
                    justify-content: center;
                    height: 100% !important;
                }

                    .hsat > label > ul > li:first-child,
                    .hsat > label > ul > li:nth-child(4) {
                        width: 5vh !important;
                        font-size: var(--fs23);
                        color: var(--b5);
                    }

                    .hsat > label > ul > li:nth-child(2) {
                        height: 100% !important;
                        width: calc(80% - 10.5vh - 4vw) !important;
                        margin-right: 0.5vh;
                    }

                        .hsat > label > ul > li:nth-child(2) > input,
                        .hsat > label > ul > li:nth-child(3) > input {
                            height: calc(100% - 2vh);
                            font-size: var(--fs20);
                            width: 100%;
                        }

                    .hsat > label > ul > li:nth-child(3) {
                        width: 20% !important;
                    }

                    .hsat > label > ul > li:nth-child(4):before {
                        content: '\f02a' !important;
                        font-family: var(--fonticon);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0;
                        display: none;
                    }

                    .hsat > label > ul > li:before {
                        display: none;
                    }

                    .hsat + li {
                        margin-top: 9vh !important;
                    }

        .hsat.tekokut > label > ul > li:nth-child(2) {
            width: calc(100% - 10.5vh - 4vw) !important;
        }

    #bildirimmenu,
    #mesajmenu,
    #gecmismenu,
    #ayarmenu,
    div.zetmenu {
        height: 78vh !important;
        z-index: 115;
        width: 100% !important;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
        left: 0;
        top: unset;
        transform: translateY(100vh);
        transition: transform 0.3s;
        margin: 24vh 0vh 0 0vh !important;
        border-bottom: 1px solid #e6e6e6;
    }

        /*body.menuacik #bildirimmenu,
	body.menuacik #mesajmenu,
	body.menuacik #gecmismenu,
	body.menuacik div.zetmenu {*/
        /*z-index: 103;*/
        /*}*/

        #bildirimmenu.acik,
        #mesajmenu.acik,
        #gecmismenu.acik,
        #ayarmenu.acik {
            transform: translateY(-94vh);
            box-shadow: 0 -50vh 0 50vh rgba(0, 0, 0, 0.30);
        }

    body.zmacik div.zetmenu {
        transform: translateY(0);
        box-shadow: 0 -50vh 0 50vh rgba(0, 0, 0, 0.29);
    }

    #bildirimmenu > ul > li:first-child,
    #mesajmenu > ul > li:first-child,
    #ayarmenu > ul > li:first-child {
        border-top-right-radius: 11px;
        border-top-left-radius: 11px;
    }

    body.zmacik.zmedit div.zetmenu {
        transform: translateY(0vh);
        height: 60vh !important;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    div.zetmenu > ul > li[baslik]:after {
        content: '\f00d';
        position: fixed;
        font-family: var(--fonticon);
        bottom: 1.5vh;
        background-color: var(--a);
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        left: calc(50% - 3.5vh);
        width: 7vh;
        height: 7vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs25);
        z-index: 33;
    }


    #gecmismenu > div:first-child > div:last-child {
        position: fixed;
        bottom: 1.5vh;
        background-color: var(--a);
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        left: calc(50% - 3.5vh);
        width: 7vh;
        height: 7vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs25);
        z-index: 2;
    }

    #gecmismenu > div:first-child > div:nth-last-child(2) {
        display: none;
    }

    #gecmismenu > div:first-child > div:first-child {
        font-size: var(--fs18);
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    #gecmismenu > div:first-child {
        margin: 0 0 2vh 0;
    }

    #gecmismenu > div:nth-child(2) {
        overflow: auto;
    }

    body.app #fullekran:before {
        content: "\f060";
    }

    body.app:not([izahat='0']) #fullekran:before {
        content: '\f00d';
    }


    ul.modulmenu.modulmenuacik.filtre + div + button.filtrele {
        z-index: 8;
        width: 50%;
        color: #a0a0a0;
    }

    zet-menu[baslik]:before {
        padding: 2vh 0.5vh 0.5vh 2.5vh;
        text-align: left;
        z-index: -1;
        height: calc(100% + 11.4vh);
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }

    zet-menu > hucmenu > div,
    zet-menu > hucmenu {
        height: 5vh;
    }

        zet-menu > hucmenu > div:hover {
            background: transparent;
        }

    zet-menu,
    .acilirsagmenu {
        left: 1vh !important;
        width: calc(100% - 2vh) !important;
        bottom: 7.4vh !important;
        top: unset !important;
        border: 0;
        border-radius: 0;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        font-size: var(--fs20);
        padding: 0;
        box-shadow: 0 -50vh 0 50vh rgb(0,0,0,0.15) !important;
    }

        zet-menu:after,
        .acilirsagmenu:after {
            content: '\f00d';
            background-color: var(--a);
            color: #FFFFFF;
            margin: 0;
            position: fixed;
            bottom: 0.7vh;
            border-radius: 50%;
            left: calc(50% - 3.85vh);
            width: 7.7vh;
            height: 7.7vh;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--fonticon);
            font-size: var(--fs30);
        }

        zet-menu:before {
            content: '';
            background: #fff;
            width: 100%;
            height: 7.4vh;
            position: absolute;
            bottom: -7.4vh;
        }

    li.lmen > zet-menu:after {
        display: none;
    }

    zet-menu > ul > li,
    .acilirsagmenu > ul > li {
        height: 2vh;
        padding: 2vh;
        font-size: var(--fs18);
    }

    zet-liste {
        margin: 9vh 0 8vh 0;
        height: calc(100% - 9vh) !important;
    }

    .pencere zet-liste {
        margin: 0;
        height: 100% !important;
    }

    .belgebaslik + div.liste > zet-liste {
        margin: 9vh 0 0 0;
        height: 100% !important;
    }

    zet-liste > div:nth-child(2) {
        margin-top: 9vh;
        width: 100%;
        height: 100%;
    }

    .belgebaslik + div.liste > zet-liste[hsatsiz],
    zet-liste[hsatsiz] > div:nth-child(2) {
        margin: 0;
    }

    body:not([izahat="0"]) zet-liste > div:nth-child(2) {
        height: 100% !important;
    }

    zet-liste[bassiz] > div:nth-child(2) {
        margin-top: 0;
    }


    zet-liste > div:nth-child(2) > ul > li {
        width: 100%;
        float: left;
        overflow: hidden;
        height: auto;
        border: 0;
    }

    zet-liste[ysc] > div > ul {
        width: 100%;
    }

    zet-liste > div > ul > li > ul > li {
        height: 2vh;
    }

    zet-liste:not([gtipi="grid"]) > div > ul > li > ul {
        display: block;
        position: relative;
        border-bottom: 1px solid #e2e2e2;
        border-radius: 0;
        width: 100%;
        padding: 0.5vh;
        box-sizing: border-box;
        overflow: hidden;
    }

    zet-liste:not([gruplu]):not([bul]) > div:first-child:not(.sfil),
    zet-liste:not([altop]) > div:nth-child(3) > ul,
    zet-liste:not([gtipi='grid']) > div:nth-child(2) > ul > li:nth-child(2n-1):not(:first-child),
    zet-liste > div > ul > li > ul > li:nth-child(2n-1) {
        display: none;
    }

    zet-liste:not([gtipi='grid']) > div > ul > li > ul > li.lmen {
        position: absolute;
        right: 0;
        height: auto;
        padding: 0.5vh;
    }

    zet-liste > div > ul > li > ul > li:before {
        margin-right: 1vh;
        font-weight: bold;
    }

    zet-liste > div > ul > li > ul > li {
        color: var(--fckoyu);
        user-select: none;
    }

    zet-liste > div:nth-child(2) > ul > li[satduz] {
        position: fixed;
        top: 10vh;
        width: calc(100% - 2vh);
        z-index: 100;
        height: 100%;
        background: #fff;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
        margin: 0;
    }

        zet-liste > div:nth-child(2) > ul > li[satduz] > ul {
            background: #fff;
        }

    zet-liste > div > ul > li[satduz] > ul > li:not(.lmen) {
        width: calc(100% - 2vh) !important;
        height: 4vh !important;
        text-align: left !important;
        justify-content: flex-start !important;
        border-bottom: 1px solid #dcdcdc !important;
    }

    zet-liste:not(.pointer-events-all) > div > ul > li:not([satduz]) > ul > li:not([editable_hucre]) * {
        pointer-events: none;
    }

    body:not(.salt) zet-liste > div > ul > li:not([satduz]) > ul > li zet-input[type="checkbox"],
    body:not(.salt) zet-liste > div > ul > li:not([satduz]) > ul > li zet-input[type="checkbox"] > * {
        pointer-events: unset;
    }

    zet-liste > div > ul > li[satduz] > ul > li > *:not([type="checkbox"]),
    zet-liste > div > ul > li[satduz] > ul > li > zet-input > *:not([type="checkbox"]):not(label) {
        width: 100% !important;
        height: 100% !important;
    }

    zet-liste > div > ul > li:not([satduz]) > ul > li input,
    zet-liste > div > ul > li:not([satduz]) > ul > li zet-searchbox {
        border: 0 !important;
        width: 100% !important;
        text-align: left !important;
        height: auto;
    }

    zet-liste > div > ul > li:not([satduz]) > ul > li zet-input {
        width: 100%;
    }

    zet-liste > div > ul > li[satduz] > ul > li input,
    zet-liste > div > ul > li[satduz] > ul > li zet-searchbox {
        border: 0 !important;
        text-align: left !important;
    }

    zet-liste > div > ul > li:not([satduz]) > ul > li > zet-searchbox > button {
        display: none;
    }

    zet-liste > div > ul > li > ul > li > zet-searchbox > button {
        margin: 1vh 0;
    }

    zet-liste > div > ul > li[satduz] > ul > li > input[type='checkbox'][is='zet-input'] + label {
        display: none;
    }

    zet-liste[gtipi=grafik] > div:nth-child(4) > form > div:first-child {
        width: 100%;
        margin-right: 0 !important;
        border-radius: 0;
    }

    zet-liste[gtipi=grafik] > div.oac:nth-child(4) > form > div:first-child {
        width: 0;
    }

    zet-liste[gtipi=grafik] > div.oac:nth-child(4) > form > div:nth-child(2) {
        width: 100%;
    }

    zet-liste:not([gtipi="grid"]) > div:nth-child(2) > ul > li:not([satduz]):nth-child(2n) > ul:hover {
        background: #f2f2f2;
    }

    .pencere.kucuk {
        width: calc(100% - 2vh);
        height: calc(100% - 16.7vh);
        bottom: 0;
        margin: 0 1vh;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
        transform: translateY(100vh);
        top: unset;
    }

        .pencere.kucuk.acik {
            transform: translateY(0);
            box-shadow: 0 -50vh 0 50vh rgba(0, 0, 0, 0.29);
        }

        .pencere.kucuk > div:nth-child(2) {
            width: 100%;
            box-sizing: border-box;
        }

    body.app.menugrid .modulmenu > .filtre.acik > div:nth-child(3) {
        height: 6vh;
        padding: 0;
    }

    body.app.menugrid .modulmenu .gera.acik zet-boku {
        position: absolute;
        width: 4vh;
        height: calc(3.7vh - 2px) !important;
        right: 3vh;
    }

    .modulmenu.modulmenuacik.filtre li.filtre.gera.acik {
        padding-bottom: 13vh !important;
    }

    ul.modulmenu.modulmenuacik.filtre ~ button.filtrele {
        bottom: 7.4vh;
        transform: translateX(1vh) !important;
        width: calc(100% - 2vh);
        z-index: 4;
    }

    #bildirimsayi {
        top: 3vh;
        margin: 0.5vh 0;
        right: 1vh;
        background: #fff;
        color: #f9806a;
    }

    body[izahat='0']:not(.menugrid) .modulmenu.secler > li.secler.listekbtn,
    body:not(.menugrid) .modulmenu.dizayn > li.dizayn.dizaynekbtn {
        position: absolute;
        top: 0;
        width: 15vh;
        right: 8.2px;
        margin-top: 1.5vh;
        height: auto !important;
        min-height: auto !important;
        border: 1px solid #e0e0e0;
        border-radius: 50px;
    }

        body[izahat='0']:not(.menugrid) .modulmenu.secler > li.secler.listekbtn > div,
        body:not(.menugrid) .modulmenu.dizayn > li.dizayn.dizaynekbtn > div {
            font-size: var(--fs15);
            text-align: right;
            justify-content: flex-end;
            width: auto;
            min-width: unset;
            padding: 0;
            margin: 0;
            height: 3vh;
        }

        body[izahat='0']:not(.menugrid) .modulmenu.secler > li.secler.listekbtn:hover,
        body:not(.menugrid) .modulmenu.dizayn > li.dizayn.dizaynekbtn:hover {
            border-color: #f9806a;
            color: #f9806a;
        }

    #belgefooter > div:first-child,
    #belgefooter > div:nth-child(2) {
        display: none;
    }

    zet-liste > div > ul > li:not([satduz]) > ul {
        height: auto;
    }


    zet-liste[altop] > div:nth-child(3) {
        display: block;
        min-height: 30%;
        max-height: 60%;
        bottom: 0;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 3;
        box-shadow: 0 0px 23px 10px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        overflow: auto;
    }

        zet-liste[altop] > div:nth-child(3) > ul {
            height: 100%;
            display: block;
        }

            zet-liste[altop] > div:nth-child(3) > ul > li:nth-child(2n) {
                height: 100%;
                display: block;
                width: 100%;
                float: left;
            }

                zet-liste[altop] > div:nth-child(3) > ul > li:nth-child(2n) > ul:before {
                    content: 'Liste Alt Toplamları';
                    text-align: center;
                    width: 100%;
                    height: 4vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

    zet-liste > div:first-child > ul > li > ul,
    zet-liste > div:nth-child(3) > ul > li > ul {
        padding: 0;
    }

    zet-liste[altop] > div:nth-child(3) > ul > li:nth-child(2n) > ul > li:nth-child(2n) {
        width: calc(100% - 4vh) !important;
        height: 5vh !important;
        float: left;
        text-align: left !important;
        display: flex !important;
        justify-content: flex-start !important;
        border-bottom: 1px solid #eee;
        font-weight: normal;
        box-sizing: border-box;
        margin: 0 2vh;
        padding: 0 !important;
        color: #444 !important;
        background: transparent !important;
        font-weight: normal !important;
    }

    zet-liste[altop] > div:nth-child(3) > ul > li:nth-child(2n) > ul > li:before {
        height: 100%;
        display: flex;
        align-items: center;
    }


    zet-liste[altop] > div:nth-child(3) > ul > li > ul > li:nth-child(2n) > span:not(:only-child) {
        width: auto;
        margin-right: 0.5vh;
    }

    zet-liste[altop] > div:nth-child(3) > ul > li > ul > li:nth-child(2n) > span:nth-child(2):before {
        content: '(';
    }

    zet-liste[altop] > div:nth-child(3) > ul > li > ul > li:nth-child(2n) > span:nth-child(2):after {
        content: ')';
    }

    zet-liste[gruplu] > div:first-child,
    zet-liste[bul] > div:first-child {
        height: 7vh;
        bottom: 0;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 3;
        box-shadow: 0 0px 23px 10px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        overflow: auto;
    }

        zet-liste[gruplu] > div:first-child > ul > li:not(:first-child),
        zet-liste[bul] > div:first-child > ul > li:not(:nth-child(5)) {
            display: none;
        }

        zet-liste[gruplu] > div:first-child > ul > li:first-child,
        zet-liste[bul] > div:first-child > ul > li:nth-child(5) {
            height: 7vh;
            border: 0;
            padding: 0;
        }

            zet-liste[gruplu] > div:first-child > ul > li:first-child > zet-path,
            zet-liste[gruplu] > div:first-child > ul > li:first-child > button {
                height: 5vh;
                margin-bottom: 2vh;
            }

            zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li:only-child,
            zet-liste[gruplu] > div:first-child > ul > li:first-child zet-path > ul > li:only-child > div {
                width: 100%;
            }


        zet-liste[bul] > div:first-child > ul > li:nth-child(5) {
            align-items: flex-start;
            height: auto;
        }

            zet-liste[bul] > div:first-child > ul > li:nth-child(5) > button.zlbulcik {
                padding: 2vh 0;
            }

            zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div {
                padding: 1vh;
                box-sizing: border-box;
            }

                zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > zet-input > input {
                    width: 50vw;
                }

                zet-liste[bul] > div:first-child > ul > li:nth-child(5) > div > .radblok {
                    display: none;
                }

    zet-liste[bul] > div:first-child {
        height: auto;
        min-height: 7vh;
    }

        zet-liste[bul] > div:first-child > ul > li:nth-child(5).degis {
            height: 12vh;
        }

    zet-liste > div.sfil:first-child {
        display: block;
        min-height: 30%;
        max-height: 60%;
        bottom: 0;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 3;
        box-shadow: 0 0px 23px 10px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        overflow: auto;
    }

        zet-liste > div.sfil:first-child > ul > li:not(:nth-child(4)) {
            display: none;
        }

        zet-liste > div.sfil:first-child > ul {
            height: 100%;
            display: block;
            padding-bottom: 40vh;
        }

            zet-liste > div.sfil:first-child > ul > li:nth-child(4) {
                height: 100%;
                display: block;
                width: 100%;
                float: left;
            }

                zet-liste > div.sfil:first-child > ul > li:nth-child(4) > ul:before {
                    content: 'Sütun Filtrele';
                    text-align: center;
                    width: 100%;
                    height: 4vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                zet-liste > div.sfil:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n) {
                    width: calc(100% - 4vh) !important;
                    height: 5vh !important;
                    float: left;
                    text-align: left !important;
                    display: flex !important;
                    justify-content: flex-start !important;
                    border-bottom: 1px solid #eee;
                    font-weight: normal;
                    box-sizing: border-box;
                    margin: 0 2vh;
                    padding: 0 !important;
                    color: #444 !important;
                    background: transparent !important;
                    font-weight: normal !important;
                }

                    zet-liste > div.sfil:first-child > ul > li:nth-child(4) > ul > li:nth-child(2n):empty {
                        display: none !important;
                    }

            zet-liste > div.sfil:first-child > ul > li > ul {
                border: 0;
            }

    zet-liste > div:first-child > ul > li > ul > li > zet-input[menulist] > button {
        margin: 1vh 0.2vh;
        pointer-events: all;
    }


    zet-liste > div > ul > li > ul > li.lres {
        height: 15vh;
    }

        zet-liste > div > ul > li > ul > li.lres > img {
            width: 30vw;
            border: 0;
        }

        zet-liste > div > ul > li > ul > li.lres:before {
            display: none;
        }

        zet-liste > div > ul > li > ul > li.lres > img:before {
            border: 1px solid #dcdcdc;
        }

        zet-liste > div > ul > li > ul > li.lres > img:after {
            font-size: var(--fs40);
        }

    zet-liste[gtipi="grafik"] {
        margin: 0;
        background: #fff;
        z-index: 8;
        height: 100% !important;
    }

    #icerik > [grtip="0"] .grafikalan > div:first-child {
        width: 90%;
    }

    [grtip="0"] .grafikalan > div > div:nth-child(2) > div:nth-child(2) > div {
        min-width: 40%;
    }

    [grtip="1"] .grafikalan > div:first-child {
        width: 95%;
        height: auto;
        padding: 1vh;
    }

        [grtip="1"] .grafikalan > div:first-child > div:nth-child(2) {
            display: block;
            height: auto;
        }

            [grtip="1"] .grafikalan > div:first-child > div:nth-child(2) > select {
                width: 48%;
                margin-bottom: 1vh;
                font-size: var(--fs16);
            }

    [grtip="2"] .grafikalan > div:first-child > div:nth-child(2) {
        display: block;
        height: auto;
    }

        [grtip="2"] .grafikalan > div:first-child > div:nth-child(2) > select {
            width: 48%;
            margin-bottom: 1vh;
            font-size: var(--fs16);
        }

    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(3),
    [grtip="2"] .grafikalan > div:first-child > div:first-child > div:nth-child(4) {
        width: 100%;
        height: auto;
    }

    [grtip="2"] .grafikalan > div:first-child {
        width: 90%;
        height: auto;
        padding: 1vh;
        max-height: unset;
    }

    zet-liste[gtipi="grafik"] > div:nth-child(4) > form > div:nth-child(2) > div:nth-child(3) {
        overflow-y: auto;
    }

    zet-liste[gtipi="grafik"] .grafikalan {
        height: auto;
    }

    zet-widget > zet-liste .grafikalan {
        height: 100% !important;
        overflow: hidden;
    }

    zet-liste > div > ul > li > ul > li > .sagyuzencombo[renkli] {
        padding: 0.5vh 1vh;
    }

    div.fuzun > div.resmetin {
        width: calc(100% - 2px );
    }

    .coklukutu > div.oluşuk {
        padding: 0.5vh;
        margin: 0.5vh;
    }

    #alt {
        display: none;
    }

    body.gorunum div.ustmenu > ul > li.zright#ayarmenub {
        background: #fff;
        color: var(--a);
    }

    zet-satir > alan,
    zet-satir > etiket {
        width: 100%;
        margin-bottom: 0.3vh;
    }

    zet-satir[kolon='2'] > alan {
        width: calc(50% - 0.5vh);
    }

    .coklukutu[checklist] > div.oluşuk {
        min-height: 3vh;
        display: flex;
        align-items: center;
    }

        .coklukutu[checklist] > div.oluşuk > button {
            height: 3.4vh;
            width: 3.4vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .coklukutu[checklist] > div.oluşuk > button:before {
                font-size: var(--fs20);
            }

    zet-liste > div > ul > li > ul > li > .sagyuzencombo[disabled] {
        width: auto;
    }

    zet-liste:not([gtipi="grid"]) > div:nth-child(2) > ul {
        background: linear-gradient(#f9f9f9 var(--hg), #ffffff var(--hg));
        background-size: 100% calc(var( --hg) * 2);
        will-change: scroll-position;
    }

    zet-liste.load > div:nth-child(2):before {
        height: 70vh;
        clip-path: url(#gridload);
    }

    /*/zet-liste > div:nth-child(2).load > ul > li:first-child:after,
	zet-liste > div:nth-child(2).load > ul:after,
	zet-liste.load > div:nth-child(2):before {
		height: 70vh;
		clip-path: url(#gridload);
	}

	zet-liste > div.load:nth-child(2) > ul > li:first-child:before {
		content: '';
		width: calc(100% - 2vh);
		height: 70vh;
		position: absolute;
		display: block;
		left: 2vh;
		bottom: 0;
		background-color: #f6f7f8;
		background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
		background-size: 800px 12vh;
		animation-duration: 2s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-name: listload;
		animation-timing-function: linear;
		z-index: 2;
		clip-path: url(#gridload);
	}*/

    zet-liste.load > div:nth-child(2) > ul > li:first-child:before {
        content: '';
        width: calc(100% - 2vh);
        height: 70vh;
        position: absolute;
        display: block;
        left: 2vh;
        bottom: 0;
        background-color: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
        background-size: 800px 12vh;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: listload;
        animation-timing-function: linear;
        z-index: 2;
        clip-path: url(#gridload);
    }

    zet-liste[meg] > div:nth-child(2) > ul > li > ul > li::before {
        display: none;
    }

    .modulmenu.sagtik {
        z-index: 123;
    }

        .modulmenu.sagtik.modulmenuacik + div {
            z-index: 122;
        }

            .modulmenu.sagtik.modulmenuacik + div:after {
                content: '';
                background: #fff;
                width: 100%;
                height: 7.4vh;
                position: fixed;
                bottom: 0;
                left: 0;
            }

            .modulmenu.sagtik.modulmenuacik + div + div {
                z-index: 124;
            }

    .pencere.solmenulu div.sagicerik {
        width: 100%;
    }

    .pencere.solmenulu div.solmenu {
        display: none;
    }

    .pencere.solmenulu.sa div.solmenu {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 80%;
        box-shadow: 5px 5px 13px rgba(0,0,0,0.3);
        transform: translateX(0);
        transition: transform var(--animasyonsuresi);
        display: block;
    }

    li.kinfo {
        width: 100%;
        padding: 0 3vh;
        height: 13vh;
        position: absolute;
        box-sizing: border-box;
        transform: translateY(7vh);
        transition: transform 0.2s;
    }

        li.kinfo > div {
            position: relative;
            float: left;
            margin: auto;
            width: calc(100% - 6vh);
            color: #fff;
            font-size: var(--fs17);
            float: left;
        }

            li.kinfo > div:first-child {
                margin: 1vh 1vh 0 0;
                width: 5vh;
                height: 100%;
            }

            li.kinfo > div:nth-child(2) {
                font-weight: bold;
                font-size: var(--fs20);
            }


            li.kinfo > div:first-child > img {
                width: 5vh;
                height: 5vh;
                border-radius: 50%;
                position: relative;
                margin: auto;
                background: #f3f3f3;
            }

    body.sctop20:not(.menuacik) li.kinfo,
    body.sctop25.menuacik li.kinfo {
        transform: translateY(1vh);
        height: 7vh;
        width: 20%;
    }

        body.sctop20:not(.menuacik) li.kinfo > div:not(:first-child),
        body.sctop25.menuacik li.kinfo > div:not(:first-child) {
            display: none;
        }

    li.kinfo > div:nth-child(2):before {
        content: 'Merhaba, ';
        width: 100%;
        float: left;
    }


    .icsabitfilt > div:only-child {
        width: 100%;
    }

    .icsabitfilt > div > div.sagyuzencombo {
        width: 100%;
        max-width: unset;
        min-width: unset;
    }

    .icsabitfilt > div {
        padding: 1vh;
        box-sizing: border-box;
    }

    .icsabitfilt > div {
        width: 50%;
        float: left;
        box-sizing: border-box;
        margin: 0 !important;
    }
}
/*Portrait Bitiş*/
@media screen and (orientation: landscape) {

    #pin {
        display: none;
    }

    div.anamenu > div:first-child > div:nth-child(2) {
        width: calc(100% - 11.7vh);
        float: left;
        font-size: var(--fs25);
        margin-left: 1vh;
    }

    body:not(.menuacik) div.anamenu:hover > div:first-child,
    body.menuacik div.anamenu > div:first-child {
        border-radius: 0;
    }

    div.anamenu > div:first-child > div:nth-child(2) > span:first-child {
        font-weight: bold;
        margin-right: 5px;
    }

    div.anamenu > div:first-child > div:last-child {
        float: left;
        width: 5vh;
        font-size: var(--fs23);
        display: flex;
        align-items: center;
        float: left;
        justify-content: center;
        transition: transform var(--animasyonsuresi);
    }

    body.menuacik div.anamenu > div:first-child > div:last-child {
        transform: rotate(45deg);
    }

    #fullekran {
        width: 5.3vh;
    }


    div.ustmenu > ul > li:not(.kinfo):hover:after {
        display: block;
        position: absolute;
        top: 6vh;
        padding: 0.7vh;
        font-size: var(--fs14);
        box-shadow: #a0a0a0 0vw 0vw 0.2vw;
        color: #fff;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: var(--fckoyu066);
        font-family: var(--font);
        white-space: pre;
        z-index: 2;
        border-radius: var(--inputborderradius);
    }

    div.ustmenu > ul > li#bildirimmenub:hover:after {
        content: 'Bildirimler';
    }

    div.ustmenu > ul > li#ayarmenub:hover:after {
        content: 'Ayarlar';
    }

    div.ustmenu > ul > li#gecmismenub:hover:after {
        content: 'Açık Belgeler';
        right: 0.5vh;
    }

    div.ustmenu > ul > li#pin:hover:after {
        content: 'Menüyü Sabitle';
        left: 1.7vh;
    }

    div.ustmenu > ul > li#fullekran:hover:after {
        content: 'Geri';
    }

    div.ustmenu > ul > li#sepetmenub:hover:after {
        content: 'Sepet ('attr(sayi)')';
        right: 0.5vh;
    }

    li.kinfo {
        width: auto;
        max-width: 12vw;
        height: calc(100% - 1.2vh);
        position: absolute;
        top: 1.2vh;
        right: 20vh;
        display: block;
        color: var(--fckoyu);
        font-size: var(--fs16);
        user-select: none;
        cursor: pointer;
    }

        li.kinfo:nth-child(6) {
            right: 15vh;
        }

        li.kinfo:after {
            content: '';
            background: #43b384;
            width: 0.7vh;
            height: 0.7vh;
            border-radius: 50%;
            position: absolute;
            border: 0.3vh solid #fff;
            right: -4vh;
            top: 2.5vh;
            z-index: 99;
        }

        li.kinfo > div:first-child {
            width: 3.5vh;
            height: 3.5vh;
            overflow: hidden;
            position: absolute;
            border-radius: 50%;
            right: -4vh;
            float: right;
            top: 0.25vh;
        }

        li.kinfo > div {
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre;
            width: 100%;
        }

            li.kinfo > div:first-child > img {
                object-fit: contain;
                width: 100%;
                height: 100%;
                background: #fff;
            }

            li.kinfo > div:nth-child(2) {
                font-weight: bold;
            }

            li.kinfo > div:nth-child(4) {
                font-size: var(--fs13);
            }


    li.oturumbuton {
        position: relative;
    }

    li.sepetbuton {
        display: none;
    }

    body.salt .icerikmenu > ul > li:nth-child(2) > div:first-child {
        background: #ffecc3;
        padding: 0.5vh;
        border-radius: 1vh;
        color: #8c6002;
        cursor: pointer;
        width: 4vh;
        height: 4vh;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.belcarsat_drag #gecmismenu > div:nth-child(2) > ul > li:not([belgecarsat]),
    body.belcarsat_drag:not([izahat='0']) #gecmismenu > div:nth-child(2) > ul > li.acik {
        opacity: 0.5;
        pointer-events: none;
    }

    body.belcarsat_drag #gecmismenu > div:nth-child(2) > ul > li[belgecarsat][data-izahat="103"],
    body.belcarsat_drag #gecmismenu > div:nth-child(2) > ul > li[belgecarsat][data-izahat="104"] {
        opacity: 0.5;
        pointer-events: none;
    }

    body.belcarsat_drag #gecmismenu > div:nth-child(2) > ul > li[belgecarsat]:not(.acik):not([data-izahat="103"]):not([data-izahat="104"]),
    body.belcarsat_drag[izahat='0'] #gecmismenu.ust > div:nth-child(2) > ul > li.acik {
        border: 1px dashed var(--b5);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.015), 0 1px 5px 0 rgba(0,0,0,.015);
    }

    body.belcarsat_drag #sepetmenub:before {
        padding: 1vh 1.4vh 1vh 1vh;
        border: 1px dashed;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.015), 0 1px 5px 0 rgba(0,0,0,.015);
    }

    .pencere.sagyuzenliste {
        transform: translateX(100vw);
    }

        .pencere.sagyuzenliste.acik {
            transform: translateX(78.79417879vw);
        }

        .pencere.sagyuzenliste.sol {
            transform: translateX(-100vmax);
        }

    body.zlfscreen .pencere.sagyuzenliste {
        top: 0;
        height: 100%;
        z-index: 120 !important;
    }

    .pencere.sol.sagyuzenliste.acik {
        transform: translateX(7.7vh);
    }

    div.anamenu > div:first-child + div {
        margin-top: 7.7vh;
    }

    div.anamenu > div:first-child {
        transition: width var(--animasyonsuresi);
    }

    body.menuacik > div.anablok {
        width: calc(100% - var(--anamenu-width));
        margin-left: var(--anamenu-width);
    }

    .icerikmenu > ul > li:hover {
        position: static;
    }

    body:not(.bela4) .icerikmenu > ul > li:not(.filtre):hover > div:nth-child(2),
    body:not(.bela4) .icerikmenu > ul > li.filtre.listfilter:hover > div:nth-child(2) {
        display: block;
        position: absolute;
        top: 7.7vh;
        padding: 1vh;
        font-size: var(--fs15);
        box-shadow: #A0A0A0 0vw 0vw 0.2vw;
        color: #fff;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: var(--fckoyu066);
        border-radius: var(--inputborderradius);
    }

    .belgebaslik {
        height: auto;
        position: fixed;
        z-index: 3;
        background: var(--bg2);
        transition: transform 0.3s;
        overflow: hidden;
        width: calc(100% - 13.7vh);
        transform: translateY(-100vh);
        padding-bottom: 9.7vh;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        border-bottom-right-radius: 0.5vh;
        border-bottom-left-radius: 0.5vh;
    }

    body.menuacik:not(.bela4) .belgebaslik {
        width: calc(100% - var(--anamenu-width) - 6vh)
    }

    body:not(.menuacik) div[id^="menu"]:hover + div:empty,
    body:not(.menuacik) div[id^="menu"]:hover + div.gizli {
        display: block;
        height: 5.7vh;
    }

    body.zmacik div.zetmenu {
        width: 32vw;
        box-shadow: #A0A0A0 0vw 0vw 0.5vw;
        padding: 0 2vw;
        transform: translateX(-2.1vh);
    }

    zet-liste:not([gtipi="grid"]) > div:not(:first-child) > ul > li > ul > li:hover {
        background: #ececec;
    }

    zet-liste:not([gtipi="grid"]) > div:nth-child(2) > ul > li:not(.gacik):nth-child(2n):hover {
        background: var(--b05);
    }

    div.zetmenu {
        position: absolute;
        height: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transform: translateX(-100vmax);
    }

    body.zmacik .zmedit {
        width: 25%;
        transform: translateX(-100vmax);
    }

        body.zmacik.zmedit .zmedit {
            transform: translateX(37vw);
        }

    body.menuacik.zmacik.zmedit .zmedit {
        transform: translateX(calc(32vw + var(--anamenu-width) + 1vh));
    }

    body:not(.zmacik) div.anamenu:hover {
        width: var(--anamenu-width)
    }

    .menuacik div.anamenu > div:first-child,
    body:not(.zmacik) div.anamenu:hover > div:first-child {
        width: calc(var(--anamenu-width) - 2vh);
    }

    #sfbaslik {
        max-width: 35%;
    }

    .modulmenu.filtre::after {
        content: '';
        height: 7.4vh;
        width: 100%;
        position: relative;
        display: block;
    }

    div.fisa > div:nth-child(n+4):not(:nth-child(2n-1)) {
        margin-left: 30%;
    }

    div.fisa > div {
        width: 34.5%;
        box-sizing: border-box;
    }

    div.fuzun > div.resmetin {
        background-color: #fff;
        border: 1px solid var(--inputbordercolor);
        border-radius: var(--inputborderradius);
        box-sizing: border-box;
    }

    div.fuzun:not(.m):not(.rad) > div:first-child:after,
    div.fserbest:not(.m):not(.coklu) > div:first-child:after,
    div.fisa:not(.m) > div:first-child:after {
        content: ':';
        position: absolute;
        right: 10%;
    }

    div.fserbest > div:first-child,
    div.fuzun > div:first-child,
    div.fisa > div:first-child {
        width: 30%;
    }

    div.fuzun > * {
        width: 70%;
    }

    div.fuzun.m > div:first-child,
    div.fuzun.m > * {
        width: 100%;
    }

    zet-satir:not([genis]):not(.m):not(.secimli) > etiket:after {
        position: absolute;
        content: ':';
        top: 0;
        right: 0.5vw;
        height: 5vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    zet-satir > etiket {
        padding-right: 1vw;
        box-sizing: border-box;
    }

        zet-satir > etiket > .aciklamali > span {
            width: 100%;
            display: block;
        }

            zet-satir > etiket > .aciklamali > span:nth-child(2) {
                font-size: var(--fs13);
                color: var(--b5);
            }

    body.menuacik .satiruyari {
        width: calc(100% - var(--anamenu-width) - 5vh) !important;
        margin-left: calc(var(--anamenu-width) + 2vh) !important;
    }

    .satiruyari > div:last-child:hover,
    .satiruyari > div:not(.load):nth-last-child(2):hover {
        font-size: var(--fs30);
    }

    body[salt] .satiruyari > div:not(.load):nth-last-child(2):hover:after {
        background: #555555;
    }

    .satiruyari > div:last-child {
        position: absolute;
        right: 1vh;
    }

    .filtmenu > ul > li.filtre:not(.gera) > div:nth-child(3) > .fuzun > div:first-child {
        width: 100%;
    }

    .filtmenu > ul > li.filtre > div:nth-child(3) {
        width: 27.34vh;
        max-height: 30vh;
        overflow-x: hidden;
    }

    .filtmenu > ul > li.filtre > div.sagyuzencombo.box {
        border: 0;
    }

    .filtmenu > ul > li.filtre.kapali > div:nth-child(3) > po-combo {
        height: 3.7vh;
        background: transparent;
        border: 0;
    }

        .filtmenu > ul > li.filtre.kapali > div:nth-child(3) > po-combo > icerik {
            padding: 0;
        }

        .filtmenu > ul > li.filtre.kapali > div:nth-child(3) > po-combo:after {
            position: relative;
        }

    div.fserbest > div:nth-child(even):not(:last-child) {
        width: 50.5%;
        height: 10vh;
    }

    body.menuacik.zmacik .pencere.mdzetm.sagyuzenliste.acik {
        transform: translateX(calc(32vw + var(--anamenu-width) + 1vh));
    }

    .pencere.tatilduzenle.acik {
        left: 50%;
    }

    .gorunum .pencere.sagyuzenliste.sol.acik {
        left: 7.7vh;
    }

    .gorunum.menuacik .pencere.sagyuzenliste.sol.acik {
        left: var(--anamenu-width);
    }

    div.anamenu{
        overflow: hidden;
        transition: width var(--animasyonsuresi), border-radius var(--animasyonsuresi);
    }

    body.menuacik div.anamenu,
    body:not(.menuacik) div.anamenu:hover {
        overflow-y: auto;
        border-radius: 0;
    }

    ul.liste:not(.grid) > li:not(:first-child):not(:hover):not(.secili):not(:active):nth-child(2n) {
        background-color: #f5f5f5;
    }

    body:not(.menuacik) .anamenu:hover + .anablok .modulmenu,
    body:not(.menuacik) .anamenu:hover + .anablok .modulmenu {
        margin-left: calc(var(--anamenu-width) - 7.7vh);
    }

    .belgebaslik.acik {
        transform: translateY(-3.5vh);
    }

    body.salt.uyaracik .icerikmenu > ul > li:nth-child(2) + li {
        margin-left: 3vh !important;
    }

    .fuzun > div.resmetin > input.sagyuzencombo {
        width: 100% !important;
    }

    #anaayar .sagyuzencombo.resmetin.box,
    #anaayar .fuzun .sagyuzencombo.resmetin {
        padding: 0 !important;
        width: calc(70% - 4px) !important;
    }

    body:not([izahat="0"]) #icerik {
        margin: 2vh 0 0 0 !important;
        height: 82.56vh !important;
    }


    #belgeanadiv div.liste {
        height: 58vh;
    }

    #belgefooter > div:last-child {
        bottom: 24vh;
    }

    #belgeanadiv.topdar .liste {
        height: 75.80vh !important;
    }

    #belgeanadiv .liste[gtipi="grafik"] {
        height: 100% !important;
    }

    div.liste[gtipi="grafik"] + #belgefooter {
        display: none !important;
    }

    body.uyaracik:not([izahat="0"]):not(.isduzacik) #icerik {
        margin-top: 6vh !important;
        height: 78.56vh !important;
    }

    body.uyaracik #belgeanadiv div.liste {
        height: 53.5vh !important;
    }

    body.uyaracik #belgeanadiv.topdar .liste {
        height: 71.8vh !important;
    }

    body[izahat="0"] .filtmenu {
        display: flex;
    }

    div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:before,
    .menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:before,
    .alt > div:nth-child(3) > .alt > div:first-child:before {
        position: absolute;
        width: 0.7vh;
        height: 0.7vh;
        background: var(--b9);
        content: '';
        border-radius: 50%;
        z-index: 1;
    }

    .anamenu .alt > div:nth-child(3) > .alt {
        padding-left: 4.6vh;
    }

    .alt > div:nth-child(3) > .alt:after {
        position: absolute;
        width: 0.2vh;
        background: var(--b9);
        content: '';
        height: calc(100% - 3.85vh);
        top: 0;
        left: 2.75vh;
    }

    .anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2):before {
        height: 0.2vh;
        width: 4.6vh;
        content: '';
        background: var(--b9);
        position: absolute;
        left: 2.75vh;
    }

    div.anamenu:hover > div > div:nth-child(3) > div.alt > div:first-child:after,
    .menuacik div.anamenu > div > div:nth-child(3) > div.alt > div:first-child:after {
        position: absolute;
        width: 0.2vh;
        height: 100%;
        background: var(--b9);
        content: '';
        top: 0;
        left: 2.75vh;
    }

    .alt > div:nth-child(3) > .alt:last-child > div:first-child:after,
    .alt > div:nth-child(3) > .alt:last-child:after {
        height: 75%;
    }

    .alt:not(:last-child) > div:nth-child(3) > .alt:last-child:after {
        height: 100%;
    }

    .anamenu .alt > div:nth-child(3) > .alt.menudugmesec > div:nth-last-child(3):after {
        height: 4vh;
        width: 0.2vh;
        content: '';
        background: #2d6299;
        position: absolute;
        left: 3.70vh;
        top: 3.75vh;
    }

    #gecmismenu.mliste {
        transform: translateX(100vw);
        transition: transform 0.3s;
    }

        #gecmismenu.mliste.acik {
            transform: translateX(0);
            transform: unset;
        }

    #gecmismenu > div:first-child > div:not(:first-child):hover:before {
        position: absolute;
        top: 6.7vh;
        padding: 1vh;
        font-size: var(--fs16);
        box-shadow: #a0a0a0 0vw 0vw 0.2vw;
        color: #fff;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: var(--fckoyu066);
        font-family: var(--font);
        z-index: 2;
    }

    #gecmismenu > div:first-child > div:nth-child(2):hover:before {
        content: 'Üst Menüye Sabitle';
        right: 7vh;
    }


    #gecmismenu > div:first-child > div:nth-child(3):hover:before {
        content: 'Kapat';
        right: 1.5vh;
    }

    #bildirimmenu {
        height: 0;
        width: 0;
        overflow: hidden;
        right: 3vw;
    }

    div#bildirimmenu.mliste.acik {
        height: 62vh;
        width: 23vw;
    }

    #mesajmenu {
        right: 3vw;
        width: 0;
        height: 0;
        overflow: hidden;
    }

        #mesajmenu.acik {
            height: 62vh;
            width: 23vw;
        }

    #ayarmenu {
        right: 7vw;
        width: 0;
        height: 0;
        overflow: hidden;
    }

        #ayarmenu.acik {
            width: 22vmax;
            height: 21.5vh;
        }

    div.mliste {
        position: fixed;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,0.205);
        z-index: 100;
        background-color: #ffffff;
        font-size: var(--fs20);
        font-family: var(--font);
        opacity: 0;
        border-radius: 5px;
        top: 12.5vh;
        transition: top var(--animasyonsuresi);
    }

        div.mliste.acik {
            opacity: 1;
            top: 8.5vh;
        }

    .hsat {
        width: calc(100% - 12vh) !important;
        transition: width 0.5s;
        display: none;
    }

    body.menuacik .hsat {
        width: calc(100% - var(--anamenu-width) - 4vh) !important;
    }

    #belgeanadiv .hsat + li {
        margin-top: calc(11.111112vh + 0.6vw) !important;
    }

    ul.modulmenu + div + button.filtrele:after {
        width: 0;
        position: absolute;
        top: 0;
        left: -2px;
        content: '';
        border: 1px solid #f9806a;
        transition: width 0.5s;
        overflow: hidden;
    }

    ul.modulmenu + div + button.filtrele:hover:after {
        width: 100%;
    }

    .pencere.kucuk {
        width: 24vmax;
        transform: translateX(-100vmax);
    }

        .pencere.kucuk.acik {
            transform: translateX(7.7vh);
        }

        .pencere.kucuk.sag {
            transform: translateX(100vmax);
        }

            .pencere.kucuk.sag.acik {
                transform: translateX(76vmax);
            }

    .menuacik .pencere.kucuk.acik:not(.sag),
    .anamenu:hover ~ .pencere.kucuk.acik:not(.sag) {
        transform: translateX(var(--anamenu-width));
    }

    .gera zet-boku {
        background: #fff;
        border-radius: 0;
        border: 1px solid #d6d6d6;
    }

    .filtmenu .gera zet-boku {
        right: -4vh;
    }

    .filtmenu .gera zet-boku {
        border-color: var(--b1);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        background: var(--b05);
    }

    .filtmenu .gera:hover zet-boku {
        border-color: var(--b4);
    }

    body.app .filtmenu .gera {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    body.app li.filtre.gera {
        margin-right: 5vh;
    }


    body[izahat='0'] .modulmenu.secler > li.secler.listekbtn,
    .modulmenu.dizayn > li.dizayn.dizaynekbtn {
        position: absolute;
        top: 1.2vh;
        width: auto;
        right: 1vh;
        margin-top: 1.5vh;
        height: auto !important;
        min-height: auto !important;
        border: 1px solid #e0e0e0;
        border-radius: 50px;
        background: var(--beyazt);
    }

        body[izahat='0'] .modulmenu.secler > li.secler.listekbtn > div,
        .modulmenu.dizayn > li.dizayn.dizaynekbtn > div {
            font-size: var(--fs15);
            text-align: right;
            justify-content: flex-end;
            width: auto;
            min-width: unset;
            padding: 0 0.4vh;
            height: 3vh;
        }

        body[izahat='0'] .modulmenu.secler > li.secler.listekbtn:hover,
        .modulmenu.dizayn > li.dizayn.dizaynekbtn:hover {
            border-color: #444444;
            color: #444444;
        }

    #icerik:has(zet-liste[gtipi="grafik"]),
    zet-liste[gtipi="grafik"] {
        background: transparent !important;
        box-shadow: unset;
    }

    #gecmismenu > div:first-child > div:not(:first-child):hover {
        font-size: var(--fs25);
    }

    #gecmismenu > div:first-child > div:not(:first-child):active {
        color: #444;
    }

    div.pencere.alertkutusu.minik + .bgfiltre {
        display: none;
    }

    div.pencere.alertkutusu.minik {
        background-color: unset;
        box-shadow: unset;
        width: auto !important;
        height: auto !important;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset;
        max-width: 25vw;
    }

        div.pencere.alertkutusu.minik > div {
            min-width: 100%;
            box-shadow: 0 3px 1px -2px rgb(0 0 0 / 41%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
            border-radius: 5px;
        }

            div.pencere.alertkutusu.minik > div > div:nth-child(2) {
                font-size: var(--fs17);
            }

            div.pencere.alertkutusu.minik > div > div:last-child > button {
                width: 5vh;
                height: 5vh;
                font-size: var(--fs20);
                border-radius: 3px;
            }

            div.pencere.alertkutusu.minik > div > div:first-child {
                display: none;
            }

            div.pencere.alertkutusu.minik > div > div:last-child {
                padding-top: 0;
            }

    zet-liste:not([gtipi="grid"]) > div > ul > li {
        border-right: 1px solid var(--b1);
        box-sizing: border-box;
    }

    zet-liste:not([gtipi="grid"]) > div:nth-child(3) > ul > li:last-child {
        border-bottom: 1px solid var(--b1);
    }

    zet-liste[ysc] {
        width: 100%;
        height: 100%;
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
    }

        zet-liste[ysc] > div > ul {
            width: auto;
            display: inline-block;
            position: relative;
        }

            zet-liste[ysc] > div > ul > li {
                display: inline-block;
            }

                zet-liste[ysc] > div > ul > li > ul {
                    width: auto;
                    position: relative;
                }

                    zet-liste[ysc] > div > ul > li > ul > li:nth-child(2n) {
                        overflow: hidden;
                    }

                    zet-liste[ysc] > div > ul > li > ul > li {
                        display: inline-block;
                    }

        zet-liste[ysc] > div {
            width: auto;
            overflow: hidden;
            display: inline-block;
        }

            zet-liste[ysc] > div:nth-child(2) {
                overflow-y: auto;
            }

            zet-liste[ysc] > div > ul > li > ul > li:last-child {
                width: 20vw !important;
                background: transparent;
            }

            zet-liste[ysc]::-webkit-scrollbar,
            zet-liste[ysc] > div::-webkit-scrollbar {
                width: 1vh;
                height: 1vh;
            }

    zet-liste[fscreen] {
        position: fixed;
        top: 1.5vh;
        background: #fff;
        right: 1.5vh;
        z-index: 115;
        height: calc(100% - 3vh);
        width: calc(100% - 3vh);
        box-shadow: 0 0 50vh #272727;
        border-radius: 5px;
    }

    body.zlfscreen #yorumlar {
        z-index: 120 !important;
        top: 0;
        height: 100%;
    }

    .pencere.sagyuzenliste.minimize {
        position: fixed;
        z-index: 118;
        background: #fff;
        padding: 1vh;
        font-size: var(--fs17);
        border-radius: 5px;
        cursor: default;
        border: 1px solid #eaeaea;
        user-select: none;
        width: 0;
        overflow: initial;
        height: 0;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        display: none;
        transition: width 0.2s,height 0.2s;
    }

        .pencere.sagyuzenliste.minimize.acik {
            display: block;
            width: 24vh;
            height: auto !important;
            top: var(--otop) !important;
            left: var(--oleft) !important;
            max-height: 35vh;
            overflow: auto;
            transform: translate(0);
        }

        .pencere.sagyuzenliste.minimize > div.gorunuk:not(:first-child):not(:nth-child(2)):not(:last-child),
        .pencere.sagyuzenliste.minimize > div:not(:first-child):not(:last-child).secik {
            margin: 0.5vh 0;
        }

        .pencere.sagyuzenliste.minimize > div:last-child:not(.mcbk):not(:first-child) {
            display: none;
        }

        .pencere.sagyuzenliste.minimize > div:first-child {
            height: 5vh;
            padding: 0 2.5vh;
            box-sizing: border-box;
        }

            .pencere.sagyuzenliste.minimize > div:first-child > div.mcbk > div:not(:nth-child(2)):not(:last-child) {
                font-size: var(--fs15);
                width: 3vh;
            }

        .pencere.sagyuzenliste.minimize > div.mcbk {
            height: 4vh;
            border-radius: 5px;
            padding: 0.5vh;
            box-sizing: border-box;
        }

        .pencere.sagyuzenliste.minimize:not(.aramasiz) > div.mcbk:before {
            height: 1.5vh;
            content: '';
            width: 100%;
            position: absolute;
            top: calc(-1.5vh - 1px);
            background: #fff;
        }

        .pencere.sagyuzenliste.minimize > div.mcbk > div:not(:nth-child(2)):not(:last-child) {
            font-size: var(--fs17);
            width: 3vh;
        }

        .pencere.sagyuzenliste.minimize > div.mcbk > div:not(:nth-child(2)):not(:nth-child(3)) {
            display: none;
        }

        .pencere.sagyuzenliste.minimize > div.mcbk > div:nth-child(4) {
            display: block !important;
            position: absolute;
            left: 0.5vh;
            top: -3.5vh;
            height: 3vh;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            text-align: left;
        }

        .pencere.sagyuzenliste.minimize > div.mcbk > div:nth-child(3) {
            display: block !important;
            position: absolute;
            right: 0.5vh;
            top: -3.5vh;
            height: 3vh;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            text-align: right;
        }

    div.mcbk > div:nth-child(2) {
        width: calc(100% - 3vh);
    }

        div.mcbk > div:nth-child(2) > input {
            font-size: var(--fs15);
        }

    .pencere.sagyuzenliste.aramasiz > div.mcbk {
        height: 0;
        padding: 0;
        margin: 0;
    }

    .pencere.sagyuzenliste.minimize.aramasiz > div.mcbk > div:nth-child(3),
    .pencere.sagyuzenliste.minimize.aramasiz > div.mcbk > div:nth-child(4) {
        display: flex !important;
        align-items: center;
        top: -3.2vh;
    }

    #gecmismenu.ust > div:first-child {
        display: none;
    }

    #gecmismenu.ust {
        position: fixed;
        z-index: 103;
        top: 0;
        left: 13.2vh;
        height: 6.7vh;
        box-shadow: unset;
        width: 68vw;
        background: transparent;
    }

    body.menuacik #gecmismenu.ust {
        left: calc(var(--anamenu-width) + 7.3vh);
        width: 54vw;
    }


    #gecmismenu.ust > div:nth-child(2) > ul > li {
        width: 17vw;
        height: 4.7vh;
        min-height: unset;
        margin: 1vh 0.7vh;
        min-width: 0;
        transition: transform var(--animasyonsuresi),width var(--animasyonsuresi);
        background: #fff;
    }

        #gecmismenu.ust > div:nth-child(2) > ul > li.sil {
            transform: translateY(-7.7vw);
            width: 0;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #gecmismenu.ust > div:nth-child(2) > ul > li:hover:after,
        #gecmismenu.ust > div:nth-child(2) > ul > li.ekle:after {
            content: attr(detay);
            display: block;
            position: absolute;
            top: 5.7vh;
            padding: 1vh;
            font-size: var(--fs13);
            box-shadow: #a0a0a0 0vw 0vw 0.2vw;
            color: #fff;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            background: var(--fckoyu066);
            min-width: 15vw;
            text-align: center;
            border-radius: var(--inputborderradius);
        }

        #gecmismenu.ust > div:nth-child(2) > ul > li.acik {
            background: var(--a1);
            border-color: var(--a3);
            color: var(--b);
        }

        #gecmismenu.ust > div:nth-child(2) > ul > li > div:nth-child(2) {
            font-size: var(--fs15);
            overflow: hidden;
            white-space: pre;
            text-overflow: ellipsis;
        }

    #gecmismenu.ust > div:nth-child(2) > ul {
        display: flex;
    }


    #gecmismenu.ust {
        transform: unset;
        opacity: 1;
    }

        #gecmismenu.ust > div:nth-child(2) > ul > li.sabit > div:nth-child(2):before {
            content: '\f08d';
            font-family: var(--fonticon);
            margin-right: 0.5vh;
            color: var(--a);
        }


        #gecmismenu.ust > div:nth-child(2) > ul > div.loading {
            height: 5vh;
            transform: scale(0.5);
            margin: 1.35vh 0;
        }

    li#gecmismenub {
        display: none;
    }

    body.gorunum div.ustmenu > ul > li.zright#ayarmenub:after {
        content: '1';
        background: #ff4343;
        color: #fff;
        padding: 0.3vh;
        font-size: var(--fs14);
        border-radius: 50%;
        width: 1.2vh;
        height: 1.2vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: unset !important;
        right: 1vh;
        margin-top: 1.5vh;
        font-family: var(--font),sans-serif;
    }

    /*ust geçmiş menu bitiş*/

    .sagyuzenliste.aramasiz > div.mcbk > div:nth-child(2) {
        display: none;
    }

    zet-satir:not(.m) > alan:nth-child(n+4):not(:nth-child(2n-1)) {
        margin-left: 30%;
    }

    zet-satir[kolon='1']:not(.m) > alan:not(:nth-child(2)),
    zet-satir:not([kolon]):not(.m) > alan:not(:nth-child(2)) {
        margin-left: 30%;
    }


    zet-menu > ul > li:focus {
        outline-color: #000000;
        outline-width: 1px;
        outline-style: groove;
    }


    zet-liste:not([gtipi="grid"]) li.focus,
    zet-liste:not([gtipi="grid"]) li:focus {
        background: #eee;
        outline: 1px solid rgba(7, 14, 24, 0.25);
        outline-offset: -3px;
        border-radius: 6px;
    }

    zet-liste:not([gtipi="grid"]) li[satduz] li:focus {
        background: #f5ebc5;
        outline-color: #dac8a9;
        outline-style: auto;
    }

    #icerik > zet-liste[gtipi="grid"].load > div:nth-child(2):before {
        height: 35vh;
        clip-path: url(#gridiki);
    }

    zet-liste.load > div:nth-child(2):after {
        content: '';
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 35vh;
        background: linear-gradient( 180deg, rgba(255,255,255,0), #fff);
    }

    zet-liste:not([gtipi="grid"]):not([uzunsatir]) > div:nth-child(2) > ul:not(:empty) {
        border-bottom: 1px solid #EBE5E5;
    }

    zet-liste[uzunsatir]:not([gtipi="grid"]) > div:nth-child(2) > ul > li:last-child {
        border-bottom: 1px solid #EBE5E5;
        border-right: 0;
    }

    body.zmacik div.anamenu > div:first-child > div:first-child:hover:before {
        content: '\f00d';
        width: 5.7vh;
        height: 5.7vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        background: var(--a);
        font-size: var(--fs30);
        border-radius: 2vh;
    }

    div#menuler > div > zet-menu.anamenu > ul > li:nth-child(7) {
        display: none;
    }


    /*Modul Menü Sağ Tik*/

    .modulmenu.sagtik {
        z-index: 118;
        top: 0;
        height: 100%;
    }

    .modulmenu.sagtik {
        position: fixed;
        z-index: 123;
        background: #fff;
        padding: 1vh;
        font-size: var(--fs17);
        border-radius: 5px;
        cursor: default;
        border: 1px solid #eaeaea;
        user-select: none;
        width: 0;
        overflow: initial;
        height: 0;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
        display: none;
        transition: width 0.2s,height 0.2s;
    }

        .modulmenu.sagtik.modulmenuacik {
            display: block;
            width: 25vh;
            height: auto;
            padding: 1vh;
            top: 9vh;
            overflow: hidden;
            transform: translate(1vh, 1vh);
        }

    .modulmenu.sagtik {
        left: var(--sagtikleft);
    }

        .modulmenu.sagtik > li {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            border-bottom: 1px solid #f1f1f1;
            height: 3.5vh;
            border-radius: 5px;
            min-height: unset !important;
            width: 100%;
            box-sizing: border-box;
            padding: 0;
        }

            .modulmenu.sagtik > li > div:first-child {
                font-family: var(--fonticon);
                margin-right: 0.5vh;
                width: 3vh;
                height: 3.5vh;
                font-size: var(--fs17);
                text-align: center;
                color: var(--fckoyu);
            }

            .modulmenu.sagtik > li > div:nth-child(2) {
                color: var(--fckoyu);
                height: 3.5vh;
                font-size: var(--fs17);
            }

        .modulmenu.sagtik.dizayn > li.dizayn.dizaynekbtn {
            margin-top: 1vh;
            width: 4vh;
            border: 0;
            height: 3.4vh !important;
            border-radius: var(--inputborderradius);
        }

            .modulmenu.sagtik.dizayn > li.dizayn.dizaynekbtn > div:nth-child(2) {
                display: none;
            }

    /*Modul Menü Sağ Tik Bitiş*/




    /*BELA4*/
    body.bela4 div.icerikmenu {
        box-shadow: #e8e8e8 -0.01vw -0.2vh 1.1vw;
        float: left;
        width: calc(25% - 2vh);
        height: calc(67% - 7.7vh);
        overflow: hidden;
        background: #fff;
        display: block;
        height: calc(100% - 7.7vh) !important;
        margin: 2vh 0 0 2vh !important;
        border-radius: 5px;
        padding: 2vh;
        box-sizing: border-box;
    }

    body.bela4 #icerik {
        overflow-y: auto;
        background: transparent;
        box-shadow: unset;
        width: calc(75% - 4vh);
        float: left;
        clear: none;
        height: calc(100% - 7.7vh) !important;
        border-radius: 5px;
    }

    body.bela4 #belgeanadiv {
        overflow-y: auto;
        height: auto;
        position: absolute;
        background: #fff;
        box-shadow: 1vh 1vh 1vh -1vh #a0a0a0;
        /* transform: scale(0.95) translateY(-2.44%) translateX(2.56%);*/
    }

    body.bela4 .belgebaslik {
        position: relative;
        max-height: 45vh;
        width: 100%;
        box-shadow: unset;
    }

        body.bela4 .belgebaslik > div:first-child {
            /*margin-top: 1vh;*/
            height: 100%;
            padding: 2vh;
        }

            body.bela4 .belgebaslik > div:first-child + .alticerikmenu > div:first-child {
                display: none;
            }

    body.bela4 #belgeanadiv div.liste {
        overflow: hidden;
        height: auto !important;
        padding: 2vh;
    }


    body.bela4 #belgefooter > div:first-child {
        width: calc(33.5vw - 8vh);
    }

    body.bela4 #belgefooter > div:nth-child(2) {
        display: none;
    }

    body.bela4 #belgefooter > div:last-child {
        display: none;
    }

    body.bela4 #belgefooter > div#toplamlardiv {
        float: right;
        padding: 0 3vh;
    }

    body.bela4 div.icerikmenu > ul {
        flex-shrink: unset;
    }

    body.bela4 #sfbaslik,
    body.bela4 .alticerikmenu > div:nth-child(2),
    body.bela4 .disk > div:first-child > div:nth-child(2) {
        background: transparent;
    }

    body.bela4 .icerikmenu > ul > li {
        background: #f3f3f3;
        border-radius: var(--inputborderradius);
        width: 9vh;
        height: 9vh;
    }

    body.bela4 #sfbaslik {
        width: calc(100% - 5vh);
        z-index: 2;
        max-width: unset;
        margin: 0;
        height: auto;
        min-height: 7vh;
    }

    body.bela4 .icerikmenu > ul > li:not(:hover) > div:nth-child(2) {
        white-space: normal;
    }

    body.bela4 li#modulmenubtn {
        background: transparent;
        float: left;
        margin: 0 1vh 0 0;
        width: 3vh;
        height: 7vh;
        padding: 0;
    }

    body.bela4 #modulmenubtn:before {
        font-size: var(--fs25);
    }

    .bela4 #alt,
    .bela4 #sfbaslik:after {
        display: none;
    }

    body.bela4 .belgebaslik {
        transform: translateY(-2vh) !important;
    }

    body.bela4 .modulmenu {
        z-index: 100;
        top: 7.7vh;
        height: calc(100% - 7.7vh);
    }

    body.bela4:not([izahat="0"]) zet-liste,
    body.bela4:not([izahat="0"]) zet-liste > div:nth-child(2),
    body.bela4:not([izahat="0"]) zet-liste > div:nth-child(2) > ul {
        height: auto !important;
    }

    body.bela4 .icerikmenu > ul > li:not(.efatbektara):not(.eirsbektara).load > div:first-child:before {
        background: #f3f3f3;
        width: 9vh;
        height: 9vh;
        margin: 0;
        padding: 0;
    }

    body.bela4 #belgefooter {
        padding-bottom: 6vh;
    }

    body.bela4 .pencere.kucuk {
        z-index: 100;
        top: 7.7vh;
        height: calc(100% - 7.7vh);
    }


    /*BELA4*/

}
/*Landscape bitiş*/

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li:nth-child(2n) {
    height: auto;
    background: #fff;
    display: block;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li > ul {
    display: block;
    height: auto;
    overflow: hidden;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li:not(.gacik) > ul > li {
    display: block;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li > ul > li {
    height: auto;
    white-space: unset;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li > ul > li {
    font-size: var(--fs15);
}

zet-liste[uzunsatir]:not([grupfiltre]):not([gtipi="grid"]) > div:not(:first-child) > ul > li > ul > li:hover {
    background: unset;
    height: auto;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div > ul > li > ul > li.lmen {
    height: auto;
    padding: 0;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul > li > ul > li.lmen:empty:before {
    display: flex;
    align-items: center;
    justify-content: center;
}

zet-liste[uzunsatir]:not([grupfiltre]) > div:nth-child(2) > ul {
    background: unset;
}

zet-zenginmetin {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

    zet-zenginmetin > div {
        position: relative;
    }

        zet-zenginmetin > div > div[contenteditable] {
            height: 100%;
            outline: 0;
            padding: 2vh;
            box-sizing: border-box;
            background: #f9f9f9;
            border: 1px solid var(--inputbordercolor);
            color: var(--fckoyu);
            font-size: var(--fs18);
            overflow-x: hidden;
            overflow-y: auto;
            border-radius: var(--inputborderradius);
        }

            zet-zenginmetin > div > div[contenteditable]:empty:before {
                content: 'Birşeyler Yazın..';
                color: var(--b3);
            }

body:not(.app) li.paylar.share {
    display: none;
}

body.app li.paylar.saveas {
    display: none;
}

body.app .modulmenu .gera zet-boku {
    position: relative;
    background: #fff;
    border: 0;
    float: left;
    height: 4.8vh !important;
    display: none;
    position: absolute;
    top: 6.1vh;
    right: 1.7vh;
}

body.app .modulmenu .gera.acik zet-boku {
    display: flex !important;
}

body.app .modulmenu .gera:not(.acik) zet-boku {
    display: none !important;
}

div.liste.ozl > ul > li:not(:first-child) {
    background-color: #efefef !important;
}

div .liste.ozl > ul > li {
    width: 100%;
    border: 1px solid #fff;
}

    div.liste.ozl > ul > li:not(:first-child):hover {
        background: #f3f3f3;
    }

    div.liste.ozl > ul > li:not(:first-child) > label > ul > li:hover {
        background: #f9f9f9;
    }

.liste.ozl ul.liste:not(.grid) > li:not(:first-child):not(:hover).secili,
.liste.ozl ul.liste:not(.grid) > li:not(:first-child):active {
    background: #f3f3f3;
}

    .liste.ozl ul.liste:not(.grid) > li:not(:first-child):not(:hover).secili > label > ul > li:first-child,
    .liste.ozl ul.liste:not(.grid) > li:not(:first-child):active > label > ul > li:first-child {
        background: #f9806a;
    }

.liste.ozl ul.liste > li > label > ul {
    padding: 0;
    width: 100%;
}

.gorunum .modulmenu > li:not([nhde]):not(.listekbtn) {
    pointer-events: none;
}

.gorunum .modulmenu > li > input.kismu {
    pointer-events: all;
}
/*BU ALANI TÜM BİLDİRMLERİ GÖR,MESAJLARI,BELGE AYARLARINI YAPINCA KALDIR BAŞLANGIÇ */
#yorumlar > ul > li:last-child, #bildirimmenu > ul > li:last-child, #mesajmenu > ul > li:last-child {
    display: none;
}


#bildirimmenu > ul > li:nth-last-child(2):not(:last-child) {
    margin-bottom: 0;
}

#mesajmenu > ul > li:first-child:after {
    content: 'Mesaj Yok';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25vh;
    width: 100%;
    color: #A0A0A0;
    font-size: var(--fs25);
}

div.mliste > ul > li:nth-child(3),
div.mliste > ul > li:nth-child(4) {
    display: none;
}
/*TODO: DOGUKAN BU ALANI TÜM BİLDİRMLERİ,MESAJLARI YAPINCA KALDIR BİTİŞ */
.modulmenu li.filtre .fuzun > .sagyuzencombo.box {
    padding: 0.3vh 1.5vh !important;
    width: calc(100% - 2vh) !important;
}

.modulmenu li.filtre .fuzun .sagyuzencombo.le {
    padding-left: 2vh;
    white-space: pre;
    width: auto;
}

.modulmenu li.filtre .fuzun:after {
    display: none;
}

.modulmenu li.filtre .fuzun > div:first-child:after {
    display: none;
}

.sagyuzenliste.yuzuk {
    z-index: 116;
    top: 0;
    height: 100%;
}

    .sagyuzenliste.yuzuk > div:first-child {
        top: 1vh;
    }

    .sagyuzenliste.yuzuk > .mcbk {
        top: 0 !important;
    }

.anamenu > div > div:nth-child(3) > div > div:first-child {
    font-size: var(--fs20);
}

.anamenu > div > div:nth-child(3) > div > div:nth-child(2),
.anamenu .alt > div:nth-child(3) > .alt > div:nth-child(2) {
    font-size: var(--fs19);
}

.anamenu > div > div:nth-child(3) > div.alt > div:first-child,
.anamenu .alt > div:nth-child(3) > .alt > div:first-child {
    color: transparent;
}

.anamenu div.alt > div:nth-child(2):hover {
    font-weight: bold;
}

.anamenu div.alt.menudugmesec > div:nth-child(2) {
    text-decoration: underline;
}

.anamenu > div.menudugmesec > div:nth-child(3) > .alt:last-child {
    margin-bottom: 2vh;
}

satir-info {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
}

    satir-info.bg {
        background: rgb(212 194 1 / 5%);
        border: 1px solid rgb(212 194 1 / 20%);
        padding: 1vh;
        box-sizing: border-box;
        margin-bottom: 1vh;
        border-radius: 5px;
    }

    satir-info.hata.bg {
        background: rgb(255 67 67 / 5%);
        border: 1px solid rgb(255 67 67 / 20%);
    }

    satir-info.hata:before {
        color: #ff4343;
        content: '\f071';
    }

    satir-info > div {
        color: var(--fckoyu);
        height: auto;
        font-size: var(--fs16);
        margin-left: 3vh;
        overflow: hidden;
    }

    satir-info:before {
        content: '\F05A';
        font-family: var(--fonticon);
        color: var(--d);
        font-size: var(--fs22);
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        float: left;
    }

    satir-info.ok:before {
        content: '\f058';
        color: var(--c);
    }

    satir-info.bg.ok {
        background: var(--c1);
        border: 1px solid var(--c4);
    }

po-accordion {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

    po-accordion > bolum {
        position: relative;
        display: block;
        width: 100%;
        height: var(--accordionheight,4.7vh);
        border-radius: 0.7vh;
        box-sizing: border-box;
        margin: 1vh 0;
        overflow: hidden;
        border: 1px solid var(--b1);
    }

        po-accordion > bolum.acik {
            height: auto;
        }

        po-accordion > bolum:not(.acik):hover {
            border-color: var(--b2);
        }

        po-accordion > bolum > baslik {
            background: var(--b05);
            font-weight: bold;
            height: var(--accordionheight,4.7vh);
            padding: 1vh 2vh;
            box-sizing: border-box;
            font-size: var(--fs16);
            display: flex;
            align-items: center;
            justify-content: space-between;
            user-select:none;
        }

        po-accordion > bolum.acik > baslik {
            border-bottom: 1px solid var(--b1);
        }

        po-accordion > bolum > icerik {
            padding: 0;
            position: relative;
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: auto;
            transition: padding-top var(--animasyonsuresi);
        }

        po-accordion > bolum.acik > icerik {
            padding: 2vh;
        }

        po-accordion > bolum > baslik > span:last-child:before,
        po-accordion > bolum > baslik > span.menu:before {
            width: 2.7vh;
            height: 2.7vh;
            font-family: var(--fonticon);
            transition: transform var(--animasyonsuresi);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        po-accordion > bolum > baslik > span:last-child:before {
            content: '\f078';
        }

        po-accordion > bolum > baslik > span.menu:before {
            content: '\f141';
        }

    po-accordion[menulist] > bolum > baslik {
        justify-content: flex-start;
        padding: 1vh;
    }

    po-accordion > bolum > baslik > span:first-child.menu + span {
        width: calc(100% - 5.4vh);
        font-weight: normal;
    }

    po-accordion > bolum.acik > baslik > span:last-child:before {
        transform: rotate(180deg);
    }



.popbil {
    position: absolute;
    top: -100vh;
    color: #ffffff;
    background: #50b73e;
    padding: 1vh;
    cursor: default;
    margin: auto;
    border-radius: 3px;
    width: 15vmax;
    max-height: 14vmin;
    right: calc(50% - 7.5vmax);
    z-index: 123;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: #A0A0A0 0vw 0vw 0.5vw;
    transition: opacity 8s,top 0.5s;
    overflow: hidden;
    font-size: var(--fs20);
}

    .popbil.acik {
        top: 1.7vh;
        opacity: 0;
    }

    .popbil > div:first-child:before {
        content: '\f058';
        font-size: var(--fs20);
        font-family: var(--fonticon);
        padding-right: 1vh;
    }

ul.modulmenu ~ button.filtrele {
    position: absolute;
    bottom: 0;
    transform: translateX(-100vmax);
    width: 41.5vh;
    height: 7vh;
    font-size: var(--fs20);
    background: #fff;
    box-shadow: #f5f5f5 -0.1vw -0.2vw 0.5vw;
    color: var(--d11);
    outline: 0;
    z-index: 104;
    transition: transform var(--animasyonsuresi);
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}



ul.modulmenu.modulmenuacik.filtre ~ button.filtrele {
    transform: translateX(-2vh);
    padding: 1.574074074vh;
}

ul.modulmenu ~ button.filtrele:before {
    content: '\f0b0';
    margin-right: 1vh;
    font-size: var(--fs20);
    font-family: var(--fonticon);
}

ul.modulmenu.modulmenuacik ~ button.filtrele:hover {
    font-size: var(--fs22);
}

body:not(.menuacik) .anamenu:hover + .anablok ul.modulmenu.modulmenuacik.filtre ~ button.filtrele {
    transform: translateX(calc(var(--anamenu-width) - 9.7vh));
}

ul.modulmenu.modulmenuacik.filtre ~ button.filtrele:after,
body:not(.gorunum) .filtmenu > ul > li.filtrele:after {
    content: 'Filtrele';
}

body.gorunum ul.modulmenu.modulmenuacik ~ button.filtrele {
    transform: translateX(-2.5vh);
    padding: 1.574074074vh;
}

    body.gorunum ul.modulmenu.modulmenuacik ~ button.filtrele:before {
        content: '\f53f';
    }

    body.gorunum ul.modulmenu.modulmenuacik ~ button.filtrele:after {
        content: 'Kısayolları Kaydet';
    }

    body.gorunum ul.modulmenu.modulmenuacik ~ button.filtrele:hover {
        color: var(--a);
        cursor: pointer;
    }

body:not(.gorunum) div#ayarmenu > ul > li:nth-child(2) > div:nth-child(2):after {
    content: 'Görünüm Ayarları';
}

body.gorunum div#ayarmenu > ul > li:nth-child(2) > div:nth-child(2):after {
    content: 'Görünüm Ayarlarından Çık';
}

body.gorunum .filtmenu > ul > li.filtrele:before {
    content: '\f53f';
}

body.gorunum .filtmenu > ul > li.filtrele:after {
    content: 'Kısayolları Kaydet';
}

.filtmenu > ul > li.filtrele:hover {
    color: #ffffff;
}

div.htf > ul {
    display: grid;
    grid-template-columns: repeat(4,calc(25% - 0.40vh));
    grid-gap: 0.5vh;
}

    div.htf > ul > li {
        width: 100%;
        height: 5vh;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: var(--inputborderradius);
        border: 1px solid var(--inputbordercolor);
        font-size: var(--fs17);
        text-align: center;
        padding: 1vh;
        box-sizing: border-box;
    }

        div.htf > ul > li:hover {
            color: #fff;
            background: var(--a);
            border-color: var(--a);
        }


@media all and (display-mode: browser) and (orientation: portrait) {
    #fullekran:before {
        content: "\f065";
    }
}

@media all and (display-mode: standalone) and (orientation: portrait),(display-mode: fullscreen) and (orientation: portrait) {

    body:not([izahat='0']) #fullekran:before {
        content: '\f00d';
    }
}

.sekdiv > div {
    margin: 1vh 2vh;
    border-radius: var(--inputborderradius);
    position: relative;
    min-height: 10vh;
    cursor: default;
    user-select: none;
    border: 1px solid var(--b1);
    border-radius: 0.5vh;
    overflow: hidden;
}

zet-grupsatir {
    margin: 2vh;
    position: relative;
    min-height: 10vh;
    cursor: default;
    user-select: none;
    border: 1px solid var(--b1);
    display: block;
    border-radius: 0.25vh;
    overflow: hidden;
}

    zet-grupsatir > * {
        display: block;
    }

    .sekdiv > div:hover > div:not(:nth-child(3)),
    zet-grupsatir > baslik,
    zet-grupsatir > menu {
        font-weight: bold;
    }

    .sekdiv > div:not(.off):hover,
    zet-grupsatir:not([kapali]):hover {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    }

    .sekdiv > div > div:first-child,
    zet-grupsatir > baslik {
        background: var(--b05);
        padding: 1vh;
        width: auto;
        padding-left: 1vw;
        color: var(--fckoyu);
        font-size: var(--fs15);
    }


    .sekdiv > div > div:nth-child(2),
    zet-grupsatir > menu {
        float: left;
        font-family: var(--fonticon);
        position: absolute;
        right: 1vh;
        top: 0.75vh;
        color: var(--fckoyu);
        padding: 0.20vh 1vh;
        font-size: var(--fs20);
        transition: all 0.5s;
        border-radius: 50%;
    }

    zet-grupsatir > menu {
        margin: 0;
    }

    .sekdiv > div > div:nth-child(3),
    zet-grupsatir > alanlar {
        width: calc(100% - 4vh);
        padding: 2vh;
        font-size: var(--fs18);
        color: var(--fckoyu);
        text-align: center;
        overflow: hidden;
    }

        .sekdiv > div > div:nth-child(3) > img {
            width: auto;
            height: 25vh;
            object-fit: contain;
            border-radius: 1vh;
        }

    .sekdiv > div.off,
    zet-grupsatir[kapali] {
        min-height: 0;
    }

        .sekdiv > div.off > div:nth-child(3),
        zet-grupsatir[kapali] > alanlar {
            height: 0;
            padding: 0;
            overflow: hidden;
        }

        .sekdiv > div.off > div:nth-child(2),
        zet-grupsatir[kapali] > menu {
            transform: rotate(180deg);
        }

zet-path {
    height: 4vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    margin-bottom: 1vh;
    padding: 1vh;
    overflow-x: auto;
}

zet-path[required]:not([value]),
zet-path[required][value=""] {
    border-color: var(--e);
}

zet-satir > alan > zet-path {
    background: transparent;
    border: 1px solid var(--inputbordercolor);
    border-radius: var(--inputborderradius);
    height: 5vh;
    box-sizing: border-box;
}

zet-path > ul {
    border-radius: var(--inputborderradius);
    position: relative;
    height: 100%;
    float: left;
    overflow: hidden;
}

    zet-path > ul:nth-child(2) {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
        height: 100%;
        width: 100%;
    }

    zet-path > ul:first-child {
        width: calc(5.7vh - 2px);
        display: none;
    }

    zet-path > ul > li {
        float: left;
        height: 100%;
        padding: 0.5vh;
        font-size: var(--fs17);
        border-radius: 30px;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

        zet-path > ul > li:not(.yeni):not(.edit):after {
            font-size: var(--fs18);
            font-family: var(--fonticon);
            content: '\f054';
            color: #ddd;
            margin-left: 1vh;
            transition: transform;
        }

        zet-path > ul > li:hover:after {
            color: var(--fckoyu);
        }

zet-path li.acik:after {
    transform: rotate(90deg);
}

zet-path > ul > li:hover:after {
    color: #f9806a;
}

zet-path > ul > li.edit, zet-path > ul > li.yeni {
    font-family: var(--fonticon);
}

zet-path > ul > li.yeni {
    color: #f9806a;
}

zet-path > ul > li.edit {
    width: calc(100% - 2vh);
}


.zetsatduz zet-satir > alan > zet-path > ul:nth-child(2),
zet-path.altalta > ul:nth-child(2) {
    height: auto;
    width: 100%;
    display: block;
}

.zetsatduz zet-satir > alan > zet-path,
zet-path.altalta {
    min-height: 5vh;
    height: auto;
    border: 1px solid var(--inputbordercolor);
    background: transparent;
    border-radius: var(--inputborderradius);
    padding: 0;
}

    .zetsatduz zet-satir > alan > zet-path > ul > li,
    zet-path.altalta > ul > li {
        width: 100%;
        justify-content: flex-start;
        display: flex;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        padding: 0 1.3vh;
    }

zet-path > ul > li:has(> div:empty) + li {
    display: none;
}


.zetsatduz zet-satir > alan > zet-path > ul > li:not(.yeni):not(.edit):after,
zet-path.altalta > ul > li:not(.yeni):not(.edit):after {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.3vh;
}

.zetsatduz zet-satir > alan > zet-path > ul > li > div,
zet-path.altalta > ul > li > div {
    width: 100%;
    float: left;
    text-align: left;
    padding: 1.3vh 0 1.3vh 1.3vh;
}


.zetsatduz zet-satir > alan > zet-path > ul > li:hover:after,
zet-path.altalta > ul > li:hover:after {
    color: #444444;
}

.zetsatduz zet-satir > alan > zet-path > ul > li:last-child,
zet-path.altalta > ul > li:last-child {
    border-bottom: 0;
}

.zetsatduz zet-satir > alan > zet-path > ul > li:not(.yeni):not(.edit):not(:last-child):after,
zet-path.altalta > ul > li:not(.yeni):not(.edit):not(:last-child):after {
    transform: rotate(90deg);
    width: 2vh;
}

zet-satir > alan > zet-path {
    width: 100%;
}

zet-satir > alan:has(> zet-path) {
    height: auto;
}


zet-path > ul > li > div.sagyuzencombo:not(.ekle):empty:before {
    content: 'Seçiniz';
}

zet-path > ul > li > div.sagyuzencombo[placeholder]:not(.ekle):empty:before {
    content: attr(placeholder);
}



.disk.b > div:first-child {
    height: 5.7vh;
    border-radius: var(--inputborderradius);
}

    .disk.b > div:first-child > div:first-child, .disk.b > div:first-child > div:nth-child(2) {
        height: auto;
        padding: 0;
        margin: 0;
        font-size: var(--fs20);
        background: transparent;
    }

.disk.b.acik > div:first-child > div:first-child {
    transform: rotate(180deg);
}

.hsat > label > ul > li:first-child {
    font-family: var(--fonticon);
}

.hsat.load > label > ul > li:first-child {
    color: transparent;
}

    .hsat.load > label > ul > li:first-child:before {
        animation: dondur 1s infinite;
        transform: rotate(360deg);
        content: '\f1ce';
        color: #f9806a;
        position: absolute;
        background: #fff;
        font-size: var(--fs25);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }


body:not(.efir) .efir {
    display: none !important;
}

ul.modulmenu > li[kizahat='h'] {
    min-height: unset;
    transform: translateX(-100%);
    overflow: hidden;
}

div.icerikmenu > ul > li[kizahat='h'] {
    display: none;
}

.hsat.tekokut > label > ul > li:nth-child(3) {
    display: none !important;
}

    .hsat.tekokut > label > ul > li:nth-child(3) > input {
        pointer-events: none;
    }

/*

zet-input[sbas] > input:not(:checked) + label:before {
	content: var(--sbas,'') !important;
	overflow: hidden;
	background-size: 100%;
	background-repeat: no-repeat;
	object-fit: cover;
	font-family: var(--font),sans-serif;
	font-weight: bold;
	font-size: var(--fs15);
	text-transform: uppercase;
}

zet-input[avatar] > input:not(:checked) + label:after {
	content: '';
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	background: var(--avatar);
	background-size: contain;
	border:1px solid #dcdcdc;
	border-radius:var(--inputborderradius);
	z-index: 2;
}

zet-input[avatar] > input:not(:checked) + label {
	width: 4vh;
	height: 4vh;
}*/