/*#region Temel Ayarlar*/
html,body{height:100%;}
body[tip="bos"], html[tip="bos"]{min-height:100%; height:auto;}
body{font-family:'Quicksand', Arial, sans-serif; font-size:14px; font-weight:500; color:#000; background:#fff; line-height:normal;}

.yiluyari{position:relative; z-index:11;}
.yukaricik{width:40px; height:40px; position:fixed; z-index:99; background:#e92c6d; color:#fff; border-radius:50px; bottom:10px; right:10px; border:0;}

span, a, button, img{display:inline-block; line-height:normal;}
a, button{transition:.2s; border:none;}
a,a:hover{text-decoration:none;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {border-radius:10px; background-color:  rgba(0, 0, 0, 0.2); outline: 0;}

.sag::-webkit-scrollbar {width: 7px;}
.sag::-webkit-scrollbar-thumb {border-radius:10px; background-color:  #e92c6d; outline: 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    /*-webkit-background-clip: text;*/
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
}

input[type="text"]:not(.kucukharf), *[contenteditable="true"]{ text-transform:uppercase;}
input[type="text"]::placeholder{ text-transform:none;}
input[readonly]{background: repeating-linear-gradient(135deg, #eeeeee 0, #eeeeee 10%, transparent 0, transparent 50%) !important;
        background-size: 8px 8px !important;
        background-color: #ffffff !important;
        opacity: 1 !important}

.mobildegoster{display:none !important; }

*:focus{outline:none}
.dizi{display:flex; flex-wrap:wrap}
.dizi > * {padding:6px;}
.altpad > * {padding:6px;}
.dizi-np{display:flex; flex-wrap:wrap}

.sevkiyatverisec{padding:0 15px; background:rgba(0,0,0,0.1); font-size:14px;}
.sevkiyatverisec:hover{background:#6946E9; color:#fff;}
.sevkiyatverisec.aktif{background:#6946E9; color:#fff;}

.flex-height{display:flex; flex-direction:column; height:100%; flex-wrap:wrap;}
.flex-height-icerik{flex: 1; display: flex; flex-direction: column;}

.fast-spin {-webkit-animation: fa-spin 0.5s infinite linear; animation: fa-spin 0.5s infinite linear;}
.more-fast-spin {-webkit-animation: fa-spin 0.3s infinite linear; animation: fa-spin 0.4s infinite linear;}
.very-fast-spin {-webkit-animation: fa-spin 0.3s infinite linear; animation: fa-spin 0.3s infinite linear;}

.sayfayukleyici{position:fixed; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; left:0; top:0; background:#fff; z-index:999999;}
.ikonyukleyici { width: 40px; height: 40px; border: 2px solid rgba(0,0,0,0.5); border-radius: 50%; display: inline-block; box-sizing: border-box; position: relative; animation: pulse 1s linear infinite;}
.ikonyukleyici:after {content: ''; position: absolute; width: 40px; height: 40px; border: 5px solid rgba(0,0,0,0.8); border-radius: 50%; display: inline-block; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: scaleUp 1s ease-in infinite;}
.sayfayukleyici .bilgilendirme{padding-left:15px; max-width:50%}


.iframeyukleyici{position:fixed; display:flex; justify-content:center; align-items:center; width:100%; height:100%; left:0; top:0; z-index:1;}
.t-nowrap{white-space:nowrap;}


@keyframes scaleUp {
0% { transform: translate(-50%, -50%) scale(0) }
50% { transform:  translate(-50%, -50%)  scale(0.7); border-width: 3px;}
100%{ transform:  translate(-50%, -50%)  scale(0); }
}

@keyframes pulse {
0% { transform:  scale(0.2); opacity: 1; }
80% { transform:  scale(2); opacity: 0;  border-width: 1px;}
100%{ transform:  scale(1); opacity: 0; }
}

.bos{position:fixed; width:100%; height:40px; top:0; left:0; z-index:9; background:#fff;}

.yetkisizalan{background:#959aa6;}
.yetkisizalan .yaz{background:#fff; padding:80px}
.yetkisizalan .baslik{color:#727c93; font-weight:700; font-size:68px; line-height:68px;}
.yetkisizalan .kucukbaslik{color:#959aa6; font-weight:700; font-size:28px;}
.yetkisizalan .acikla{color:#444; font-weight:400; font-size:14px; margin-top:20px; padding-right:40px;}

.restl{padding:5px; border-radius:5px; background:rgba(0,0,0,0.6); left:70px; top:50%; transform:translateY(-50%); position:absolute; z-index:9999}
.restl:before{content:''; width:0; height:0; position:absolute; border-width: 8px; border-style: solid; border-color:transparent rgba(0,0,0,0.6) transparent transparent ; left:-16px; top:50%; transform:translateY(-50%);}


.hazirlaniyor {
  width: 12px;
  aspect-ratio: 1;
  display: flex;
  color: #FFF198;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 50%;
  background: 
    radial-gradient(circle 1px, currentColor 95%,#0000),
    linear-gradient(currentColor 50%,#0000 0) 50%/1px 70% no-repeat;
  animation: l1 4s infinite linear;
}
.hazirlaniyor:before {
  content: "";
  flex: 1;
  background:linear-gradient(currentColor 50%,#0000 0) 50%/1px 80% no-repeat;
  animation: inherit;
}
@keyframes l1 {
  100% {transform: rotate(1turn)}
}

.yuzer{max-width:255px; background:#fffce7e5; padding:10px; border-radius:10px; border:1px solid #f5e26a; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9998; box-shadow:rgba(0,0,0,0.4) 10px 5px 10px;}
.yuzer .aciklama{font-size:12px; padding-bottom:10px;}
.yuzer button{font-size:16px; font-weight:600; border-radius:5px; padding:10px 15px; margin:0 3px;}
.yuzer .yuzdur{position:absolute; bottom:100%; left:calc(50% - 10px); position:absolute; background:#FFF198; border-radius:5px 5px 0 0; color:#423a05; padding:5px 10px; cursor:move}
/*#endregion*/

.bilgiver{position:absolute; top:calc(100% + 10px); left:10px; background:#6946E9; box-shadow:#323cf6 0 0 10px; color:#fff; padding:10px; border-radius:10px; animation:golge 1s infinite;}
.bilgiver:after{content:''; border-width: 5px; border-style: solid; border-color: transparent transparent #6946e9 transparent; position:absolute; left:15px; top:-10px;}

@keyframes golge{
    0%{ box-shadow:#32a8f6 0 0 10px;}
    50%{ box-shadow:#323cf6 0 0 30px;}
    100%{ box-shadow:#32a8f6 0 0 10px;}
}

/*#region Tooltip*/
.ipucu{background:#6946E9; color:#fff; border-radius:5px;}
.ipucu .tooltip-inner{background:none; font-family:'Quicksand', Arial, sans-serif; font-size:12px; max-width:500px; display:inline-block;}
.ipucu.bs-tooltip-top .tooltip-arrow::before{border-top-color:#6946E9 !important}
.ipucu.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#6946E9 !important}
.ipucu.bs-tooltip-start .tooltip-arrow::before{border-left-color:#6946E9 !important}
.ipucu.bs-tooltip-end .tooltip-arrow::before{border-right-color:#6946E9 !important}
/*#endregion*/

/*#region Kutu*/
kutualan{position:fixed; top:0; left:0; display:block; height:100%; width:100%; background:#d2d1ebd7; z-index:9999; padding:40px 20px 0 20px; overflow:hidden;}
kutualan .kutu{background:#fff; border-radius:10px 10px 0 0; position:absolute; top:100%}
.kutupad{padding:20px;}
kutualan .kutu.buyuk{width:calc(100% - 40px); height:calc(100% - 40px);}
kutualan .kutu.kucuk{max-width:850px; width:100%; height:90%; right:20px;}
kutualan .kutu.orta{max-width:65%; width:100%; height:90%; right:20px;}
kutualan .kutu .kutukapat{position:absolute; height:30px; border-radius:10px 10px 0 0; background:#fe003e; color:#fff; font-size:16px; border:none; left:50%; transform:translateX(-50%); top:-30px; padding: 0 40px; text-align:center;}
kutualan .kutu .kutukapat:hover{background:#e92c6d}
kutualan .kutu .kutuicerik{height:100%; width:100%; overflow:hidden; border-radius:10px 10px 0 0;}
kutualan .kutu .kutuicerik iframe{height:100%; width:100%;}

@keyframes kutuGoster{
    0%{transform:scale(1) translateY(-50%)}
    1%{transform:scale(.5) translateY(-50%)}
    45%{ transform:scale(1.05) translateY(-50%)}
    80%{transform:scale(.95) translateY(-50%)}
    to{transform:scale(1) translateY(-50%)}
}

galerikutualan{position:fixed; top:0; left:0; display:block; height:100%; width:100%; background:#d2d1ebd7; z-index:9999; overflow:hidden;}
galerikutualan .kutu{ height:100%; background-color:none; text-align:center; position:relative; transform:scale(1); transform-origin:50% 50%; transition:transform .3s,opacity .2s; opacity:1; font-size:12px; top:50%; transform:translateY(-50%); padding:0;}
galerikutualan .kutu-kapat{position:absolute; right:0; top:0; color:#fff; font-size:30px; background:#e92c6d; width:50px; height:50px; text-align:center; line-height:50px; cursor:pointer;}
galerikutualan .kutu-kapat i{transition:.2s;}
galerikutualan .kutu-kapat:hover i{transform:rotate(90deg)}
galerikutualan .kutu .galeri{display:inline-block; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
galerikutualan .kutu .galeri img{border-radius:10px;}
galerikutualan .kutu .galeri .kucukresimler{margin-top:20px;}
galerikutualan .kutu .galeri .kucukresimler img{transition:.2s; cursor:pointer;}
galerikutualan .kutu .galeri .kucukresimler img:hover{transform:scale(1.1)}


ekstrakutualan{position:fixed; top:0; left:0; display:block; height:100%; width:100%; background:#d2d1ebd7; z-index:9999; padding:40px 20px 0 20px; overflow:hidden;}
ekstrakutualan .kutu{background:#fff; border-radius:10px 10px 0 0; position:absolute; top:100%}
.kutupad{padding:20px;}
ekstrakutualan .kutu.buyuk{width:calc(100% - 40px); height:calc(100% - 40px);}
ekstrakutualan .kutu.kucuk{max-width:700px; width:100%; height:80%; right:20px;}
ekstrakutualan .kutu .kutukapat{position:absolute; height:30px; border-radius:10px 10px 0 0; background:#fe003e; color:#fff; font-size:16px; border:none; left:50%; transform:translateX(-50%); top:-30px; padding: 0 40px; text-align:center;}
ekstrakutualan .kutu .kutukapat:hover{background:#e92c6d}
ekstrakutualan .kutu .kutuicerik{height:100%; width:100%; overflow:hidden; border-radius:10px 10px 0 0;}
ekstrakutualan .kutu .kutuicerik iframe{height:100%; width:100%;}
/*#endregion*/

/*#region Uyarı Kutu*/
uyari{position:fixed; top:0; left:0; display:block; height:100%; width:100%; background:#8c8ac4d7; z-index:9999; display:flex; overflow:hidden;}
uyari .uyarikutu{background:#fff; border-radius:0 0 10px 10px; max-height:450px; width:500px; position:absolute; top:-450px; left:50%; transform:translateX(-50%)}
uyari .uyarikutu.buyuk{width:80%;}
uyari .uyarikutu.orta{width:50%;}
uyari .uyarikutu .uyarikutukapat{position:absolute; height:40px; border-radius: 0 0 10px 10px; background:#6946E9; color:#fff; font-size:20px; border:none; right:30px;  bottom:-40px; text-align:center; padding:0 10px;}
uyari .uyarikutu .uyarikutukapat:hover{background:#6946E9}
uyari .uyarikutu .uyarikutuicerik{height:100%; width:100%; overflow:hidden; border-radius:10px 10px 0 0; padding:50px 40px;}
uyari .uyarikutu .uyarikutuicerik .yaz{padding:0 20px 0 40px;}
uyari .uyarikutu .uyarikutuicerik .yaz .baslik{font-size:28px; font-weight:700; margin-bottom:10px;}
uyari .uyarikutu .uyarikutuicerik .yaz .aciklama{font-size:14px; margin-bottom:20px; max-height:250px; overflow-y:auto;}
uyari .uyarikutu .uyarikutuicerik #uyariIkon{font-size:50px;}
uyari .uyarikutu .uyarikutuicerik .yaz button{font-size:16px; border-radius:10px; padding:10px 20px; color:#fff;}
uyari .uyarikutu .uyarikutuicerik .yaz button[tip=onayla]{background:#30C8AC;}
uyari .uyarikutu .uyarikutuicerik .yaz button[tip=kapat]{background:#e92c6d;}
uyari .uyarikutu .uyarikutuicerik .yaz button[tip=ozel]{background:#6946E9;}

uyari .inputalan{border-radius:10px; position:relative; border:1px solid rgba(0,0,0,0.1); margin-top:10px; }
uyari .inputalan input:not([type="checkbox"]), uyari .inputalan select{width:100%; position:relative; border:none; background:none; padding:12px; font-size:12px; font-weight:500; height:41px;}
uyari .inputalan span{position:absolute; padding:0 8px; background:#fff; font-size:12px; font-weight:700; left:10px; top:-8px; z-index:2;}
/*#endregion*/

/*#region Özel Uyarı Kutu*/
ozeluyari{position:fixed; top:0; left:0; display:block; height:100%; width:100%; background:#8c8ac4d7; z-index:9999; display:flex; overflow:hidden;}
ozeluyari .ozeluyarikutu{background:#fff; border-radius:0 0 10px 10px; max-height:450px; width:500px; position:absolute; top:-450px; left:50%; transform:translateX(-50%)}
ozeluyari .ozeluyarikutu .uyarikutukapat{position:absolute; height:40px; border-radius: 0 0 10px 10px; background:#6946E9; color:#fff; font-size:20px; border:none; right:30px;  bottom:-40px; text-align:center; padding:0 10px;}
ozeluyari .ozeluyarikutu .uyarikutukapat:hover{background:#6946E9}
ozeluyari .ozeluyarikutu .uyarikutuicerik{height:100%; width:100%; overflow:hidden; border-radius:10px 10px 0 0; padding:50px 40px;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz{padding:0 20px 0 40px;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz .baslik{font-size:28px; font-weight:700; margin-bottom:10px;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz .aciklama{font-size:14px; margin-bottom:20px;}
ozeluyari .ozeluyarikutu .uyarikutuicerik #uyariIkon{font-size:50px;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz button{font-size:16px; border-radius:10px; padding:10px 20px; color:#fff;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz button[tip=onayla]{background:#30C8AC;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz button[tip=kapat]{background:#e92c6d;}
ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz button[tip=ozel]{background:#6946E9;}
/*#endregion*/

/*#region Login*/
loginicerik{background:#131230; display:flex; align-items:center; justify-content:center; height:100%; width:100%;}
loginicerik .login{background:#fff; width:560px; border-radius:15px; box-shadow:#516fff79 0 40px 80px; border:1px solid rgba(0,0,0,0.15)}
loginicerik .loginbaslik{padding:20px 40px; border-bottom:1px solid rgba(0,0,0,0.1)}
loginicerik .gbikon{width:60px;}
loginicerik .hblogo{width:145px;}
loginicerik .yaz{padding:40px;}
loginicerik .yaz .baslik{font-size:28px; letter-spacing:-1px;}
loginicerik .yaz .aciklama{font-size:14px; margin-top:15px; padding-bottom:10px;}
loginicerik .yaz .inputalan{border-radius:10px; position:relative; border:1px solid rgba(0,0,0,0.1); margin-top:25px;}
loginicerik .yaz .inputalan input{position:relative; width:100%; position:relative; border:none; background:none; padding:20px;}
loginicerik .yaz .inputalan span{position:absolute; padding:0 8px; background:#fff; font-size:12px; font-weight:700; left:10px; top:-8px; z-index:2;}

loginicerik .yaz .girisbutonalan{margin-top:25px; }
loginicerik .yaz .girisbuton{transition: transform 0.6s; transform-style: preserve-3d; width:165px; height:60px; }
loginicerik .yaz .girisbuton.arkagoster {transform: rotateY(180deg);}
loginicerik .yaz button{width:100%; height:100%; background:#6946E9; color:#fff; border-radius:10px; border:0; font-weight:700; position:absolute;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
loginicerik .yaz .girisarka{width:100%; height:100%; position:absolute; border-radius:10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); background:#6946E9; display:flex; align-items:center; text-align:center; font-size:24px; color:#fff; justify-content:center;}
loginicerik .yaz .girisaciklama{padding-right:40px; font-size:12px;}
/*#endregion*/

/*#region Tepe*/
.tepe{display:flex; height:60px; border-bottom:1px solid rgba(0,0,0,0.1);  z-index:30; left:0; right:0; top:0;}
.tepe .solbaslik{height:60px; width:240px; display:flex; align-items:center; padding:0 20px; border-right:1px solid rgba(0,0,0,0.1); }
.tepe .solbaslik.kapali{height:60px; width:60px;}
/*.tepe .solbaslik.kapali .hblogo{display:none;}*/
.tepe .solbaslik .hblogo{width:110px; margin-top:5px;}
.tepe .solbaslik .btnsolmenu{font-size:23px; color:#888; cursor:pointer; transition:.2s;}
.tepe .solbaslik .btnsolmenu:hover{transform:scale(1.1); color:#7664B2}
.tepe .yilsecimi{width:100px; height:100%; display:flex; position:relative;}
.tepe .yilsecimi .yilsecimibuton{width:100%; height:100%; display:flex; align-items:center; justify-content:space-around; color:#fff; border:none;}
.tepe .yilsecimi:hover .yilsecimibuton{background:#6946E9;}
.tepe .yilsecimi .yilsecimibuton span{font-size:16px;}
.tepe .yilsecimi:hover{}
.tepe .yilsecimi .yilsecliste{background:#6946E9; position:absolute; top:100%; display:none; width:100%; height:250px; overflow-y:auto;}
.tepe .yilsecimi .yilsecliste button{display:block; width:100%; font-size:16px; color:#fff; background:none; border:none; text-align:left; padding:10px 15px; border-bottom:1px solid rgba(255,255,255,0.1)}
.tepe .yilsecimi .yilsecliste button:hover{background:#30C8AC;}


.tepe .yilsecimi .yilsecliste::-webkit-scrollbar {width: 5px;}
.tepe .yilsecimi .yilsecliste::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.8);}
.tepe .yilsecimi .yilsecliste::-webkit-scrollbar-thumb {border-radius:10px; background-color: rgba(0, 0, 0, 0.5); outline: 0;}

.tepe .aramaalan{width:450px; height:100%; display:flex;}
.tepe .aramaalan .arama{width:calc(100% - 60px);}
.tepe .aramaalan .arama input{height:100%; padding:0 15px; font-size:14px; width:100%; background:#ffdc0012}
.tepe .aramaalan .arama input.txtB2BlerAra{height:100%; padding:0 15px; font-size:14px; width:100%; background:#ffdc0012; animation:aramaArkaPlanRenkDegis 0.5s infinite;}
@keyframes aramaArkaPlanRenkDegis {
    0% {
        background: #ffdc0012;
    }

    50% {
        background: #ff750038;
    }

    100% {
        background: #ffdc0012;
    }
}


.tepe .aramaalan .arama input.txtB2BlerAra::placeholder{font-weight:700; font-size:12px;}
.tepe .aramaalan input{border:none; width:calc(100% - 60px); padding:0 15px; font-size:14px;}
.tepe .aramaalan button{width:60px; height:60px; background:#FFF198; color:#AE731B; border:none; font-size:24px;}
.tepe .ustbar{height:100%;}
.tepe .ustbar .kullanicibar{float:right; padding:0 30px;}
.tepe .ustbar .kullanici{margin:0 15px;}
.tepe .ustbar .kullanicibar .kullanici .adi{font-size:14px; color:#7664B2; font-weight:700; line-height:normal;}
.tepe .ustbar .kullanicibar .kullanici .yetkisube{font-size:11px; color:#555; font-weight:500;}
.tepe .ustbar .kullanicibar .btnayarlar, .tepe .ustbar .kullanicibar .btncikis{background:none; border:none; color:#7664B2; font-size:18px; margin:0 5px;}
.tepe .ustbar .kullanicibar .btnayarlar:hover, .tepe .ustbar .kullanicibar .btncikis:hover{transform:scale(1.2)}

.stdacilirmenu{position:absolute;top:100%;background:#fff; padding:0; font-size:12px; border-radius:5px;border:1px solid #6946e951; box-shadow:#1b0e4a31 0 10px 20px; }
.stdacilirmenu button{display:block; background:none; padding:10px 15px; border:0; border-bottom:1px solid rgba(0,0,0,0.1); white-space:nowrap; width:100%; text-align:left;}
.stdacilirmenu button.farkli{background:#fff19851;}
.stdacilirmenu button:hover{background:#6946E9; color:#fff;}
.stdacilirmenu button:hover i{color:#fff !important;}
.stdacilirmenu[tip=sag]{right:0;}
.stdacilirmenu[tip=sag]:before{content:''; border-width: 5px; border-style: solid; border-color: transparent transparent #6946e951 transparent; position:absolute; right:15px; top:-10px;}
.stdacilirmenu[tip=sol]{left:0;}
.stdacilirmenu[tip=sol]:before{content:''; border-width: 5px; border-style: solid; border-color: transparent transparent #6946e951 transparent; position:absolute; left:15px; top:-10px;}
.stdacilirmenu .ayrac{padding:2px 0; border-bottom:1px dashed rgba(0,0,0,0.2); width:100%; display:block;}

select.siparisdurumsecimi{font-family:'Quicksand', 'Font Awesome 6 Pro', Arial; }
/*#endregion*/

icerik{display:flex; padding-top:60px; height:100%; width:100%;}
icerik .stdbaslik{font-size:20px; letter-spacing:-1px; margin-bottom:10px;}
.grafiktipsec{padding:5px 10px; background:#a184ff1A; color:rgba(0,0,0,0.7); border-radius:5px; font-size:11px; font-weight:500;}
.grafiktipsec:hover{background:#a184ff; color:#fff;}
.grafiktipsec.aktif{background:#30C8AC; font-weight:700; color:#fff; }

/*#region Sol Menü*/
icerik .sol{width:240px;border-right:1px solid rgba(0,0,0,0.1); background:#fff;}
icerik .sol .solmenu{overflow-y:auto; padding:20px 15px; height:100%;}
icerik .sol .solmenu .ustsayfa{font-size:10px; letter-spacing:2px; font-weight:700; color:rgba(0,0,0,0.4); margin-bottom:5px; border-bottom:1px solid rgba(0,0,0,0.05); padding:10px;}
icerik .sol .solmenu .btnsolmenu{display:flex; flex-wrap:wrap; align-items:center; transition:.2s; padding:10px; border-radius:7px; margin:5px 0;}
icerik .sol .solmenu .btnsolmenu.aktif, icerik .sol .solmenu .btnsolmenu:hover{background:#F8F7FC;}
icerik .sol .solmenu .btnsolmenu.aktif .ikon, icerik .sol .solmenu .btnsolmenu:hover .ikon{color:#6946E9;}
icerik .sol .solmenu .btnsolmenu .anamenu{display:flex; align-items:center;}
icerik .sol .solmenu .btnsolmenu .ikon{color:#aaa; font-size:18px; margin-right:10px; transition:.2s; width:22px;}
icerik .sol .solmenu .btnsolmenu .adi{color:#555; font-size:12px; font-weight:600;}
icerik .sol .solmenu .btnsolmenu .btnmenuac{font-size:12px; background:#fff; color:rgba(0,0,0,0.4); width:20px; height:20px; text-align:center; border-radius:5px; transition:.2s; border:none;}
icerik .sol .solmenu .btnsolmenu .btnmenuac:hover{background:#887CB4; color:#fff; transform:scale(1.1);}
icerik .sol .solmenu .btnsolmenu .btnacilirmenu:nth-of-type(1){margin-top:15px;}
icerik .sol .solmenu .btnsolmenu .btnacilirmenu{font-size:12px; color:#555; margin:5px 0; padding:5px 0 0 32px; position:relative; display:block;}
icerik .sol .solmenu .btnsolmenu .btnacilirmenu.aktif, icerik .sol .solmenu .btnsolmenu .btnacilirmenu:hover{color:#6946E9;}
icerik .sol .solmenu .btnsolmenu .btnacilirmenu.aktif:before, icerik .sol .solmenu .btnsolmenu .btnacilirmenu:hover:before{content:''; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #887CB4; position:absolute; top:50%; transform:translateY(-50%); left:20px;}
/*#endregion*/

icerik .sag{flex: 1 0 0%; height:100%; overflow-y:scroll; padding:10px; transition:.2s}

/*#region Ana Sayfa*/
.sag .stdkutu{width:100%; border-radius:10px; padding:10px; max-height:100%; flex:1; position:relative;}


.sag .stdkutu .kutuic{width:100%; border-radius:10px; padding:15px; max-height:100%;}
.sag .stdkutu .kutuic .yazic:nth-of-type(1){margin:0 0 15px 0;}
.sag .stdkutu .kutuic .yazic:nth-last-of-type(1){margin:15px 0 0 0;}
.sag .stdkutu .kutuic .stdbaslik{margin-bottom:0;}

.sag .stdkutu .kutuic .kasa{position:absolute; right:0; top:0; background:#0099F8; color:#fff; border-radius:5px; padding:5px 10px;}

.sag .stdkutu .yaz:nth-of-type(1){margin:0 0 15px 0;}
.sag .stdkutu .yaz:nth-last-of-type(1){margin:15px 0 0 0;}

.sag .stdkutu .yaz{margin:15px 0;}
.sag .stdkutu .minibaslik{font-size:12px; color:rgba(0,0,0,0.6); letter-spacing:0;}
.sag .stdkutu .miniacikla{font-size:14px;}
.sag .stdkutu .acikla{font-size:24px;}

.apexcharts-bar-series g path{fill:#6946E9;}
.apexcharts-tooltip * {font-family: 'QuickSand', sans-serif !important;}
.apexcharts-tooltip{font-family: 'QuickSand', sans-serif !important;}
.apexcharts-canvas *{font-family: 'QuickSand', sans-serif !important;}
.sag .stdkutu .donutgrafik .apexcharts-legend{top: 50% !important; position: absolute !important; transform: translateY(-50%); bottom:auto;}
.sag .stdkutu .donutgrafik .apexcharts-datalabels{text-shadow:none !important;}
.sag .stdkutu .donutgrafik .apexcharts-datalabels text{text-shadow:none !important; font-size:10px; transform:translate(5%);}
.sag .stdkutu .donutgrafik .apexcharts-datalabels rect{transform:translate(5%); fill:#251857 !important;}



.sag .stdkutu #satisgrafik{position:relative;}
.sag .stdkutu #satisgrafik .yuklet{top: 40% !important; left:50% !important; position: absolute !important; transform: translate(-50%, -50%); font-size:40px;}


.tahsilatikon{color:#30C8AC; font-size:62px;}
.siparisikon{color:#6946E9; font-size:62px;}
.sag .stdkutu #sonTahsilatlarNav button{background:none; border:none; font-size:20px;}
.sag .stdkutu #sonSiparislerNav button{background:none; border:none; font-size:20px;}
.sag .stdkutu .carousel{margin-top:20px; letter-spacing:0;}

.stdkutu .stdkutubuton{border:none; font-size:12px; font-weight:700; padding:10px 15px; margin:0 3px; border-radius:5px; background:#6946E91A;}
.stdkutu .stdkutubuton:hover{background:#6946e95a;}
.stdkutu .stdkutubuton.aktif{background:#30C8AC; color:#fff;}
.stdkutu .stdkutubuton.aktif2{background:#B4174D; color:#fff;}

.stdkutu .liste{max-height:400px; overflow-y:scroll; margin-top:20px; padding:0 15px;}
.stdkutu .liste table{width:100%; border:none;}
.stdkutu .liste tbody{}
.stdkutu .liste tr{border-bottom:1px solid rgba(0,0,0,0.1);}
.stdkutu .liste td{padding:15px 0;}
.stdkutu .liste td:nth-of-type(1){width:70px;}
.stdkutu .liste td .resim{width:50px; height:50px; overflow:hidden; border-radius:50px; text-align:center; border:1px solid rgba(0,0,0,0.1)}
.stdkutu .liste td button.ikon{width:50px; height:50px; overflow:hidden; border-radius:50px; text-align:center; border:none;}
.stdkutu .liste td button.ikon i{font-size:22px;}
.stdkutu .liste td .resim img{width:110%;}
.stdkutu .liste td .kod{font-size:14px; font-weight:700; display:block;}
.stdkutu .liste td .aciklama{font-size:12px; display:block;}
.stdkutu .liste td .bveri{font-size:12px; display:block;}
.stdkutu .liste td .bveri b{font-size:22px;}
.stdkutu .liste td .overi b{font-size:18px;}
.stdkutu .liste td .kveri{font-size:12px; display:block;}

.stdkutu .listeplasiyer{max-height:800px; overflow-y:scroll; margin-top:10px; padding:0 15px;}
.stdkutu .listeplasiyer table{width:100%; border:none;}
.stdkutu .listeplasiyer tbody{}
.stdkutu .listeplasiyer tr{border-bottom:1px solid rgba(0,0,0,0.1);}
.stdkutu .listeplasiyer td{padding:0px 0;}
.stdkutu .listeplasiyer td:nth-of-type(1){max-width:70px;}
.stdkutu .listeplasiyer td .resim{width:40px; height:40px; overflow:hidden; border-radius:50px; text-align:center; border:1px solid rgba(0,0,0,0.1)}
.stdkutu .listeplasiyer td button.ikon{width:40px; height:40px; overflow:hidden; border-radius:50px; text-align:center; border:none;}
.stdkutu .listeplasiyer td button.ikon i{font-size:18px;}
.stdkutu .listeplasiyer td .resim img{width:110%;}
.stdkutu .listeplasiyer td .kod{font-size:14px; font-weight:700; display:block;}
.stdkutu .listeplasiyer td .aciklama{font-size:11px; display:block;}
.stdkutu .listeplasiyer td .bveri{font-size:12px; display:block;}
.stdkutu .listeplasiyer td .bveri b{font-size:22px;}
.stdkutu .listeplasiyer td .overi b{font-size:18px;}
.stdkutu .listeplasiyer td .kveri{font-size:12px; display:block;}

/*#endregion*/

/*#region Plasiyer*/
.donut-chart {position: relative; width: 54px; height: 54px; border-radius: 100%; background:rgba(0,0,0,0.1)}
.portion-block {border-radius: 50%; clip: rect(0px, 54px, 54px, 27px); height: 100%; position: absolute; width: 100%; transform: rotate(0deg);}
.donut-chart .yuzde {border-radius: 50%; clip: rect(0px, 27px, 54px, 0px); height: 100%; position: absolute; width: 100%; font-family: monospace; font-size: 1.5rem;}
.donut-chart .center {background: #fff; justify-content:center; display:flex; align-items:center; position: absolute; top:0;left:0;bottom:0;right:0; width: 50px; height: 50px; margin: auto; border-radius: 50%;}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(var(--rotation-degree));
    }
}
/*#endregion*/

/*#region Grafik Donut*/
@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

.pie {
  --p:20;
  --b:6px;
  --c:#6946E9;
  --w:70px;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;
  margin:5px;
  place-content:center;
  font-weight:700;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p {
  from{--p:0}
}
/*#endregion*/


/*#region Tablo Bilgileri*/
.tablobilgileri{border-radius:10px; overflow:hidden; padding:10px; margin-bottom:15px; position:relative; z-index:20;}
.tablobilgileri.np{margin:0 !important; z-index:21;}
.tablobilgileri .kodara{border-radius:10px; border:1px solid #30C8AC4D; background:none; position:relative;}
.tablobilgileri .kodara i{position:absolute; right:15px; font-size:24px; top:50%; transform:translateY(-50%); color:#12a48970;}
.tablobilgileri .kodara input{width:180px; font-size:18px; background:none; border:none; padding:5px 30px 5px 10px; font-weight:700;}
.tablobilgileri .kodara input::placeholder{color:rgba(0,0,0,0.4); letter-spacing:-0.5px; font-size:16px}

.tablobilgileri .kodara.sabitle{background:#fff; position:fixed; top:0; left:30px; width:220px; z-index:100; padding:10px; border-bottom:1px solid #6946e92d; box-shadow:#273f9d3b 0 20px 40px; border-radius:0 0 0 10px; height:55px;}
.tablobilgileri .ozelyilsec.sabitle{position:fixed; top:0; left:248px; width:100px; background:#6946E9; z-index:100; padding:5px 15px; border-bottom:1px solid #6946e92d; box-shadow:#273f9d3b 0 20px 40px; border-radius:0; height:55px;}
.tablobilgileri .anabaslik.sabitle{background:#9f86f6; position:fixed; top:0; left:348px; z-index:100; padding:5px 15px; border-bottom:1px solid #6946e92d; box-shadow:#273f9d3b 0 20px 40px; border-radius:0 0 10px 0; height:55px; font-size:11px; color:#fff; display:flex; align-items:center; flex-wrap:wrap;}
.tablobilgileri .anabaslik.sabitle .yaz > *{display:block; color:#fff !important; width:100%;}
.tablobilgileri .anabaslik.sabitle .mar-bottom-10{margin-bottom:0 !important; margin-right:10px;}

.tablobilgileri .ozelyilsec{border-radius:10px; border:none; background:#6946E9; color:#fff; font-weight:700; font-size:18px;}
.tablobilgileri .subesec{border-radius:10px; border:1px solid rgba(0,0,0,0.1); background:#FFF198; font-weight:700; font-size:14px; margin-right:10px;}
.tablobilgileri .parent.aciklama{max-width:400px; width:50%}
.tablobilgileri #aciklama{max-width:400px; width:100%}
.tablobilgileri span:has(> #aciklama){max-width:400px; width:100%}
.tablobilgileri input:not([type=checkbox]), .tablobilgileri select{padding:0 10px; height:32px;}

.tablobilgileri button.sayfayenile{background:#30C8AC; color:#fff; padding:0; border-radius:50px;}
.tablobilgileri button.sayfayenile:hover{background:#04a083;}
.tablobilgileri button.sayfayenile i{margin:0;}

.tablobilgileri button.aktar, .tablobilgileri button.onayla{background:#30C8AC; color:#fff; padding:0; border-radius:50px; width:40px; height:40px;}
.tablobilgileri button.aktar:hover, .tablobilgileri button.onayla:hover{background:#04a083;}
.tablobilgileri button.aktar i, .tablobilgileri button.onayla i{margin:0;}
.tablobilgileri button.aktar img, .tablobilgileri button.onayla img{width:25px;}


.tablobilgileri button.gerigit{background:#e92c6d; color:#fff; padding:0; border-radius:50px;}
.tablobilgileri button.gerigit:hover{background:#b72c5c;}
.tablobilgileri button.gerigit i{margin:0;}

.tablobilgileri table{--border: 1px solid rgba(0,0,0,0.1); border-collapse: separate; border-radius: 7px; border: var(--border); border-spacing: 0; overflow:hidden; padding:0;}
.tablobilgileri table tr{}
.tablobilgileri table td:not(:last-child) { border-right: var(--border);}
.tablobilgileri table > tbody > tr:not(:last-child) > td, .tablobilgileri table > tr:not(:last-child) > td, .tablobilgileri table > tbody:not(:last-child) { border-bottom: var(--border);}

.tablobilgileri table tr td{padding:5px 10px;}
.tablobilgileri table tr td:nth-of-type(odd){width:70px; font-size:10px;}
.tablobilgileri table tr td:nth-of-type(even){width:140px; font-size:14px;}

.tablobilgileri tbody tr td.duzenle{position:relative;}
.tablobilgileri tbody tr td.duzenle:hover{background:#fff;}
.tablobilgileri tbody tr td.duzenle:hover:before{content:'\f303'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:rgba(0,0,0,0.2)}
.tablobilgileri tbody tr td .duzenle:hover{}
.tablobilgileri tbody tr td .duzenle:hover:before{content:'\f303'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:rgba(0,0,0,0.2)}

.tablobilgileri .masraflar{border-top: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); border-radius: 7px; border-spacing: 0; overflow:hidden; padding:0;}
.tablobilgileri .masraflar .col-4{border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.tablobilgileri .masraflar .col-4:nth-of-type(1){border-top-left-radius:7px;}
.tablobilgileri .masraflar .col-4:nth-of-type(3){border-top-right-radius:7px;}
.tablobilgileri .masraflar span{display: inline-flex; align-items: center; box-sizing:border-box; padding:0 5px;}
.tablobilgileri .masraflar span:nth-of-type(odd){width:70px; font-size:10px; }
.tablobilgileri .masraflar span:nth-of-type(even){width:140px; font-size:14px; }
.tablobilgileri .masraflar span.duzenle{position:relative; cursor:text;}
.tablobilgileri .masraflar span.duzenle:hover{background:#fff;}
.tablobilgileri .masraflar span.duzenle:hover:before{content:'\f303'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:rgba(0,0,0,0.2)}

.tablobilgileri .harfsec{background:#36a2a57b; color:#fff; border-radius:5px; padding:3px 7px; font-size:12px; border:none;}
.tablobilgileri .harfsec:hover{background:#098c90;}
.tablobilgileri .harfsec.aktif{background:#fc9b00;}

/*.tablobilgileri.toplamlar{position:absolute; left:calc(100% - 20px); bottom:10px; background:#fff;}
.tablobilgileri.toplamlar:hover{left:auto; right:0; padding-right:20px; bottom:10px; background:#fff;}
*/
/*#endregion*/

/*#region Tablo*/
.tablo{border-radius:10px 10px 0 0; position:relative;}

.tariharaligi{position:relative;}
.tariharaligi input{width:130px; border-radius:5px; font-weight:700; border:1px solid rgba(0,0,0,0.2); margin-right:5px; padding:5px 10px;}
.tariharaligi input.tariharaligisec{width:200px; border-radius:5px; font-weight:700; border:1px solid rgba(0,0,0,0.2); margin-right:5px; padding:5px 10px;}
.tariharaligi i{font-size:18px; margin-left:5px; cursor:pointer; color:#0b987e; transition:.2s;}
.tariharaligi i:hover{transform:scale(1.2)}
.tariharaligi span.tariharaligibaslik{font-size:10px; position:absolute; left:5px; top:-8px; background:#fff; padding:0 5px;}

.tablo .tablobaslik{height:60px; z-index:10; background:#fff; overflow:hidden; border-radius:10px 10px 0 0; border-width:1px 1px 0 1px; border-color: rgba(0,0,0,0.1); border-style:solid; position:sticky; top:-12px}
.tablo .tablobaslik .baslikalan{padding-left:20px;}
.tablo .tablobaslik .baslik{font-size:20px;}
.tablo .tablobaslik .aciklama{font-size:12px; color:rgba(0,0,0,0.5)}
.tablo table{width:100%; position:relative; z-index:1;}
.tablo thead{ border-top:1px solid rgba(0,0,0,0.1);}
.tablo thead tr{position:sticky; top:46px; z-index:10;}

body[tip=bos] .tablo thead tr{position:sticky; top:-20px; z-index:10;}

body[tip=bos] .tablo .tablobaslik{position:sticky; top:20px; height:60px; z-index:10; background:#fff; overflow:hidden; border-radius:10px 10px 0 0; border-width:1px 1px 1px 1px; border-color: rgba(0,0,0,0.1); border-style:solid;}
body[tip=bos] .tablo thead tr{position:sticky; top:79px; z-index:10;}
body[tip=bos] .tablo thead tr:nth-of-type(odd){top:79px; z-index:10;}
body[tip=bos] .tablo thead tr:nth-of-type(even){top:116px; z-index:10;}

.tablo .buton{font-size:18px; padding: 0 20px; position:relative;}
.tablo a.buton{line-height:60px;}
.tablo a.buton.sepettipi{background:#d5ddd4; color:#6c806b; font-weight:700;}
.tablo a.buton.sepettipi:hover{background:#0da78a; color:#fff;}
.tablo a.buton.sepettipi.aktif{background:#30C8AC; color:#fff;}

.tablo .buton .say{position:absolute; right:3px; top:3px; background:#FFF198; font-size:10px; font-weight:700; padding:0 3px; color:#3d370e; border-radius:5px;}
.tablo .buton.btnozelfiltre{background:#6946E9; color:#fff;}
.tablo .buton.btnozelfiltre:hover{background:#4b27cc;}

.tablo th{background:#EFEBFE; font-size:10px; padding:10px; border:1px solid rgba(0,0,0,0.1); border-top:none; border-bottom:none;}
.tablo th:not(.sorting){cursor:default;}

.tablo th:hover{background:#d2c6ff;}
.tablo tbody{}
.tablo tbody tr{background:#fff; transition:.2s;}
.tablo tbody tr:hover{background:#d5ccef33 !important;}
.tablo tbody tr td{  border:1px solid rgba(0,0,0,0.1); font-size:12px; padding:10px; position:relative;}
.tablo tbody tr:nth-last-of-type(1){border-radius:0 0 10px 10px;}
.tablo tbody tr:nth-last-of-type(1) td:nth-of-type(1){border-bottom-left-radius:10px;}
.tablo tbody tr:nth-last-of-type(1) td:nth-last-of-type(1){border-bottom-right-radius:10px;}


.tablo tbody tr td .resim.kutuacgaleri{cursor:pointer; transition:.2s;}
.tablo tbody tr td .resim.kutuacgaleri:hover{transform:scale(1.2)}
.tablo tbody tr td .resim.kutuacgalerisrc{cursor:pointer; transition:.2s; object-fit: cover;}
.tablo tbody tr td .resim.kutuacgalerisrc:hover{transform:scale(1.2)}

.tablo tbody tr td.duzenle{transition:.2s; position:relative;}
.tablo tbody tr td .duzenle{cursor:text; position:relative;}
.tablo tbody tr td input.duzenle{width:100%; height:100%; border:none; background:none; text-align:center;}

.tablo tbody tr td.duzenle:hover{background:#fff;}
.tablo tbody tr td.duzenle:hover:before{content:'\f303'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:rgba(0,0,0,0.2)}
.tablo tbody tr td .duzenle:hover{}
.tablo tbody tr td .duzenle:hover:before{content:'\f303'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:rgba(0,0,0,0.2)}
.tablo tbody tr td .spn.duzenle:hover:before{left:5px; top:-20px;}

.tablo tbody tr td .tabloselect{height:100%; width:100%; border:none; display:block; position:absolute; top:0; left:0; padding:5px 10px; background:#fff;}
.tablo tbody tr td .tabloselect:hover{background:#6946E9; color:#fff;}
.tablo tbody tr td .tabloselect:focus{background:#6946E9; color:#fff;}

.tablo tbody tr td .tabloinput{height:100%; width:100%; border:none; display:block; position:absolute; top:0; left:0; padding:5px 10px; background:#fff;}



.tablo tbody tr td.fazla:before{content:'\f062'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:#30C8AC}
.tablo tbody tr td.eksik:before{content:'\f063'; position:absolute; left:5px; top:5px; font-family:'Font Awesome 6 Pro'; color:#e92c6d}

.tablo tbody tr td:not(.duzenle){cursor:default;}
.tablo tbody tr.ilerle td:not(.duzenle){cursor:pointer;}
.tablo tbody tr .ozelipucu{position:relative;}
.tablo tbody tr .bakiyeipucu{position:relative;}
.tablo tbody tr .ozelipucusol{position:relative;}
.tablo tbody tr .efaturagor{background:#e92c6d; transition:.2s;}
.tablo tbody tr .efaturagor:hover{background:#ba1a51;}
.tablo tbody tr td .saticisiparis{font-size:18px; position:absolute; right:5px; top:5px;}
.tablo tbody tr td .bekleyenstoksiparis{font-size:20px; position:absolute; right:5px; top:5px;}
.tablo tbody tr td .bekleyenstoksiparissube{font-size:16px; position:absolute; right:7px; top:25px;}
.tablo tbody tr td .ithalatsaticisiparis{font-size:18px; position:absolute; right:5px; top:5px;}
.ozelaciklama::placeholder{font-weight:400}

.tablo tbody tr td .stdinput{border-radius:5px; border:1px solid rgba(0,0,0,0.1)}
.tablo tbody tr td .rafsec{border-radius:5px; background:#fff; border:1px solid rgba(0,0,0,0.1); text-align:left; position:relative; padding:0; overflow:hidden; display:flex; align-items:center;}
.tablo tbody tr td .rafsec.aktif{background:#4ecee0; color:#fff; transform:scale(1.1)}
.tablo tbody tr td .rafsec:hover{background:#78e3f2; color:#fff; transform:scale(1.1)}
.tablo tbody tr td .rafsec .rafkodu{padding:0 5px; font-weight:700;}
.tablo tbody tr td .rafsec .rafmiktar{background:#30b5c8; color:#fff; padding:5px 10px;}
.tablo tbody tr td .rafsec:hover .rafmiktar{background:#30b5c8;}

.tablo tbody tr td .paletNo{border-radius:5px 0 0 5px; border-style:solid; border-width:1px; border-color:rgba(0,0,0,0.1); text-align:center; height:30px; margin:3px 0;}
.tablo tbody tr td .paletMiktar{border-radius:0 5px 5px 0; border-style:solid solid solid none; border-width:1px; border-color:rgba(0,0,0,0.1); text-align:center; height:30px; margin:3px 0;}
.tablo tbody tr td .paletEkle{padding:6px 8px; background:#6946E9; color:#fff; cursor:pointer; transition:.2s;}
.tablo tbody tr td .paletEkle:hover{background:#30C8AC;}
.tablo tbody tr td .paletSil{background:#fe003e; color:#fff; border:1px solid #ff7759; border-radius:50px; position:absolute; width:21px; height:21px; line-height:20px; top:50%; transform:translate(-50%,-50%); left:50%; cursor:pointer; transition:.2s;}
.tablo tbody tr td .paletSil:hover{background:#9d0d30; transform:translate(-50%,-50%) scale(1.2);}


.tablo tbody tr td .gecmisteklifler{width:20px; height:20px; line-height:20px; color:#fff; position:absolute; bottom:5px; right:5px; cursor:pointer; border-radius:50px;}
.tablo tbody tr td .gecmisteklifler:hover{transform:scale(1.1)}


.tablo .aramaalan{display:flex; border-radius:5px;}
.tablo .aramaalan .arama{min-width:380px; height:60px; border-left:1px solid rgba(0,0,0,0.1)}
.tablo .aramaalan button{width:60px; height:60px; background:#FFF198; color:#AE731B; font-size:20px;}
.tablo .aramaalan .arama input{border:none; font-size:14px; width:100%; height:100%; background:none; padding:0 15px;}
.tablo .tablobaslik #satir-sayisi select{border:none; font-size:18px; height:100%; background:#fff7c1; text-align:center;}
.tablo .tablobaslik #satir-sayisi{height:100%; display:flex; background:#FFF198;}
.tablo .tablobaslik .kayitsayisi{font-size:10px; height:100%; padding:0 15px; display:flex; align-items:center; text-align:right; font-weight:700;}

.tablo .resim{width:40px; height:40px; border-radius:50px; border:1px solid rgba(0,0,0,0.1); object-fit: contain;}

.tablo .tabloayir{display:block; margin-top:5px; padding-top:5px; border-top:1px solid rgba(0,0,0,0.1);}
.tablo .tabloayir:nth-of-type(1){border-top:0px solid rgba(0,0,0,0.1); margin-top:0px; padding-top:0px;}
    
.tablo .guncelleyici{position:absolute; top:10px; left:10px; font-size:18px; color:rgba(0,0,0,0.4)}
.tablo .guncelleyici.basarili{color:#30C8AC; animation:buyutkucult 1s ease-in; opacity:0;}
.tablo .guncelleyici.hata{color:#fe003e; animation:buyutkucult 1s ease-in; opacity:0;}

.guncelleyici{position:absolute; top:10px; left:10px; font-size:18px; color:rgba(0,0,0,0.4)}
.guncelleyici.basarili{color:#30C8AC; animation:buyutkucult 1s ease-in; opacity:0;}
.guncelleyici.hata{color:#fe003e; animation:buyutkucult 1s ease-in; opacity:0;}

.tablo .ozelyilsec{border:none; padding:0 15px; font-size:16px; height:100%;}

.tablo .tumbakiyeler{display:flex; flex-wrap:wrap; font-size:11px;}
.tablo .tumbakiyeler .diz{border-bottom:1px solid rgba(0,0,0,0.1); padding:1px 0;}

.tablo .mestalternatif{border-bottom:1px dashed rgba(0,0,0,0.2); padding:10px 0;}
.tablo .mestalternatif:nth-last-of-type(1){border-bottom:0;}

.minibalon{font-size:10px; font-weight:600; color:#fff; background:#6266ea; border-radius:3px; padding:0 5px; position:relative; top:-1px; margin-left:5px;}
.minibalon:before{content:''; width:0; height:0; position:absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:4px solid #6266ea; left:50%; transform:translateX(-50%); bottom:-4px}

.alternatifstok{position:absolute; right:10px; top:10px; background:#6946E9; color:#fff; border-radius:50px; padding:2px 5px; min-width:19px; text-align:center; transition:.2s; cursor:pointer;}
.alternatifstok:hover{transform:scale(1.1); }
.alternatifstok:after{content:'+'; line-height:12px; width:12px; height:12px; right:-5px; top:-5px; background:#ff9f0f; border-radius:50px; position:absolute;}

.detayliaciklama{position:absolute; right:10px; top:10px; background:#6946E9; color:#fff; padding:2px 2px 2px 8px; border-radius:50px; font-size:8px;}
.detayliaciklamasay{width:13px; height:13px; margin-left:3px; background:rgba(0, 0, 0, 0.7); color:#fff; text-align:center; border-radius:50px; font-weight:700; font-size:10px;}
.detayliaciklama:after{content:'+'; line-height:12px; width:12px; height:12px; right:-5px; top:-5px; background:#ff9f0f; border-radius:50px; position:absolute; font-size:12px;}
@keyframes buyutkucult {
  0% { transform: scale(0); opacity:0.5; }
  20% { transform: scale(1.8); opacity:1; }
  100% {transform: scale(0); opacity:0; }
}

.dataTables_wrapper .dataTables_paginate{padding:10px 0; font-size:12px; border-radius:0 0 10px 10px; border-width:0 1px 1px 1px; border-color: rgba(0,0,0,0.1); border-style:solid;}
.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;padding:5px;margin-left:2px;text-align:center;text-decoration:none!important;cursor:pointer;color:#333;border:1px solid transparent;border-radius:2px; font-size:12px; min-width:25px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333;border:1px solid rgba(0,0,0,0.1);background-color:#fff; font-size:12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666;border:1px solid transparent;background:transparent;box-shadow:none; font-size:12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#fff;border:1px solid #111;background-color:#6946E9; font-size:12px;}

.datatables-butonlari{}
.datatables-butonlari button{height:100%; padding:0 20px; font-size:22px;}

/*#region Özel Filtre*/
.ozelfiltre{position:fixed; right:0; top:0; width:300px; height:100%; z-index:99;}
.ozelfiltre .duzenle{width:100%; height:100%; background:#fff; padding:30px; z-index:3; top:0; left:0; border-radius:0 10px 10px 0; border:1px solid rgba(0,0,0,0.1); position:relative; overflow-y:auto;}
.ozelfiltre .golge{content:' '; width:100%; height:calc(100% - 100px); transform:translateY(-50%); top:50%; left:0; position:absolute; z-index:0; box-shadow:rgba(0,0,0,0.1) -40px 0 80px;}
.ozelfiltre:before{}
.ozelfiltre .baslik{font-size:22px; font-weight:600;}
.ozelfiltre .ozelfiltrekapat{font-size:22px; background:#e92c6d; color:#fff; left:-40px; top:25px; width:40px; height:40px; position:absolute;}
.ozelfiltre .ozelfiltrekapat:hover{left:-60px; width:60px;}
  

.ozelfiltre .duzenle .inputalan{border-radius:10px; position:relative; border:1px solid rgba(0,0,0,0.1); margin:25px 0; }
.ozelfiltre .duzenle .inputalan .fBtnAra{position:absolute; z-index:2; left:0; top:50%; transform:translateY(-50%); width:18px; left:10px;}
.ozelfiltre .duzenle .inputalan input:not([type="checkbox"]), .ozelfiltre .duzenle .inputalan select{width:100%; position:relative; border:none; background:none; padding:0 25px; font-size:12px; font-weight:500; height:30px;}

.ozelfiltre .duzenle input[type="checkbox"]{transform:scale(1.5); margin:0 10px;}
.ozelfiltre .duzenle .inputalan span{position:absolute; padding:0 8px; background:#fff; font-size:10px; font-weight:700; left:10px; top:-8px; z-index:2; color:rgba(0,0,0,0.5);}

.tablofiltrele{background:#fff !important;}
.tablofiltrele span{display:flex; align-items:center;}
.tablofiltrele input{flex: 1 0 0%; border:0; padding:3px 5px; font-weight:700; color:#6946E9;}
/*#endregion*/

/*#endregion*/

/*#region Özel Tooltip*/
.ozelTooltip{position:absolute;left:50%; background:#fff; padding:10px; font-size:12px; border-radius:5px;border:1px solid #6946e951; box-shadow:#1b0e4a31 0 10px 20px; z-index:99999; max-width:200px;}
.ozelTooltip.solipucu{left:auto; right:calc(100% - 10px); top:50%; transform:translateY(-50%)}
.ozelTooltip.sagipucu{right:-20px; top:50%; transform:translateY(-50%)}
.ozelTooltip.altipucu{left:50%; top:calc(100% + 5px); transform:translateX(-50%)}
.ozelTooltip span.diz{white-space:nowrap; padding:3px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
/*#endregion*/

/*#region Sağ Tık*/
.sagtik-menu{position: absolute; display: inline-block; width:auto; padding: 0; font-size: 12px; background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgb(0,0,0,0.3); z-index:999;}
.sagtik-menu .kapat{position:absolute; width:30px; height:30px; top:-30px; left:20px; display:none; border-radius:10px 10px 0 0; text-align:center; line-height:30px;}

.sagtik-menu button{display:flex; width:100%; text-align:left; background:none; color:#000; white-space:nowrap; border-bottom:1px solid rgba(0,0,0,0.1); padding:0; overflow:hidden;}
.sagtik-menu button:nth-of-type(1){border-radius:10px 10px 0 0;}
.sagtik-menu button:nth-last-of-type(1){border-radius:0 0 10px 10px;}

.sagtik-menu button span{height:35px; line-height:35px; padding:0 10px; border-left:1px solid rgba(0,0,0,0.1);}
.sagtik-menu button:hover{background:#f1f0f8}

.sagtik-menu button i{width:35px; height:35px; line-height:35px; text-align:center; transition:.2s; display:inline-block;}
.sagtik-menu button:hover i{background:#aaa5eb; color:#fff !important;}
/*#endregion*/

/*#region Düzenleme Ekranı*/
.resimdetay{width:80px; height:80px; border-radius:50px; border:1px solid rgba(0,0,0,0.1); object-fit: contain;}

.duzenlealan{padding:5px;}
.duzenlebaslik{}
.duzenlealan .duzenlebilgileri{border-radius:10px; overflow:hidden; padding:5px; margin:15px 0; position:relative; z-index:20; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23f39622B3' stroke-width='2' stroke-dasharray='4%2c8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); transition:.3s;}
.duzenlealan .duzenlebilgileri:hover{background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23f39622B3' stroke-width='2' stroke-dasharray='4%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");}
.duzenlealan .duzenlebilgileri .stdbuton{border-radius:5px; padding:10px; font-size:12px; font-weight:700;}

.duzenlebaslik.sabitle{background:#fff; position:fixed; top:0; left:0; width:100%; z-index:99; padding:20px 25px; border-bottom:1px solid #6946e92d; box-shadow:#273f9d3b 0 20px 40px;}



.duzenlebaslik .baslik{font-size:22px;}
.duzenlebaslik button{background:#7664B2; width:auto; height:40px; color:#fff; border-radius:5px; font-size:12px; font-weight:700; padding:0 20px;}
.duzenlebaslik button:hover{background:#6946E9;}
.duzenlebaslik button.sayfayenile{background:#30C8AC; color:#fff; height:40px; width:40px; padding:0; border-radius:50px;}
.duzenlebaslik button.sayfayenile:hover{background:#04a083;}
.duzenlebaslik button.sayfayenile i{font-size:16px !important; margin:0;}
.duzenlebaslik button i{font-size:14px; margin-right:5px;}

.duzenlealan .duzenle{}  

.duzenlealan .duzenle i.ekle{font-size:24px; cursor:pointer; color:#30C8AC; transition:.2s;}  
.duzenlealan .duzenle i.ekle:hover{transform:scale(1.2);}  

.duzenlealan .duzenle .inputalan{border-radius:10px; position:relative; border:1px solid rgba(0,0,0,0.1); margin-top:10px; }
.duzenlealan .duzenle .inputalan input:not([type="checkbox"]), .duzenlealan .duzenle .inputalan select{width:100%; position:relative; border:none; background:none; padding:12px; font-size:12px; font-weight:500; height:41px;}
.duzenlealan .duzenle .inputalan textarea{width:100%; position:relative; border:none; background:none; padding:15px 25px; font-size:12px; font-weight:500; min-height:200px;}


.duzenlealan .duzenle .inputalan i.sil{position:absolute; background:#e92c6d; color:#fff; border-radius:50px; width:25px; height:25px; transform:translateY(-50%); top:50%; right:10px; line-height:25px; text-align:center; cursor:pointer; transition:.2s; font-size:12px;}
.duzenlealan .duzenle .inputalan i.sil:hover{transform:scale(1.2) translateY(-40%);}

/*.duzenlealan .duzenle input[type="checkbox"]{transform:scale(1.5); margin:0 10px;}*/
.duzenlealan .duzenle .inputalan span{position:absolute; padding:0 8px; background:#fff; font-size:10px; font-weight:700; left:10px; top:-8px; z-index:2; color:rgba(0,0,0,0.8);}
.duzenlealan .duzenle .inputalan .duzenleac{position:absolute; top:50%; transform:translateY(-50%); color:#6946E9; right:15px; cursor:pointer; transition:.2s;}
.duzenlealan .duzenle .inputalan .duzenleac:hover{transform:translateY(-50%) scale(1.3);}
.duzenlealan .duzenle .inputalan .duzenleara{position:absolute; top:50%; transform:translateY(-50%); color:#6946E9; right:15px; cursor:pointer; transition:.2s;}
.duzenlealan .duzenle .inputalan .duzenleara:hover{transform:translateY(-50%) scale(1.3);}

.duzenlealan .duzenle .ozelalanlar{background:#fffadf; border-radius:10px; padding:10px;}  
.duzenlealan .duzenle .ozelalanlar .inputalan span{background:#fffadf !important;}
.duzenlealan .duzenle .ozelalanlar .inputalan{margin-top:5px; }

.duzenlealan .duzenle .ozelalanlar-2{background:#fff7f7; border-radius:10px; padding:10px; border:1px dashed #e24747}  
.duzenlealan .duzenle .ozelalanlar-2 .inputalan span{background:#fff7f7;}
.duzenlealan .duzenle .ozelalanlar-2 .inputalan{margin-top:5px; }


.duzenlealan .yetkiler{padding:15px; border-radius:10px;}

.duzenlealan .raflar{}
.duzenlealan .raflar .raf{width:100%; text-align:left; padding:0 10px; border-radius:5px; color:#fff; position:relative; height:35px;}
.duzenlealan .raflar .raf .miktar{position:absolute; right:3px; top:3px; border-radius:5px; min-width:29px; height:29px; background:#30C8AC; color:#fff; text-align:center; line-height:29px; padding:0 5px; font-weight:700; font-size:12px;}
.duzenlealan .raflar .raf .miktar .sil{position:absolute; top:-10px; right:-10px; width:18px; height:18px; background:#e92c6d; color:#fff; line-height:18px; text-align:center; border-radius:50px; transition:.2s;}
.duzenlealan .raflar .raf .miktar:hover .sil{transform:scale(1.2)}

.duzenlealan .kargokodlar{}
.duzenlealan .kargokodlar .kargokod{width:100%; text-align:left; padding:0 10px; border-radius:5px; color:#786b19; background:#fff9d1; border:1px solid #d9cb6a; position:relative; height:35px;}
.duzenlealan .kargokodlar .kargokod .sil{position:absolute; top:-10px; right:-10px; width:18px; height:18px; background:#e92c6d; color:#fff; line-height:18px; text-align:center; border-radius:50px; transition:.2s;}
.duzenlealan .kargokodlar .kargokod .sil:hover{transform:scale(1.2)}

/*#endregion*/

/*#region Kredi Kartı*/
.kredikarti-container{height:250px; perspective:1000px;}
.kart{ position: relative; width: 100%; height: 100%; transition: transform 0.7s; transform-style: preserve-3d;}
.kart.arkagoster {transform: rotateY(180deg);}

.karton, .kartarka {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; top:0;}
.karton{overflow:hidden; border-radius:15px; height:100%; position:relative;}

.kredikartitepe{overflow:hidden; background:#bec1d0; height:60px; width:100%; padding:0 25px;}
.kartlogo{width:85px;}
.bankalogo{width:85px; float:right;}

.kredikartibilgi{background:#2f303e; height:82px; width:100%; padding:25px;}
.kartcipi{width:47px;}
.kartnumarasi{font-size:24px; color:#fff; letter-spacing:2px; margin-top:10px;}
.mastervisa{position:absolute; bottom:15px; right:20px; padding:10px; text-align:center; background:#fff; border-radius:10px; width:60px;}

.kartarka{background-color: #4149c3; color: #fff; transform: rotateY(180deg); border-radius:15px; overflow:hidden;}
.kartarkaserit{height:70px; background:rgba(0,0,0,0.8); width:100%; margin-top:30px;}
.cvv{padding-right:50px; margin-top:10px;}
.cvvserit{width:70%; margin-right:10px; height:35px; display:inline-block; overflow:hidden;}
.cvvserit .serit{width:100%; height:5px;}
.cvvserit .serit:nth-of-type(odd){background:#d4cfa3;}
.cvvserit .serit:nth-of-type(even){background:#fff8bb;}
.cvvtext{line-height:35px; font-size:20px; height:35px; display:inline-block;}

.adsoyadtarih{font-size:16px; color:#fff; margin-top:20px;}
.adsoyadtarih .adsoyad{}
.adsoyadtarih .skt{padding-left:40px;}
/*#endregion*/

/*#region Dosya Yükle*/
.dosya-yukle{height:200px; position:relative; transition:.2s; cursor:pointer !important;}
.dosya-yukle.dosya-suruklendi label{background:#04a08324;}
.dosya-yukle label{width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; border-radius:10px; border:1px solid rgba(0,0,0,0.2)}
.dosya-yukle label i{font-size:50px; margin-bottom:0px;}
.dosya-yukle label .aciklama{margin-top:20px; font-size:12px; display:block;}
.dosya-yukle label .aciklama b{font-size:16px; display:block;}
.dosya-yukle:hover label{background:#fdffe5;}
.dosya-yukle.dosya-suruklendi:hover label{background:#04a08331;}
.dosya-yukle input{height:100%; opacity:0; width:100%; position:relative; z-index:5; cursor:pointer !important;}


#formDropZone{width:100%; height:500px; max-height:450px; align-items:center; position:relative; top:0; left:0; display:flex; flex-wrap:wrap; justify-content:center; border-radius:10px; border:1px solid rgba(0,0,0,0.2);}

#excelaciklama{}
#excelaciklama > .excelaciklama{background:#fff19831; padding:15px;}
/*#endregion*/

/*#region Sayfa Menü*/
icerik .sayfamenu{
  --grid-layout-gap: 10px;
  --grid-column-count: 8;
  --grid-item--min-width: 200px;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  width:100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}

icerik .sayfamenu .diz{background:#fff; border-radius:5px; padding:15px; height:100%; border:1px solid rgba(0,0,0,0.1); position:relative;}

icerik .sayfamenu .diz[firma=bzt]:after{font-family: "fontello"; content:"\e808"; padding:0; color:#30b1c8; right:10px; top:5px; border-radius:5px; position:absolute; font-size:22px;}
icerik .sayfamenu .diz i{font-size:40px; color:#6e76e6; line-height:40px; transition:.2s;}
icerik .sayfamenu .diz > *{display:block;}
icerik .sayfamenu .diz .baslik{color:rgba(0,0,0,0.8); margin:15px 0 5px 0; font-size:16px; font-weight:700;}
icerik .sayfamenu .diz .aciklama{color:rgba(0,0,0,0.8); font-size:12px; margin:0;}
icerik .sayfamenu .diz .kalembaslik{width:0; opacity:0; overflow:hidden}
icerik .sayfamenu .diz .kalembaslik i{transform:scale(1); font-size:8px; line-height:10px; margin:0 2px;}
icerik .sayfamenu .diz .temelbaslik{width:0; height:0; opacity:0; overflow:hidden; transition:.4s;}
icerik .sayfamenu .diz .durum{position:absolute; right:5px; bottom:5px;}
icerik .sayfamenu .diz .durum i{font-size:14px; line-height:14px; margin-right:5px;}
icerik .sayfamenu .diz .kar{display:inline-block; font-weight:700; font-size:10px; background:#FFF198; border-radius:5px; padding:3px 5px; color:#48400f}
icerik .sayfamenu .diz .veriler{color:rgba(0,0,0,0.8);}


icerik .sayfamenu .diz:hover .kalembaslik{width:60px; animation: sagdanAc 0.2s ease-in; opacity:1;}
icerik .sayfamenu .diz:hover .temelbaslik{width:70px; height:16px; opacity:1;}
icerik .sayfamenu .diz:hover{background:#5034b5; box-shadow:#6e76e6 0 0 20px;transform:scale(1.05)}
icerik .sayfamenu .diz:hover i{transform:scale(1.1); color:#b6bbff}
icerik .sayfamenu .diz:hover .baslik, icerik .sayfamenu .diz:hover .aciklama, icerik .sayfamenu .diz:hover .veriler{color:#fff;}

icerik .sayfamenu .diz.calisilmiyor:hover .baslik, icerik .sayfamenu .diz.calisilmiyor:hover .aciklama{color: #aaa;}
icerik .sayfamenu .diz.calisilmiyor .baslik, icerik .sayfamenu .diz.calisilmiyor .aciklama{color:#aaa;}
icerik .sayfamenu .diz.calisilmiyor:hover{background:inherit; box-shadow:rgba(0,0,0,0.1) 0 0 20px;transform:scale(1.05)}


@keyframes sagdanAc{
    0%{width:0;}
    to{width:60px; opacity:1;}
}
/*#endregion*/

/*#region Canlı Ara*/
#canliAra{width:350px; max-height:500px; background:#fff; box-shadow:rgba(0,0,0,0.3) 0 0 40px; border-radius:10px; position:absolute; z-index:999; overflow-y:auto;}
#canliAra .canliAraKapat{position:absolute; right:8px; top:8px; color:#fff; font-size:22px; cursor:pointer; transition:.2s;}
#canliAra .canliAraKapat:hover{transform:scale(1.2) rotate(90deg)}
#canliAra button{background:none; padding:10px 20px; font-size:12px; text-align:left; display:flex; width:100%;}
#canliAra button:nth-of-type(even){background:#f7f5fc;}
#canliAra button:hover{background:#f0edfa;}
#canliAra button span{display:block; padding:5px 0;}
#canliAra button .baslik{font-weight:700; font-size:16px;}
#canliAra button .aciklama{border-top:1px dashed rgba(0,0,0,0.1)}
#canliAra div.kayit{background:#6946E9; color:#fff; padding:10px 20px;}
/*#endregion*/

/*#region Tarih Seç*/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Quicksand',Arial;}
.ui-datepicker-prev span,.ui-datepicker-next span {background-image: none !important; display:none; }
.ui-datepicker-prev:before, .ui-datepicker-next:before {font-family: 'Font Awesome 6 Pro'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; font-weight: normal; align-items: center; justify-content: center; z-index:9;}
.ui-datepicker-prev:before {content: "\f104";}
.ui-datepicker-next:before {content: "\f105";}

.ui-widget.ui-widget-content {border: 0; border-radius:10px; background:#fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); padding:5px;}

.ui-datepicker .ui-datepicker-header {position: relative; padding: 10px 0; border-radius:10px 10px 0 0; border: none; background:#6946E9; color:#fff; margin:-5px -5px 10px -5px;}
.ui-datepicker .ui-datepicker-header:before{content:''; display:block; width:0; height:0; position:absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid #6946E9; left:30px; top:-6px;}
.ui-datepicker .ui-datepicker-title{font-size:18px; font-weight:400; margin:0 0 0 10px; text-align:left; position:relative; z-index:1;}

.ui-datepicker .ui-datepicker-span{width:70px; position:relative; cursor:pointer; transition:.2s; background:rgba(0,0,0,0.2); border-radius:10px;}
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover{transform:scale(1.05)}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:70px; font-size:14px; font-weight:400; background:transparent; color:#fff; border:none; border-radius:10px; text-align:left; padding:5px 5px; position:relative; cursor:pointer; z-index:2; transition:.2s;}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option{padding:0; font-size:12px; color:#000;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, .ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled:active { border: 0px; background: rgba(0,0,0,0.05); font-weight: normal; color: #15103d; border-radius: 5px; text-align: center;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute; top: 50%; transform:translateY(-50%); width: 20px; height: 20px; color:#fff; border-radius:50px; cursor:pointer; z-index:9999;}
.ui-datepicker .ui-datepicker-next{right:10px;}
.ui-datepicker .ui-datepicker-prev{right:40px; left:auto;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:0.1;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {border: 0px solid #ccc; background: #3621C7; font-weight: normal; color: #fff; border-radius:50px; }
.ui-datepicker td a:hover{background:#4fa0f8;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 0px; background: #21c78a; font-weight: normal; color: #fff; border-radius:50px;}
.ui-datepicker td span, .ui-datepicker td a{width:30px; height:30px; line-height:32px; text-align:center; font-size:12px; font-weight:600;}
.ui-datepicker th{color:#15103d; font-size:10px; font-weight:600; padding:5px 1px; text-align:center;}
.ui-datepicker td{padding:1px;}

.ui-datepicker {width: auto; padding: 5px 5px; display: none;}
.ui-datepicker table {width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px;}
/*#endregion*/

/*#region Saat Seç*/
.saatalan{position:absolute;left:50%; background:#fff; padding:10px; font-size:12px; border-radius:5px;border:1px solid #6946e951; box-shadow:#1b0e4a31 0 10px 20px; z-index:99999; width:200px; top:calc(100% + 5px); transform:translateX(-50%)}
.saatbaslik{font-size:10px; font-weight:700;}
.saatalan input{border-radius:5px; padding:10px !important; border:1px solid rgba(0,0,0,0.1) !important; }
/*#endregion*/

/*#region Fiyat Tooltip*/
.fiyat-tooltip{padding: 17px 10px 8px 10px; position:absolute; width:auto; background: #fff; border: 1px solid #bebebe; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgb(0,0,0,0.3); z-index:999}
.fiyat-tooltip .fa-times{font-size:14px; color:#3621C7; position:absolute; top:3px; right:10px; cursor:pointer; display:inline-block; transition:.2s;}
.fiyat-tooltip .fa-times:hover{transform:rotate(90deg);}
.fiyat-tooltip .baslik{display:inline-block; position:absolute; top:-8px; background:#6946E9; color:#fff; padding:3px 10px; border-radius:5px; font-size:10px; font-weight:700;}
.fiyat-tooltip .fiyatlar{}
.fiyat-tooltip .fiyatlar .sf{float:left; margin:0 4px; width:50px;}
.fiyat-tooltip .fiyatlar .sf:nth-of-type(1){margin:0 4px 0 0;}
.fiyat-tooltip .fiyatlar .sf:nth-last-of-type(1){margin:0 0 0 4px;}
.fiyat-tooltip .fiyatlar .sfbaslik{display:block;}
.fiyat-tooltip .fiyatlar .input{display:block; height:25px; position:relative;}
.fiyat-tooltip .fiyatlar .input .form-check{min-height:25px; height:25px;}
.fiyat-tooltip .fiyatlar select, .fiyat-tooltip .fiyatlar input:not([type=checkbox]){width:50px; height:25px; border-radius:5px; border:1px solid rgba(0,0,0,0.2); padding:4px 0; font-weight:600}
.fiyat-tooltip .fiyatlar input:not([type=checkbox]){padding:4px 5px;}
/*#endregion*/

/*#region Ölçü Tooltip*/
.olcu-tooltip{padding: 17px 10px 8px 10px; position:absolute; width:auto; background: #fffbe3; border: 1px solid #bebebe; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgb(0,0,0,0.3); z-index:999}
.olcu-tooltip .fa-times{font-size:14px; color:#3621C7; position:absolute; top:3px; right:10px; cursor:pointer; display:inline-block; transition:.2s;}
.olcu-tooltip .fa-times:hover{transform:rotate(90deg);}
.olcu-tooltip .baslik{display:inline-block; position:absolute; top:-8px; background:#6946E9; color:#fff; padding:3px 10px; border-radius:5px; font-size:10px; font-weight:700;}
.olcu-tooltip .olculer{}
.olcu-tooltip .olculer .olcu{float:left; margin:0 4px; width:80px;}
.olcu-tooltip .olculer .olcu:nth-of-type(1){margin:0 4px 0 0;}
.olcu-tooltip .olculer .olcu:nth-last-of-type(1){margin:0 0 0 4px;}
.olcu-tooltip .olculer .olcubaslik{display:block;}
.olcu-tooltip .olculer .input{display:block; height:25px; position:relative;}
.olcu-tooltip .olculer .input .form-check{min-height:25px; height:25px;}
.olcu-tooltip .olculer select, .olcu-tooltip .olculer input:not([type=checkbox]){width:80px; height:25px; border-radius:5px; border:1px solid rgba(0,0,0,0.2); padding:4px 0; font-weight:600}
.olcu-tooltip .olculer input:not([type=checkbox]){padding:4px 5px;}
.olcu-tooltip .ot_yukleyici{width:25px; height:25px;}
/*#endregion*/

/*#region SiparisToplama*/
.siparistoplama{}
.siparistoplama .siparis{border-radius:5px; margin:10px 0; overflow:hidden; position:relative;}
.siparistoplama .siparis:nth-of-type(1){margin:0 0 10px 0;}
.siparistoplama .siparis .baslik{border-bottom:1px solid rgba(0,0,0,0.1);}
.siparistoplama .siparis .baslik .stokKodu{font-size:14px; font-weight:700}
.siparistoplama .siparis .baslik .stokKodu .bekleyenstoksiparis{margin-left:10px;}
.siparistoplama .siparis .baslik .stokAdi{font-size:10px; font-weight:600}
.siparistoplama .siparis .siparisno{font-size:14px; font-weight:700;}
.siparistoplama .siparis .tarih{font-size:11px;}
.siparistoplama .siparis .siparisbilgi{width:calc(100% - 50px)}
.siparistoplama .siparis .siparisbilgi .cari{width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.siparistoplama .siparis .siparisdetaybilgi{}

.siparistoplama .siparis .siparisdetaybilgi .aciklama{width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.siparistoplama .siparis .kalemsay{position:absolute; width:35px; height:30px; display:flex; flex-wrap:wrap; padding:0; background:#6946e92d; color:#fff; bottom:1px; right:1px; border-radius:3px; text-align:center; justify-content:center; align-items:center;}
.siparistoplama .siparis .kalemsay .kalembilgi{height:25px; display:block;}
.siparistoplama .siparis .kalemsay .kalem{line-height:14px;height:14px; display:block;}
.siparistoplama .siparis .kalemsay .str{font-size:7px; display:block;}

.siparistoplama .rafMiktar{position:absolute; right:3px; top:3px; text-align:center; width:24px; height:24px; background:rgba(0,0,0,0.1); line-height:24px; border-radius:3px;}
/*#endregion*/

/*#region İhracat*/
.paletler{width:100%; padding:10px;}
.paletler .palet{width:155px; position:relative; background:#fff; border-radius:5px; border:1px solid rgba(0,0,0,0.1); padding:10px; position:relative; display:inline-block;}
.paletler .palet .paletindir{position:absolute; right:5px; top:5px; border-radius:50px; width:25px; height:25px; font-size:12px; text-align:center; line-height:25px;}
.paletler .baslik{font-size:16px; font-weight:700;}
.paletler .netkg{font-size:12px; color:#757ca5; }
.paletler .brutkg {margin:5px 0;}
.paletler .brutkg input{width:100%; font-size:12px; color:#757ca5; background:#fff; border:1px solid rgba(0,0,0,0.2); padding:5px 10px; border-radius:5px;}

.paletler .olculer {display:flex; background:#f5e7bc; padding:5px; border-radius:7px; position:relative; align-items:center;}
.paletler .olculer i.carpi{font-size:10px; color:#4b401b}
.paletler .olculer i.carpi:nth-of-type(1){left:41px;}
.paletler .olculer i.carpi:nth-of-type(2){right:41px;}

.paletler .olculer .olcu{position:relative; border-bottom:1px solid #b4a470; margin:0 3px; height:20px;}
.paletler .olculer .olcu input{width:100%; font-size:12px; color:#4b401b; background:none; border:none; text-align:center; height:20px;}
.paletler .olculer .olcu:before{position:absolute; content:''; height:4px; width:1px; background:#b4a470; left:0; bottom:0;}
.paletler .olculer .olcu:after{position:absolute; content:''; height:4px; width:1px; background:#b4a470; right:0; bottom:0;}

.paletlerbaslik{padding:10px 10px 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
#paletlerNav{margin-left:10px;}
#paletlerNav button{background:none;}


.yonetimaciklamaalan .inputalan{border-radius:10px; position:relative; border:1px solid rgba(0,0,0,0.1); margin-top:10px; }
.yonetimaciklamaalan .inputalan input:not([type="checkbox"]){width:100%; position:relative; border:none; background:none; padding:12px; font-size:12px; font-weight:500; height:41px;}
.yonetimaciklamaalan .inputalan input:not([type="checkbox"])::placeholder{color:rgba(0,0,0,0.3);}
.yonetimaciklamaalan .inputalan span{position:absolute; padding:0 8px; background:#fff; font-size:10px; font-weight:700; left:10px; top:-8px; z-index:2; color:rgba(0,0,0,0.8);}
/*#endregion*/

.butongrubu{}

.butongrubu button{background: #fff; background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,1) 30%); border-right:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 13px; margin:0; display:inline-block; font-size:12px; font-weight:600; transition:.2s; box-sizing:border-box}
.butongrubu button:hover{background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(0,0,0,0.1) 100%); }
.butongrubu button.aktif{background: #849d9d; font-weight:700; color:#fff; box-shadow: inset rgba(0,0,0,0.4) -5px 5px 5px -5px}
.butongrubu button:nth-of-type(1){border-radius:5px 0 0 5px; border-left:1px solid rgba(0,0,0,0.2);}
.butongrubu button:nth-last-of-type(1){border-radius:0 5px 5px 0;}
.butongrubu button .say{background:#FFF198; color:#5a3200; border-radius:5px; padding:1px 5px; margin-left:5px; font-size:10px; font-weight:700; border:1px solid #f5e26a}
.btntahsilatdurum .say,#btnTahsilatDurumSec .say{background:#FFF198; color:#5a3200; border-radius:5px; padding:1px 5px; margin-left:5px; font-size:10px; font-weight:700; border:1px solid #f5e26a}

.siparisturusec{border-radius:5px; padding:10px 15px; background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.1); color:#000; position:relative;}
.siparisturusec.aktif{background:#30c8ac; border:0; color:#fff}
.siparisturusec.aktif:after{content:''; left:20px; top:100%; border-width: 5px; border-style: solid; border-color: #30c8ac transparent transparent transparent; position:absolute;}


@media(max-width: 1450px){
    icerik .sol{display:none; position:fixed; z-index:99; box-shadow:rgba(0,0,0,0.2) 30px 40px 50px; height:calc(100% - 59px);}
    .tepe .solbaslik .hblogo{display:none;}
    .tablo .aramaalan .arama{min-width:250px;}
}

@media(max-width: 1370px){
    kutualan .kutu.kucuk, kutualan .kutu.orta{height:90%}
}

@media(max-width: 1234px){
}

@media(max-width: 1000px){
}

@media(max-width: 800px){
    icerik .sayfamenu{
      --grid-layout-gap: 10px;
      --grid-column-count: 8;
      --grid-item--min-width: 150px;
      --gap-count: calc(var(--grid-column-count) - 1);
      --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
      --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
      width:100%;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
      grid-gap: var(--grid-layout-gap);
    }

    galerikutualan .kutu .galeri{width:80%;}

    kutualan .kutu{background:#fff; border-radius:10px 10px 0 0; position:absolute; top:100%}
    kutualan .kutu.buyuk{width:calc(100% - 5px); height:calc(100% - 40px);}
    kutualan .kutu.kucuk,kutualan .kutu.orta{max-width:calc(100% - 10px); width:100%; height:calc(100% - 40px); right:5px;}
    .kutupad{padding:5px;}
    .duzenlebaslik .baslik{font-size:16px;}

    .duzenlebaslik button{background:#7664B2; width:auto; height:30px; font-size:12px;}
    .duzenlebaslik button.sayfayenile{height:30px; width:30px;}
    .duzenlebaslik button.sayfayenile i{font-size:12px !important;}
    .tepe .ustbar{display:none;}
    .tepe .yilsecimi{display:none;}

    .tepe .solbaslik.kapali, .tepe .solbaslik {width:60px !important;}
    .tepe .solbaslik .hblogo{display:none !important;}
    .tablo .tablobaslik{height:auto !important;}
    .tablo .tablobaslik .baslikalan{padding:15px;}
    .tablo .tablobaslik .col.height60{height:45px !important;}
    .tablo .buton{padding:0 15px}
}

@media(max-width: 500px){
    .mobildegoster{display: inherit !important;}
    uyari .uyarikutu{width:90%;}
    uyari .uyarikutu .uyarikutuicerik{padding:30px 25px;}
    uyari .uyarikutu .uyarikutuicerik .yaz {padding: 0 20px 0 25px;}

    ozeluyari .ozeluyarikutu{width:90%;}
    ozeluyari .ozeluyarikutu .uyarikutuicerik{padding:30px 25px;}
    ozeluyari .ozeluyarikutu .uyarikutuicerik .yaz {padding: 0 20px 0 25px;}

        .tablo table,.tablo tbody,.tablo th,.tablo td,.tablo tr{display:block}
    .tablo thead{display:none;}
    .tablo thead tr{position:absolute;top:-9999px;left:-9999px}
    .tablo tr{margin:0 0 20px;}
    .tablo tr:hover{}
    
    .tablo td{border:none; border-bottom:1px solid rgba(0,0,0,0.1); position:relative;padding-left:28%!important;text-align:left!important; border-right:1px solid rgba(0,0,0,0.05) !important;}
    .tablo td.width1{width:100% !important;}
    .tablo td.width2{width:100% !important;}
    .tablo td.width3{width:100% !important;}
    .tablo td.width4{width:100% !important;}
    .tablo td.width5{width:100% !important;}
    .tablo td.width6{width:100% !important;}
    .tablo td.width7{width:100% !important;}
    .tablo td.width8{width:100% !important;}
    .tablo td.width9{width:100% !important;}
    .tablo td.width10{width:100% !important;}
    .tablo td.width12{width:100% !important;}
    .tablo td.width14{width:100% !important;}
    .tablo td.width16{width:100% !important;}
    .tablo td.width18{width:100% !important;}
    .tablo td.width20{width:100% !important;}
    .tablo td.width22{width:100% !important;}
    .tablo td.width24{width:100% !important;}
    .tablo td.width26{width:100% !important;}
    .tablo td.width28{width:100% !important;}
    .tablo td.width30{width:100% !important;}
    .tablo td.width32{width:100% !important;}
    .tablo td.width34{width:100% !important;}
    .tablo td.width36{width:100% !important;}
    .tablo td.width38{width:100% !important;}
    .tablo td.width40{width:100% !important;}
    .tablo td.width42{width:100% !important;}
    .tablo td.width44{width:100% !important;}
    .tablo td.width46{width:100% !important;}
    .tablo td.width48{width:100% !important;}
    .tablo td.width50{width:100% !important;}
    .tablo td.width55{width:100% !important;}
    .tablo td.width60{width:100% !important;}
    .tablo td.width65{width:100% !important;}
    .tablo td.width70{width:100% !important;}
    .tablo td.width75{width:100% !important;}
    .tablo td.width80{width:100% !important;}
    .tablo td.width85{width:100% !important;}
    .tablo td.width90{width:100% !important;}
    .tablo td.width95{width:100% !important;}
    .tablo td.width100{width:100% !important;}
    .tablo td.width150{width:100% !important;}
    .tablo td.width200{width:100% !important;}



/*    .tablo td.resim{display:block; border:none; border-bottom:1px solid rgba(0,0,0,0.1); position:relative; padding:20px!important; text-align:left!important}
    .tablo td.resim img{border-radius:15px; border:1px solid rgba(0,0,0,0.1)}
    .tablo td.resimikon{display:none;}
*/    .tablo td:before{position:absolute;top:50%;transform:translateY(-50%);left:10px;width:25%;padding-right:10px;white-space:nowrap;font-size:10px;font-weight:700}
    .tablo table tbody tr td:nth-of-type(1){ border-top:2px solid #3621C7 !important;}
}