html { position: relative; min-height: 100%; font-size: 14px; }
main { padding: 0 0 58px; background: #f3f3f9; }
a, button { outline: 0 !important; }
a { color: #405189; text-decoration: none !important; }
footer { margin-left: 250px; }
.btn { box-shadow: none; }
.mi { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
/**********/
#bildirimListesi { display: none; position: absolute; z-index: 1; background: #ffffffd6; backdrop-filter: blur(8px); top: 58px; left: 0; width: 100%; height: 100% }
#bildirimListesi .inner { position: absolute; width: 400px; border-radius: 12px; box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%); top: 0; right: 162px; }
#bildirimListesi .head { display: flex; width: 100%; justify-content: space-between; padding: 16px 16px 4px 16px; }
#bildirimListesi .head h2 { font-size: 22px; color: #222; font-weight: 600; margin: 0; }
#bildirimListesi .head a { }
#bildirimListesi .head a:hover i { color: #666 }
#bildirimListesi .head a i { font-size: 33px; position: absolute; right: 16px; top: 11px; color: #333; line-height: 31px; font-weight: 400; }

#bildirimListesi .body { padding: 16px; height: calc(100vh - 115px); overflow-y: auto; }

#bildirimListesi .body .filtre { display: flex; column-gap: 16px; margin: -5px 0 15px 0; }
#bildirimListesi .body .filtre button { border: none; border-radius: 15px; padding: 6px 10px; font-size: 14px; color: #444444; background: #e7e7e7; }
#bildirimListesi .body .filtre button:hover { color: #003772; background: #c4d9ed; }
#bildirimListesi .body .filtre button.active { color: #0064d1; background: #ebf5ff; }
#bildirimListesi .body .item { display: flex; column-gap: 20px; padding-bottom: 20px; }
#bildirimListesi .body .item .content { width: 320px; padding-left: 3px; position: relative; }
#bildirimListesi .body .item .content .title { font-size: 18px; }
#bildirimListesi .body .item .content .summary { font-size: 16px; line-height: 25px; }

#bildirimListesi .body .item .content .summary strong,
#bildirimListesi .body .item .content .summary span,
#bildirimListesi .body .item .content .summary em { all: unset; font-weight: normal; font-style: normal; color: inherit; margin: 0; padding: 0; display: inline; }
#bildirimListesi .body .item .content .summary strong { font-weight: 500; display: block }
#bildirimListesi .body .item .content .summary span { }
#bildirimListesi .body .item .content .summary em { font-size: 14px; }

#bildirimListesi .body .item .content time { font-size: 14px; color: #405189; margin: 0; display: block; font-weight: 600; }
#bildirimListesi .body .item .menu { position: relative; }
#bildirimListesi .body .item .menu i { font-size: 18px; cursor: pointer; padding: 0 5px; }
#bildirimListesi .body .item .menu div { position: absolute; right: 0; top: 30px; width: fit-content; background: #fff; box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%); border-radius: 8px; padding: 8px 0; z-index: 1453; }
#bildirimListesi .body .item .menu div a { white-space: nowrap; display: block; padding: 8px 16px; color: #111; }
#bildirimListesi .body .item .menu div a:hover { background: #ddd }
#bildirimListesi .okundu { background-color: var(--tema-renk2); width: 4px; height: 4px; border-radius: 2px; display: none; position: absolute; left: -8px; top: 14px; }
#bildirimListesi .okundu-1 { display: block }

#bildirimListesi .body .extra-field { margin: 10px 0 0 0; }

#bildirimListesi .body .extra-field .primary { border-radius: 9px; background: #0050cd; color: #fff; font-size: 13px; padding: 7px 11px 10px 11px; line-height: 23px; transition: all ease .5s; }
#bildirimListesi .body .extra-field .primary:hover { background: #007ba7; }
/**********/
#hatirlaticiListesi { display: none; position: absolute; top: 58px; z-index: 10; left: 0; background: #ffffffbf; backdrop-filter: blur(8px); width: 100%; height: 100% }
#hatirlaticiListesi .inner { position: absolute; top: 0; right: 162px; width: 400px; border-radius: 12px; box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%); }
#hatirlaticiListesi .head { display: flex; width: 100%; justify-content: space-between; border-bottom: solid 1px #ddd; padding: 16px; }
#hatirlaticiListesi .head h2 { font-size: 18px; color: #222; font-weight: 400; margin: 0; }
#hatirlaticiListesi .head a { }
#hatirlaticiListesi .head a:hover i { color: #666 }
#hatirlaticiListesi .head a i { font-size: 33px; position: absolute; right: 16px; top: 11px; color: #333; line-height: 31px; font-weight: 400; }

#hatirlaticiListesi .body { padding: 16px; min-height: calc(100vh - 115px); }
#hatirlaticiListesi .body .item { display: flex; column-gap: 20px; margin-bottom: 20px; border-bottom: solid 1px #f3f3f3; padding-bottom: 20px; }
#hatirlaticiListesi .body .item:last-child { border-bottom: none }
#hatirlaticiListesi .body .item .content { width: 320px; }
#hatirlaticiListesi .body .item .content .title { font-size: 18px; }
#hatirlaticiListesi .body .item .content .summary { font-size: 16px; line-height: 25px; }
#hatirlaticiListesi .body .item .content time { font-size: 14px; color: #555; margin: 8px 0 0 0; display: block; }
#hatirlaticiListesi .body .item .menu { position: relative; }
#hatirlaticiListesi .body .item .menu i { font-size: 18px; cursor: pointer; padding: 0 5px; }
#hatirlaticiListesi .body .item .menu div { position: absolute; right: 0; top: 30px; width: fit-content; background: #fff; box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%); border-radius: 8px; padding: 8px 0; }
#hatirlaticiListesi .body .item .menu div a { white-space: nowrap; display: block; padding: 8px 16px; color: #111; }
#hatirlaticiListesi .body .item .menu div a:hover { background: #ddd }

/**********/
#favoriListesi { display: none; background: #ffffffb3; backdrop-filter: blur(8px); position: absolute; left: 0; top: 58px; width: 100%; height: 100%; z-index: 16; }
#favoriListesi .inner { position: absolute; top: 0; z-index: 998; right: 10px; border-radius: 12px; box-shadow: 0 4px 32px 0px rgb(0 0 0 / 10%); width: 800px; max-width: 100%; }
#favoriListesi .head { display: flex; width: 100%; justify-content: space-between; border-bottom: solid 1px #ddd; padding: 16px; }
#favoriListesi .head h2 { font-size: 18px; color: #222; font-weight: 400; margin: 0; }
#favoriListesi .head a { }
#favoriListesi .head a:hover i { color: #666 }
#favoriListesi .head a i { font-size: 33px; position: absolute; right: 16px; top: 11px; color: #333; line-height: 31px; font-weight: 400; }

#favoriListesi .body { padding: 0 16px 16px 16px; min-height: calc(100vh - 115px); display: flex; flex-wrap: wrap; }
#favoriListesi .body .modul-items { width: calc(50% - 20px); margin: 20px 10px 0px 10px; background: #f1f1f1; padding: 20px; border-radius: 6px; }
#favoriListesi .body h3 { margin: 0px 0px 5px 0; padding-bottom: 9px; font-size: 16px; font-weight: 500; color: #001a3a; border-bottom: solid 1px #d9d9d9; }
#favoriListesi .body .item { line-height: 43px; }
#favoriListesi .body .item a { display: inline-block; color: #333; }
#favoriListesi .body .item a:hover { color: #0790ca; }
#favoriListesi .modul-ayrac { border-bottom: solid 1px #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; }

/**********/

#anagovde { margin-left: 250px; width: calc(100% - 250px); }
/**********/

#soldanGel { width: 250px; background: #405189; border-right: 1px solid #405189; position: fixed; box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); padding: 0; transition: all .1s ease-out; z-index: 99; 100%; }

#soldanGel .simplebar-track { background-color: transparent; }
#soldanGel .simplebar-thumb { background-color: #007bff; width: 4px }
#soldanGel .simplebar-thumb:hover { background-color: #0056b3; }
#soldanGel .simplebar-scrollbar:before { background: #001a3a; border-radius: 6px; }

#soldanGel .kapsul { height: calc(100vh - 60px); margin-top: 15px; position: relative; }
#soldanGel .kapsul .inner { display: flex; flex-wrap: nowrap; max-height: calc(100vh - 50px); }

#soldanGel ul.menu { padding-bottom: 30px; }
#soldanGel .logo { padding: 0 0 10px 0; text-align: center; transition: all .1s ease-out; margin: 10px auto 0 auto; border-bottom: solid 1px #6876a0; }
#soldanGel .nav-item:first-child .nav-link { }
#soldanGel .nav-link { display: flex; align-items: center; padding: 11px 1.5rem 14px 1.5rem; color: #abb9e8; font: 400 15px var(--baslik-fontu1); position: relative; }
#soldanGel .nav-link i { display: inline-block; min-width: 28px; font-size: 18px; line-height: inherit; }
#soldanGel .nav-link:hover { color: #fff; }

#soldanGel .navbar-nav .nav-sm { padding-left: 1.75rem; }
#soldanGel .navbar-nav .nav-sm .nav-link { padding: .55rem 1.5rem !important; color: #abb9e8; white-space: initial; position: relative; font: 400 0.813rem var(--icerik-fontu); }
#soldanGel .navbar-nav .nav-sm .nav-link:hover { color: #fff; }
#soldanGel .navbar-nav .nav-sm .nav-link:before { content: ""; width: 6px; height: 1.5px; background-color: #abb9e8; position: absolute; left: 2px; top: 16.5px; transition: all .4s ease-in-out; opacity: .5; }
#soldanGel .navbar-nav .nav-sm .nav-link:hover:before { background-color: #fff !important; opacity: 1; }

#header { position: relative; background-color: #fff; transition: all .1s ease-out; border-bottom: 1px solid #e9ebec; /* box-shadow: 0 1px 2px rgba(56, 65, 74, .15); */ }
#header .navbar { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; height: 58px; padding: 0 1.5rem 0 calc(1.5rem* .5); }
#header .nav-item { height: 50px; display: flex; align-items: center; }

#hamburgerAcc { height: 70px; display: flex; align-items: center; box-shadow: none; cursor: pointer; background: transparent; border: 1px solid transparent; }

.hamburger-icon { width: 20px; height: 14px; position: relative; cursor: pointer; display: inline-block }
.hamburger-icon span { background-color: #878a99; position: absolute; border-radius: 2px; transition: .3s cubic-bezier(.8,.5,.2,1.4); width: 100%; height: 2px; display: block; left: 0 }
.hamburger-icon span:nth-child(1) { top: 0; width: 80% }
.hamburger-icon span:nth-child(2) { top: 6px }
.hamburger-icon span:nth-child(3) { bottom: 0; width: 60% }

#soldanGelKapat { display: none; }
#sabitle { display: none; }

.nav-out { position: absolute; bottom: 0; width: 100%; background: #616e97; display: flex; align-items: center; padding: .625rem 1.5rem; color: #abb9e8; font: 400 15px var(--baslik-fontu1); gap: 10px; }

.userKap { background-color: #f3f3f9; }
.userKap .info { }
.userKap .info .userName { color: #495057; font: 500 14px var(--icerik-fontu); display: inline-block !important; }
.userKap .info .userRole { color: #878a99; display: block !important; font: 400 13px var(--icerik-fontu); }
.userImage { display: flex; align-items: center; justify-content: center; padding: 5px 15px !important; column-gap: 9px; }
.userImage .userImg { height: 32px; width: 32px; border-radius: 50% !important; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.userImage::after { display: none !important; }
.userImage img { width: 100%; height: 100%; object-fit: cover; }


#admAra { padding: 7px 0 0 0; display: block !important; }
#admAra .form-control { border: none; height: 38px; background-color: #e9e9e9; color: #495057; box-shadow: none; padding: 6px 30px 8px 31px; }
#admAra .search { position: absolute; z-index: 10; font-size: 18px; line-height: 38px; left: 13px; top: 0; color: #878a99; }
#admAra .search i { position: absolute; z-index: 10; font-size: 14px; line-height: 36px; left: -6px; top: 0; color: #878a99; }

.logo-small { display: none; }
.logo-large { display: block; }
/******/

[data-sidebar-size=sm] #soldanGel { width: 70px; padding-top: 70px; }
[data-sidebar-size=sm] .logo-large { display: none; }
[data-sidebar-size=sm] .logo-small { display: block; margin: 0 auto; }
[data-sidebar-size=sm] #soldanGelKapat { display: block; }
[data-sidebar-size=sm] .hamburger-icon { display: none; }
[data-sidebar-size=sm] #soldanGel .nav-link span { display: none; }
[data-sidebar-size=sm] #soldanGel .nav-item { position: relative; }
[data-sidebar-size=sm] #soldanGel .nav-out { position: absolute; }
[data-sidebar-size=sm] #soldanGel .logo { position: fixed; width: 70px; z-index: 1; top: 0; background-color: #405189; }

[data-sidebar-size=sm] #soldanGel .nav-link i { text-align: center; font-size: 18px; }

[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item:hover > a.menu-link { position: relative; width: calc(200px + 70px); transition: none; background: #405189; justify-content: flex-start; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item:hover > a.menu-link span { display: inline-block; padding-left: 25px; }
[data-sidebar-size=sms] .navbar-menu .simplebar-content-wrapper, [data-sidebar-size=sm] .navbar-menu .simplebar-mask { overflow: visible !important; }

[data-sidebar-size=sm] #soldanGel .navbar-nav .menu-dropdown { display: none; height: auto !important; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-sm { padding: 0; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item { position: relative; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-sm .menu-dropdown { left: 100% !important; top: 0; border-radius: 3px !important; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-link:after, [data-sidebar-size=sm] #soldanGel .navbar-nav .nav-link:before { display: none !important; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item:hover > a.menu-link:after { display: block !important; transform: rotate(90deg); color: #fff; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item:hover > .menu-dropdown { display: block; left: 70px; position: absolute; width: 200px; background: #405189; height: auto !important; padding: .5rem 0; border-radius: 0 0 3px 3px; box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-item:hover > .menu-dropdown span { display: block; }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-sm .nav-link { justify-content: flex-start }
[data-sidebar-size=sm] #soldanGel .navbar-nav .nav-sm .nav-link:after { display: block !important; transform: rotate(0) !important; }
[data-sidebar-size=sm] #soldanGel .simplebar-content-wrapper, [data-sidebar-size=sm] #soldanGel .simplebar-mask { overflow: visible !important; }
/******/
[data-sidebar-size=sm] #sabitle { display: block; }
[data-sidebar-size=sm] .nav-logout { display: none; }
/******/
#soldanGel .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] { color: #fff; }
#soldanGel .navbar-nav .nav-link[data-bs-toggle=collapse]:after { display: block; content: "\e5cc"; font-family: "Material Icons"; margin-left: auto; transition: transform .2s; font-size: 1.05rem; position: absolute; right: 18px; color: inherit; top: 14px; }
#soldanGel .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after { transform: rotate(90deg); color: #fff; }
/*****/
#soldanGelKapat { display: none; }
#sabitle { display: none; }
/*******/
.logo-small { display: none; max-width: 100%; padding: 0 10px; }
.logo-large { display: block; width: auto; max-width: 155px; height: auto !important; !i; !; margin: 0 auto; }
/******/

.nav-link:focus, .nav-link:hover { color: var(--bs-gray-400) !important; }
/**********/
#flexmaster { display: flex; }
/***********/
#anaTepe { margin: 0 0 40px 0; }
#anaTepe h1 { margin: 0; font: 600 32px var(--baslik-fontu); }
/*********/
#listItemCat { }
#listItemCat table.item { display: flex; flex-direction: column; margin-bottom: 10px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; }
#listItemCat table.item tbody { overflow-y: auto; }
#listItemCat .item .kapsul { display: flex; align-items: center; padding: 10px 16px; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-start; }
#listItemCat .item .kapsul .selectAll, #listItem .item .list .select { display: block; flex-grow: 0; height: 20px; width: 20px; }
#listItemCat .item .kapsul .selectA { width: 2%; text-align: center; }
#listItemCat .item .kapsul .sira { width: 5%; text-align: center; }
#listItemCat .item .kapsul .urunAdi { /* margin: 0 0 0 19px; */ font: 500 16px var(--icerik-fontu); line-height: 20px; width: 53%; }
#listItemCat .item .kapsul .urunKat { width: 10%; text-align: center; }
#listItemCat .item .kapsul .yayin { width: 10%; text-align: center; }
#listItemCat .item .kapsul th.seeAll { width: 20%; text-align: right; }
#listItemCat .item .kapsul a.seeAll { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; /* padding-right: 20px; */ display: inline-block; width: 10%; text-align: right; }
#listItemCat .item .list { display: flex; align-items: center; justify-content: flex-start; padding: 5px 16px; border-bottom: .8px solid #e9ebec; }
#listItemCat .item .list figure { width: 48px; margin: 0 8px 0 0; height: 48px; padding: 4px; flex-grow: 0; }
#listItemCat .item .list figure img { width: 40px; height: 40px; object-fit: fill; }
#listItemCat .item .list .selectT { width: 2%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listItemCat .item .list .itemSira { width: 5%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listItemCat .item .list .kap { display: flex; align-items: center; width: 53%; /* margin: 0 0 0 19px; */ }
#listItemCat .item .list .kap .baslik { font: 500 14px var(--icerik-fontu); line-height: 16px; color: #495057; margin: 4px 0; display: block; }
#listItemCat .item .list .kap .time { color: #878a99; }
#listItemCat .item .list .itemKat { font: 400 16px var(--icerik-fontu); color: #878a99; width: 10%; text-align: center; }
#listItemCat .item .list .yayinDurum { width: 10%; text-align: center; }
#listItemCat .item .list .yayinDurum a { display: inline-block; text-align: center; }
#listItemCat .item .list .itemGit { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; display: flex; width: 20%; text-align: right; justify-content: flex-end; align-items: center; }
#listItemCat .item .list .itemGit span { margin-left: 5px }
/*********/
#itemList { }
#itemList .item { display: flex; flex-direction: column; min-height: 388px; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; }
#itemList .item .kapsul { display: flex; align-items: center; padding: 16px; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: space-between; }
#itemList .item .kapsul h2 { margin: 0; font: 500 16px var(--icerik-fontu); line-height: 20px; }
#itemList .item .kapsul a.seeAll { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; padding-right: 20px; display: inline-block; }
#itemList .item .kapsul a.seeAll:after { content: "\276F"; right: 5px; position: absolute; }
#itemList .item .list { display: flex; align-items: center; justify-content: flex-start; padding: 12px 16px; border-bottom: .8px solid #e9ebec; }
#itemList .item .list figure { width: 48px; margin: 0 8px 0 0; height: 48px; padding: 4px; flex-grow: 0; }
#itemList .item .list figure img { width: 40px; height: 40px; object-fit: fill; }
#itemList .item .list .kap { min-width: 45%; }
#itemList .item .list .kap .baslik { font: 500 14px var(--icerik-fontu); line-height: 16px; color: #495057; margin: 4px 0; display: block; }
#itemList .item .list .kap .time { color: #878a99; }
#itemList .item .list .itemKat { min-width: 35%; font: 400 16px var(--icerik-fontu); color: #878a99; }
#itemList .item .list a.itemGit { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; padding-right: 20px; display: inline-block; }
#itemList .item .list a.itemGit:after { content: "\276F"; right: 5px; position: absolute; }
/**********/
#listItem { }
#listItem table.item { display: flex; flex-direction: column; min-height: 393px; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 1); }
#listItem table.item tbody { overflow-y: auto; height: 649px; }
#listItem .item .kapsul { display: flex; align-items: center; padding: 10px 16px; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-start; }
#listItem .item .kapsul .selectAll, #listItem .item .list .select { display: block; flex-grow: 0; height: 20px; width: 20px; }
#listItem .item .kapsul .selectA { width: 2%; text-align: center; }
#listItem .item .kapsul .sira { width: 5%; text-align: center; }
#listItem .item .kapsul .urunAdi { /* margin: 0 0 0 19px; */ font: 500 16px var(--icerik-fontu); line-height: 20px; width: 38%; }
#listItem .item .kapsul .urunKat { width: 25%; text-align: center; }
#listItem .item .kapsul .yayin { width: 10%; text-align: center; }
#listItem .item .kapsul th.seeAll { width: 20%; text-align: right; }
#listItem .item .kapsul a.seeAll { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; /* padding-right: 20px; */ display: inline-block; width: 10%; text-align: right; }
#listItem .item .list { display: flex; align-items: center; justify-content: flex-start; padding: 8px 16px; border-bottom: .8px solid #e9ebec; }
#listItem .item .list figure { width: 48px; margin: 0 8px 0 0; height: 48px; padding: 4px; flex-grow: 0; }
#listItem .item .list figure img { width: 40px; height: 40px; object-fit: fill; }
#listItem .item .list .selectT { width: 2%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listItem .item .list .itemSira { width: 5%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listItem .item .list .kap { display: flex; align-items: center; width: 38%; /* margin: 0 0 0 19px; */ }
#listItem .item .list .kap .baslik { font: 500 14px var(--icerik-fontu); line-height: 16px; color: #495057; margin: 4px 0; display: block; }
#listItem .item .list .kap .time { color: #878a99; }
#listItem .item .list .itemKat { font: 400 16px var(--icerik-fontu); color: #878a99; width: 25%; text-align: center; }
#listItem .item .list .yayinDurum { width: 10%; text-align: center; }
#listItem .item .list .yayinDurum a { display: inline-block; text-align: center; }
#listItem .item .list .itemGit { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; display: flex; width: 20%; text-align: right; justify-content: flex-end; align-items: center; }
#listItem .item .list .itemGit span { margin-left: 5px }
/***********/
#contextMenu { position: absolute; display: none; }
#contextMenu .dropdown-menu > li { /* margin:10px 0; */ }
#contextMenu .dropdown-menu > li > a { display: flex; padding: 10px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; align-items: center; justify-content: flex-start; }
#contextMenu .dropdown-menu > li > a span { margin-right: 20px; }
#contextMenu .dropdown-menu > li > a:focus, #contextMenu .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
#contextMenu .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
/**********/
#listeUrun { margin-bottom: 15px; }
#listeUrun .kapsul { }
#listeUrun .kapsul .title { font: 600 26px var(--icerik-fontu); margin-bottom: 11px; }
#listeUrun .kapsul .selectKat { }
#listeUrun .kapsul .selectKat select { width: 100%; padding: 10px 20px 10px 5px; border: 1px solid #dedede; }
#listeUrun .kapsul .selectKat select option { }
#listeUrun .ekleSayfa { }
#listeUrun .ekleSayfa a { display: flex; align-items: center; border: 1px solid var(--bs-blue); padding: 10px 20px 10px 10px; }
#listeUrun .ekleSayfa span { margin-right: 11px; }
/**********/
.deveTab a.aktif { color: #c81518 }
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none }
.aktifTab { display: block }
.urunTab { margin: 30px 0px; }
.urunTab .bilgi { line-height: 30px; font-size: 15px; color: #111; padding: 30px 15px; background: transparent; border: none; }
.urunTab .bilgi h2 { margin: 0 0 15px 0; font-size: 18px; font-weight: 600 }
.urunTab .deveTab { border-bottom: 1px solid #f2f2f2; position: relative; }
.urunTab .deveTab a { border-radius: 0; font-size: 14px; padding: 10px 15px; background: transparent; display: inline-block; margin-right: 0; letter-spacing: .5px; font-weight: 600; }
.urunTab .deveTab a.aktif { color: var(--tema-renk1); background: transparent; border-bottom: 2px solid var(--tema-renk1); }
/**********/
#pageDetailCat .pageDet .item { position: relative; }
/*****/
#pageDetailCat { padding: 0 12px; }
#pageDetailCat #pageBil { display: flex; flex-direction: column; min-height: 388px; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; /* background: #ffffff; */ /* box-shadow: 0 1px 2px rgba(56,65,74,.15); */ /* border-radius: 4px; */ /* border: 1px solid rgba(221, 221, 221, 1); */ overflow: hidden; }
#pageDetailCat .pageTepe { display: flex; align-items: center; padding: 10px 15px 10px 0; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-end; }
#pageDetailCat .pageTepe a { font: 500 16px var(--icerik-fontu); /* padding: 18px 17px; */ }
#pageDetailCat .pageTepe a.aktif { }
#pageDetailCat .pageDet { /* padding: 15px; */ }
#pageDetailCat .pageDet .item { }
#pageDetailCat .pageDet .item .kap { display: flex; flex-direction: column; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 1); overflow: hidden; padding: 16px; }
#pageDetailCat .pageDet .item .kap .form-group { }
#pageDetailCat .pageDet .item .kap .form-group input { }
#pageDetailCat .pageDet .item .kap .form-group label { font: 500 13px var(--icerik-fontu); margin-bottom: 8px; line-height: 20px; color: #212529; letter-spacing: 0.2px; }
#pageDetailCat .pageDet .item .kap .form-group.baslik { margin: 0 0 16px; }
#pageDetailCat .pageDet .item .kap .form-group.kisaOzet { margin: 0 0 16px; }
#pageDetailCat .pageDet .item .kap .form-group.baslik input { }
#pageDetailCat .pageDet .item .kap .form-group.baslik input::placeholder { font: 400 15px var(--icerik-fontu); }
#pageDetailCat .pageDet .item .kap .form-group.baslik input:focus, #pageDetailCat .pageDet .item .kap .form-group.baslik input:not(:placeholder-shown) { /* padding: 26px 15px 10px; */ }
#pageDetailCat .pageDet .item .kap .form-group.baslik label { }
#pageDetailCat .pageDet .item .kap .form-group.kisaOzet .tox .tox-statusbar { display: none }
#pageDetailCat .tox-tinymce { border-radius: 4px }
#pageDetailCat .pageDet .item .kap .kod { padding: 16px 16px 0 !important; }
#pageDetailCat .pageDet .item .kap .kod input { padding: 10px 15px; height: 50px; }
#pageDetailCat .pageDet .item .kap .kod input:focus, #pageDetailCat .pageDet .item .kap .form-group.kod input:not(:placeholder-shown) { /*padding: 26px 15px 10px;*/ }
#pageDetailCat .pageDet .item .kap .kod label { padding: 0; }
#pageDetailCat .pageDet .item .kap .sira .siraGrp { display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 4px; overflow: hidden; }
#pageDetailCat .pageDet .item .kap .sira .siraGrp span { display: flex; align-items: center; justify-content: center; background: var(--bs-gray-100); height: 100%; padding: 8px; }
#pageDetailCat .pageDet .item .kap .sira .siraGrp input { border: none; }
#pageDetailCat .pageDet .item .kap.yayin { padding: 0; }
#pageDetailCat .pageDet .item .kap.tarih { padding: 0; }
#pageDetailCat .pageDet .item .kap.digerBilgi { padding: 0; }
#pageDetailCat .pageDet .item .kap.galeri { padding: 0; }
#pageDetailCat .pageDet .item .kap.seo { padding: 0; }
#pageDetailCat .pageDet .item .kap .bas { padding: 16px; border-bottom: 1px solid #e9ebec; display: block; font: 500 13px var(--icerik-fontu); line-height: 20px; }
#pageDetailCat .pageDet .item .kap .kal { padding: 16px; }
#pageDetailCat .pageDet .item .kap .kal label { font: 500 13px var(--icerik-fontu); margin-bottom: 8px; line-height: 20px; display: inline-block; }
#pageDetailCat .pageDet .item .kap.yayin .kal select { }
#pageDetailCat .pageDet .item .kap.yayin .kal select option { }
#pageDetailCat .pageDet .item .kap.galeri { }
#pageDetailCat .pageDet .item .kap.galeri .kal { }
#pageDetailCat .pageDet .item .kap.galeri .kal .baslik { display: block; color: #495057; font: 500 14px var(--icerik-fontu); line-height: 15px; margin-bottom: 5px; }
#pageDetailCat .pageDet .item .kap.galeri span.metin { font: 400 13px var(--icerik-fontu); display: block; color: #878a99; line-height: 20px; margin-bottom: 16px; }
#pageDetailCat .pageDet .item .kap .addPhoto { height: 45px; background-color: #003da5; color: #fff; text-align: center; display: block; width: 100%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; font: 600 14px var(--icerik-fontu); line-height: 20px; }
#pageDetailCat .pageDet .item .kap .addPhoto:hover { background-color: #003796; }
#pageDetailCat .pageDet .item .kap .addPhoto:active { background-blend-mode: multiply,normal; background-color: #003081; transform: scale(.98); box-shadow: 0 0 0 3px rgba(0,61,165,.2); }
#pageDetailCat .pageDet .item .kap .addPhoto input { position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; opacity: 0; font-size: 0; }
#pageDetailCat .pageDet .item .kap .addPhoto .met { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
#pageDetailCat .pageDet .item .kap .addPhoto .met label { color: #fbfbfb; cursor: default; font-size: 16px; font-weight: 500; line-height: 24px; padding: 8px; text-align: center; overflow-wrap: break-word; display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; }
#pageDetailCat .pageDet .item .kap .addPhoto .met label span.material-symbols-outlined { }
#pageDetailCat .pageDet .item .kap .addPhoto .met label span.altCiz { text-decoration: underline; text-decoration-color: #a7a4a4; cursor: pointer; }
#pageDetailCat .pageDet .item .kap #dvPreview { margin: 10px 0 0; }
#pageDetailCat .pageDet .item .kap #dvPreview img { width: 100%; height: auto; }
/*****/
#pageDetail .pageDet .item { position: relative; }
/*****/
#pageDetail { padding: 0 12px; }
#pageDetail #pageBil { display: flex; flex-direction: column; min-height: 388px; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; /* background: #ffffff; */ /* box-shadow: 0 1px 2px rgba(56,65,74,.15); */ /* border-radius: 4px; */ /* border: 1px solid rgba(221, 221, 221, 1); */ overflow: hidden; }
#pageDetail .pageTepe { display: flex; align-items: center; padding: 10px 15px 10px 0; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-end; }
#pageDetail .pageTepe a { font: 500 16px var(--icerik-fontu); /* padding: 18px 17px; */ }
#pageDetail .pageTepe a.aktif { }
#pageDetail .pageDet { /* padding: 15px; */ }
#pageDetail .pageDet .item { }
#pageDetail .pageDet .item .kap { display: flex; flex-direction: column; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 1); overflow: hidden; padding: 16px; }
#pageDetail .pageDet .item .kap .form-group { }
#pageDetail .pageDet .item .kap .form-group input { }
#pageDetail .pageDet .item .kap .form-group label { font: 500 13px var(--icerik-fontu); margin-bottom: 8px; line-height: 20px; color: #212529; letter-spacing: 0.2px; }
#pageDetail .pageDet .item .kap .form-group.baslik { margin: 0 0 16px; }
#pageDetail .pageDet .item .kap .form-group.kisaOzet { margin: 0 0 16px; }
#pageDetail .pageDet .item .kap .form-group.baslik input { }
#pageDetail .pageDet .item .kap .form-group.baslik input::placeholder { font: 400 15px var(--icerik-fontu); }
#pageDetail .pageDet .item .kap .form-group.baslik input:focus, #pageDetail .pageDet .item .kap .form-group.baslik input:not(:placeholder-shown) { /* padding: 26px 15px 10px; */ }
#pageDetail .pageDet .item .kap .form-group.baslik label { }
#pageDetail .pageDet .item .kap .form-group.kisaOzet .tox .tox-statusbar { display: none }
#pageDetail .tox-tinymce { border-radius: 4px }
#pageDetail .pageDet .item .kap .kod { padding: 16px 16px 0 !important; }
#pageDetail .pageDet .item .kap .kod input { padding: 10px 15px; height: 50px; }
#pageDetail .pageDet .item .kap .kod input:focus, #pageDetail .pageDet .item .kap .form-group.kod input:not(:placeholder-shown) { /* padding: 26px 15px 10px; */ }
#pageDetail .pageDet .item .kap .kod label { padding: 0; }
#pageDetail .pageDet .item .kap .sira .siraGrp { display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 4px; overflow: hidden; }
#pageDetail .pageDet .item .kap .sira .siraGrp span { display: flex; align-items: center; justify-content: center; background: var(--bs-gray-100); height: 100%; padding: 8px; }
#pageDetail .pageDet .item .kap .sira .siraGrp input { border: none; }
#pageDetail .pageDet .item .kap.yayin { padding: 0; }
#pageDetail .pageDet .item .kap.tarih { padding: 0; }
#pageDetail .pageDet .item .kap.digerBilgi { padding: 0; }
#pageDetail .pageDet .item .kap.galeri { padding: 0; }
#pageDetail .pageDet .item .kap.seo { padding: 0; }
#pageDetail .pageDet .item .kap.kategori { padding: 0; }
#pageDetail .pageDet .item .kap .bas { padding: 16px; border-bottom: 1px solid #e9ebec; display: block; font: 500 16px var(--icerik-fontu); line-height: 20px; }
#pageDetail .pageDet .item .kap .kal { padding: 16px; }
#pageDetail .pageDet .item .kap .kal label { font: 500 13px var(--icerik-fontu); margin-bottom: 8px; line-height: 20px; display: inline-block; }
#pageDetail .pageDet .item .kap.yayin .kal select { }
#pageDetail .pageDet .item .kap.yayin .kal select option { }
#pageDetail .pageDet .item .kap.galeri { }
#pageDetail .pageDet .item .kap.galeri .kal { }
#pageDetail .pageDet .item .kap.galeri .kal .baslik { display: block; color: #495057; font: 500 14px var(--icerik-fontu); line-height: 15px; margin-bottom: 5px; }
#pageDetail .pageDet .item .kap.galeri span.metin { font: 400 13px var(--icerik-fontu); display: block; color: #878a99; line-height: 20px; margin-bottom: 16px; }
.addPhoto { height: 45px; background-color: #003da5; color: #fff; text-align: center; display: block; width: 100%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; font: 600 14px var(--icerik-fontu); line-height: 20px; }
.addPhoto:hover { background-color: #003796; }
.addPhoto:active { background-blend-mode: multiply,normal; background-color: #003081; transform: scale(.98); box-shadow: 0 0 0 3px rgba(0,61,165,.2); }
.addPhoto input#Resim, .addPhoto input#ResimYukle, .addPhoto input#ResimYukleKucuk { position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; opacity: 0; font-size: 0; }
.addPhoto .met { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
.addPhoto .met label { color: #fbfbfb; cursor: default; font-size: 16px; font-weight: 500; line-height: 24px; padding: 8px; text-align: center; overflow-wrap: break-word; display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; }
.addPhoto .met label span.material-symbols-outlined { }
.addPhoto .met label span.altCiz { text-decoration: underline; text-decoration-color: #a7a4a4; cursor: pointer; }
#dvPreview { margin: 10px 0 0; }
#dvPreview img { width: 100%; height: auto; }
#onizleme { margin: 10px 0 0; }
#onizleme img { width: 100%; height: auto; }
/*****/
#sayfaTepe { margin: 0 0 24px; display: flex; justify-content: space-between; align-items: center; background: #ffffff; padding: 10px 13px; box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); font: 400 13px var(--icerik-fontu); line-height: 20px; }
#sayfaTepe h1 { margin: 0; font: 600 15px var(--baslik-fontu); text-transform: uppercase; color: #495057; }
/*****/
.field-validation-error { color: red }
/******/
#listLeadsStatus { }
#listLeadsStatus table.item { display: flex; flex-direction: column; min-height: 375px; margin-bottom: 10px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 1); }
#listLeadsStatus table.item tbody { overflow-y: auto; height: 395px; }
#listLeadsStatus .item .kapsul { display: flex; align-items: center; padding: 10px 16px; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-start; }
#listLeadsStatus .item .kapsul .selectAll, #listItem .item .list .select { display: block; flex-grow: 0; height: 20px; width: 20px; }
#listLeadsStatus .item .kapsul .selectA { width: 2%; text-align: center; }
#listLeadsStatus .item .kapsul .sira { width: 5%; text-align: center; }
#listLeadsStatus .item .kapsul .urunAdi { /* margin: 0 0 0 19px; */ font: 500 16px var(--icerik-fontu); line-height: 20px; width: 67%; }
#listLeadsStatus .item .kapsul .urunKat { width: 10%; text-align: center; }
#listLeadsStatus .item .kapsul .yayin { width: 10%; text-align: center; }
#listLeadsStatus .item .kapsul th.seeAll { width: 20%; text-align: right; }
#listLeadsStatus .item .kapsul a.seeAll { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; /* padding-right: 20px; */ display: inline-block; width: 10%; text-align: right; }
#listLeadsStatus .item .list { display: flex; align-items: center; justify-content: flex-start; padding: 5px 16px; border-bottom: .8px solid #e9ebec; }
#listLeadsStatus .item .list figure { width: 48px; margin: 0 8px 0 0; height: 48px; padding: 4px; flex-grow: 0; }
#listLeadsStatus .item .list figure img { width: 40px; height: 40px; object-fit: fill; }
#listLeadsStatus .item .list .selectT { width: 2%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listLeadsStatus .item .list .itemSira { width: 5%; text-align: center; font: 600 16px var(--icerik-fontu); }
#listLeadsStatus .item .list .kap { display: flex; align-items: center; width: 67%; /* margin: 0 0 0 19px; */ }
#listLeadsStatus .item .list .kap .baslik { font: 500 14px var(--icerik-fontu); line-height: 16px; color: #495057; margin: 4px 0; display: block; }
#listLeadsStatus .item .list .kap .time { color: #878a99; }
#listLeadsStatus .item .list .itemKat { font: 400 16px var(--icerik-fontu); color: #878a99; width: 10%; text-align: center; }
#listLeadsStatus .item .list .yayinDurum { width: 10%; text-align: center; }
#listLeadsStatus .item .list .yayinDurum a { display: inline-block; text-align: center; }
#listLeadsStatus .item .list .itemGit { color: var(--bs-primary); font: 400 15px var(--icerik-fontu); position: relative; display: flex; width: 20%; text-align: right; justify-content: flex-end; align-items: center; }
#listLeadsStatus .item .list .itemGit span { margin-left: 5px }
/********/
#durumEkle { }
#durumEkle .close { border: none; background: transparent; font-size: 22px; }
#durumEkle .kap { margin: 0 0 16px; }
#durumEkle .form-group label { font: 500 13px var(--icerik-fontu); line-height: 20px; color: #212529; letter-spacing: 0.2px; }
#durumEkle .digerBilgi .siraGrp { display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 4px; overflow: hidden; }
#durumEkle .digerBilgi .siraGrp span { display: flex; align-items: center; justify-content: center; background: var(--bs-gray-100); height: 100%; padding: 8px; }
#durumEkle .digerBilgi .siraGrp input { border: none; }
/********/
#leadsAddEdit .pageDet .item { }
/*****/
#leadsAddEdit { padding: 0 12px; }
#leadsAddEdit #pageBil { }
#leadsAddEdit .pageTepe { display: flex; align-items: center; padding: 10px 15px 10px 0; color: #212529; border-bottom: .8px solid #e9ebec; justify-content: flex-end; }
#leadsAddEdit .pageTepe a { font: 500 16px var(--icerik-fontu); /* padding: 18px 17px; */ }
#leadsAddEdit .pageTepe a.aktif { }
#leadsAddEdit .pageDet { }
#leadsAddEdit .pageDet .col-lg-6 { padding: 0 15px; }
#leadsAddEdit .pageDet .item { }
#leadsAddEdit .pageDet .item .kap { display: flex; flex-direction: column; margin-bottom: 24px; position: relative; font: 400 13px var(--icerik-fontu); line-height: 20px; color: #212529; background: #ffffff; box-shadow: 0 1px 2px rgba(56,65,74,.15); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 1); overflow: hidden; padding: 16px; }
#leadsAddEdit .pageDet .item .kap .form-group { margin: 0 0 16px; }
#leadsAddEdit .pageDet .item .kap .form-group input { }
#leadsAddEdit .pageDet .item .kap .form-group label { font: 500 13px var(--icerik-fontu); margin-bottom: 8px; line-height: 20px; color: #414447; letter-spacing: 0.2px; }
#leadsAddEdit .pageDet .item .kap .form-group.baslik { /* margin: 0 0 16px; */ }
#leadsAddEdit .pageDet .item .kap .form-group.kisaOzet { margin: 0 0 16px; }
#leadsAddEdit .pageDet .item .kap .form-group.baslik input { }
::placeholder { color: #ccc !important }
#leadsAddEdit .pageDet .item .kap .form-group input::placeholder, #leadsAddEdit .pageDet .item .kap .form-group textarea::placeholder { font: 400 13px var(--icerik-fontu); color: #fbfbfb; }
#leadsAddEdit .pageDet .item .kap .form-group.baslik input:focus, #leadsAddEdit .pageDet .item .kap .form-group.baslik input:not(:placeholder-shown) { /* padding: 26px 15px 10px; */ }
#leadsAddEdit .pageDet .item .kap .form-group.baslik label { }
#leadsAddEdit .pageDet .item .kap .form-group.kisaOzet .tox .tox-statusbar { display: none }
#leadsAddEdit .tox-tinymce { border-radius: 4px }
#leadsAddEdit .pageDet .item .kap .kod { padding: 16px 16px 0 !important; }
#leadsAddEdit .pageDet .item .kap .kod input { padding: 10px 15px; height: 50px; }
#leadsAddEdit .pageDet .item .kap .kod input:focus, #leadsAddEdit .pageDet .item .kap .form-group.kod input:not(:placeholder-shown) { /*padding: 26px 15px 10px;*/ }
#leadsAddEdit .pageDet .item .kap .kod label { padding: 0; }
#leadsAddEdit .pageDet .item .kap .sira .siraGrp { display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 4px; overflow: hidden; }
#leadsAddEdit .pageDet .item .kap .sira .siraGrp span { display: flex; align-items: center; justify-content: center; background: var(--bs-gray-100); height: 100%; padding: 8px; }
#leadsAddEdit .pageDet .item .kap .sira .siraGrp input { border: none; }
#leadsAddEdit .pageDet .item .kap.musBil { padding: 0; }
#leadsAddEdit .pageDet .item .kap.kisBil { padding: 0; }
#leadsAddEdit .pageDet .item .kap.iletisim { padding: 0; }
#leadsAddEdit .pageDet .item .kap.adres { padding: 0; }
#leadsAddEdit .pageDet .item .kap.aciklama { padding: 0; }
#leadsAddEdit .pageDet .item .kap.izin { padding: 0; }
#leadsAddEdit .pageDet .item .kap.yayin { padding: 0; }
#leadsAddEdit .pageDet .item .kap.tarih { padding: 0; }
#leadsAddEdit .pageDet .item .kap.digerBilgi { padding: 0; }
#leadsAddEdit .pageDet .item .kap.galeri { padding: 0; }
#leadsAddEdit .pageDet .item .kap.seo { padding: 0; }
#leadsAddEdit .pageDet .item .kap .bas { padding: 16px; border-bottom: 1px solid #e9ebec; display: block; font: 500 16px var(--icerik-fontu); line-height: 20px; }
#leadsAddEdit .pageDet .item .kap .kal { padding: 16px; }
#leadsAddEdit .pageDet .item .kap .kal label { font: 500 13px var(--icerik-fontu); margin-bottom: 2px; line-height: 20px; display: inline-block; }
#leadsAddEdit .pageDet .item .kap.yayin .kal select { }
#leadsAddEdit .pageDet .item .kap.yayin .kal select option { }
#leadsAddEdit .pageDet .item .kap.galeri { }
#leadsAddEdit .pageDet .item .kap.galeri .kal { }
#leadsAddEdit .pageDet .item .kap.galeri .kal .baslik { display: block; color: #495057; font: 500 14px var(--icerik-fontu); line-height: 15px; margin-bottom: 5px; }
#leadsAddEdit .pageDet .item .kap.galeri span.metin { font: 400 13px var(--icerik-fontu); display: block; color: #878a99; line-height: 20px; margin-bottom: 16px; }
#leadsAddEdit .pageDet .item .kap .addPhoto { height: 45px; background-color: #003da5; color: #fff; text-align: center; display: block; width: 100%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; font: 600 14px var(--icerik-fontu); line-height: 20px; }
#leadsAddEdit .pageDet .item .kap .addPhoto:hover { background-color: #003796; }
#leadsAddEdit .pageDet .item .kap .addPhoto:active { background-blend-mode: multiply,normal; background-color: #003081; transform: scale(.98); box-shadow: 0 0 0 3px rgba(0,61,165,.2); }
#leadsAddEdit .pageDet .item .kap .addPhoto input { position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; opacity: 0; font-size: 0; }
#leadsAddEdit .pageDet .item .kap .addPhoto .met { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
#leadsAddEdit .pageDet .item .kap .addPhoto .met label { color: #fbfbfb; cursor: default; font-size: 16px; font-weight: 500; line-height: 24px; padding: 8px; text-align: center; overflow-wrap: break-word; display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; }
#leadsAddEdit .pageDet .item .kap .addPhoto .met label span.material-symbols-outlined { }
#leadsAddEdit .pageDet .item .kap .addPhoto .met label span.altCiz { text-decoration: underline; text-decoration-color: #a7a4a4; cursor: pointer; }
#leadsAddEdit .pageDet .item .kap #dvPreview { margin: 10px 0 0; }
#leadsAddEdit .pageDet .item .kap #dvPreview img { width: 100%; height: auto; }
/*********/ /********/
#notListesi { padding: 40px 20px; background: #fff; margin: 0 15px 0 28px; }
#notListesi .tarihNot { margin: 10px 0 11px 103px; font-size: 15px; }
#notListesi .oge { position: relative; padding: 0 0 60px 0; display: flex; }
#notListesi .oge:after { position: absolute; left: 40px; top: 0; height: 100%; width: 1px; background: #e0e0e0; z-index: 9; content: ''; }
#notListesi .oge .sol { float: left; width: 80px; margin-right: 20px; background: #f3f3f9; position: relative; z-index: 11; padding: 10px 0 10px 0; }
#notListesi .oge .sol span { margin: 0 auto; position: relative; font-weight: 500; display: block; color: #337ab7; font-size: 13px; height: 60px; width: 60px; background: #ffde84; border-radius: 50%; text-align: center; }
#notListesi .oge .sol span strong { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #555; font-weight: 600; font-size: 12px }
#notListesi .oge .sol time { color: #999; display: block; margin-top: 10px; text-align: center; font-size: 11px; font-weight: 400; }
#notListesi .oge .sol em { font: 600 23px 'Material Icons'; position: absolute; top: 43px; left: -6px; color: #6b6b6b; }
#notListesi .oge .linkler { text-align: right; position: absolute; right: 0; }
#notListesi .oge .linkler a { padding: 4px 8px; font-weight: 400; display: inline-block; margin: 0 5px 0 0; line-height: 18px; }
#notListesi .oge .linkler a span { font-size: 20px; line-height: 20px; }
#notListesi .oge .linkler a.edit { background: #d4e672; color: #444; }
#notListesi .oge .linkler a.del { background: #e30613; color: #fff; }
#notListesi .oge .mesaj { display: block; letter-spacing: .3px; padding: 10px 10px 75px 20px; width: calc(100% - 112px); background: #f3f3f9; border-radius: 10px; position: relative; }
#notListesi .oge .mesaj modul { display: block; margin-bottom: 5px; color: #b89128; }
#notListesi .oge .mesaj p { margin: 0 }
#notListesi .oge .mesaj img { cursor: pointer; max-width: 100px; height: initial; display: block; margin: 10px 0; }
#notListesi .oge .mesaj .konu { margin: 5px 5px 10px 0; text-transform: uppercase; font-size: 13px; background: #f1f1f1; padding: 7px; }
#notListesi .oge .mesaj .icerik { font-size: 14px; color: #333; font-weight: 400; }
#notListesi .oge .mesaj .ekler { margin-top: 20px; }
#notListesi .oge .mesaj .ekler span { font-size: 22px; color: #666; vertical-align: middle; margin-right: 10px; }
#notListesi .oge .mesaj .ekler strong { font-size: 11px; color: #666; vertical-align: middle; margin-right: 10px; }
#notListesi .oge .mesaj .ekler strong a { display: inline-block; margin-right: 10px; font-weight: 400; font-size: 13px; }
/********/
.nav-tabs { border-bottom: none; }
.breadcrumb { margin-bottom: 0 }
/********/
.anasayfa { }
.anasayfa .sutunlar { min-height: 460px; overflow-X: auto; white-space: nowrap; padding-bottom: 40px; display: flex; flex-wrap: nowrap; }
.anasayfa .sutunlar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff; background-color: #666; }
.anasayfa .sutunlar::-webkit-scrollbar { height: 6px; background-color: #fff; }
.anasayfa .sutunlar::-webkit-scrollbar-thumb { background-color: #fff; border: 4px solid rgba(149,155,148,.6); }
.anasayfa fieldset.sutun { min-width: 300px; width: 25%; padding: 0 10px; background: #f7f7f7; display: block; flex-shrink: 0; position: relative; }
.anasayfa fieldset.sutun > div { height: 100% }
.anasayfa fieldset.sutun > div > ul { height: 100% }
.anasayfa h2 { font-size: 14px; color: #353535; background: #f3f3f9; padding: 5px 10px; font-weight: 600; margin: 0 -10px; text-transform: uppercase; }
.anasayfa ul.ana { background: #e9e9e9; min-height: 150px; list-style: none; margin: 0; padding: 0 }
.anasayfa ul.ana li.ana { position: relative; border-radius: 3px; padding: 10px 10px 10px 10px; margin: 10px 0; background: #ffffff; border: none; font-size: 14px; box-shadow: 0px 0px 10px #ececec; color: #3b3738; }
.anasayfa .basharf { padding: 0 !important; font-size: 16px; }
.anasayfa ul.ana li.ana span { display: block; white-space: initial; color: #333; }
.anasayfa ul.ana li.ana span.title { margin-right: 43px; }
.anasayfa ul.ana li.ana span a { color: #00203c; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 42px; }
.anasayfa ul.ana li.ana strong.a { color: #405189; font-weight: 400; overflow: hidden; font-size: 14px; display: block; margin: 9px 0; }
.anasayfa ul.ana li.ana strong.a small { font-weight: 400; font-size: 14px; color: #000 }

.anasayfa ul.ana li.ana a.dropbtn { z-index: 9; position: absolute; right: 6px; top: 6px; font-size: 19px; color: #3e3e3e; cursor: pointer; }
.anasayfa ul.alt { background: transparent; display: flex; align-items: center; padding: 0; margin: 20px 0 0 0; padding-top: 5px; border-top: solid 1px #e9e9e9; }
.anasayfa ul.alt li.alt { background: #fff; position: relative; overflow: hidden; text-align: center; margin: 0 10px; }
.anasayfa ul.alt:after { display: table; clear: both; content: " "; }
.anasayfa ul.alt li.alt a { display: block; }
.anasayfa ul.alt li.alt a img { max-height: 100%; max-width: inherit; }
.anasayfa ul.ana li.oncelik1:after, .anasayfa ul.ana li.oncelik2:after, .anasayfa ul.ana li.oncelik3:after, .anasayfa ul.ana li.oncelik4:after, .anasayfa ul.ana li.oncelik5:after { content: ''; content: ''; position: absolute; left: 5px; top: 14px; width: 6px; height: 6px; border-radius: 50%; }
.anasayfa ul.ana li.oncelik2:after { background: #e02 }
.anasayfa ul.ana li.oncelik2:after { background: #ffc107 }
.anasayfa ul.ana li.oncelik3:after { background: #490 }
.anasayfa ul.ana li.oncelik4:after { background: #1a7bb9 }
.anasayfa ul.ana li.oncelik5:after { background: #777 }
.anasayfa .kulListesi { float: right; padding: 0px 0 20px 0; display: flex; }
.anasayfa .kulListesi a { margin-left: 10px; display: block; border: 1px solid #969494; height: 35px; width: 35px; margin-top: 7px; border-radius: 50%; overflow: hidden; }
.anasayfa .kulListesi a.active-True span { background: #1a73e8; color: #fff; }
.anasayfa .kulListesi a img { max-height: 100%; max-width: initial; }
.anasayfa .kulListesi a span { font-size: 14px; display: block; text-align: center; line-height: 34px; color: #333; letter-spacing: .5px; background: #f5f5f5; }
.anasayfa .panoKulListesi { background: #fff; border-radius: 5px; padding: 10px 0; margin-top: 20px; }
.anasayfa .panoKulListesi a { display: block; margin-bottom: 10px; }
.anasayfa .panoKulListesi a img { max-height: 100%; max-width: initial; }
.anasayfa .panoKulListesi a span { margin-left: 10px; display: block; float: left; border: 1px solid #969494; height: 35px; width: 35px; margin-top: 7px; border-radius: 50%; overflow: hidden; text-align: center; line-height: 31px; }
.anasayfa .panoKulListesi a strong { float: left; margin: 17px 0 0 8px; font-weight: 400; color: #222; font-size: 14px; }
time.gun { margin-left: 10px; color: #fff; padding: 0 3px; font-size: 11px; border-radius: 3px; }
time.var { background: #15be00; }
time.gecikti { background: #f00; }
time.bugun { display: none; }
/***loading***/
.loader { left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 1000; background: rgba(0,0,0,0.8); }
.loader .circle { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); fill: transparent; stroke: #fff; stroke-width: 5; animation: dash 2s ease infinite,rotate 2s linear infinite; }

@keyframes dash {
    0% { stroke-dasharray: 1,95; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 85,95; stroke-dashoffset: -25; }
    100% { stroke-dasharray: 85,95; stroke-dashoffset: -93; }
}

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

.loaderInner { position: relative; height: 100px; background: #fff; margin: 0 2px; }
.loaderInner .circle { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); fill: transparent; stroke: #1a73e8; stroke-width: 4; animation: dash 2s ease infinite,rotate 2s linear infinite; }
.loaderButton { text-align: center; position: relative; background: #fff; width: 105px }
.loaderButton .circle { fill: transparent; stroke: #1a73e8; stroke-width: 3; animation: dash 2s ease infinite,rotate 2s linear infinite; }
/***loading***/ /********/
#yorumYaz { padding: 5px 20px; background: #888; color: #fff; font-size: 11px; display: block; width: 102px; margin: 25px auto 0 auto; }
.modalDialog { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1454; }
.modalDialog .ic { max-width: 96%; position: fixed; top: 85px; left: 50%; transform: translateX(-50%); background: #fff; width: 440px; height: auto; }
.modalDialog a.kapat { position: absolute; right: 6px; top: 3px; font-size: 30px; z-index: 1000; color: #555; }
.modalDialog .ekle { margin: 5px 0; padding: 10px 15px 5px 15px; }
.modalDialog .baslik { padding: 10px 15px; border-bottom: 1px solid #ddd; background: #f9f9f9; font-weight: 400; font-size: 15px; }
.modalDialog input[type=text] { padding: 10px; width: 100%; margin: 10px 0; }
.modalDialog select { padding: 10px 5px; width: 100%; margin-top: 9px }
.modalDialog .islemler { text-align: right; margin: 20px 0 0 0; }
.modalDialog .islemler .iptalBtn { font-size: 14px; font-weight: 600; color: #202124; }
.modalDialog .islemler .uygulaBtn { background: no-repeat; cursor: pointer; border: none; color: #1a73e8; font-size: 14px; line-height: 20px; font-weight: 600; }
span.grey { color: #dbd8d8; font-weight: 400; }
/********/
.urunAcilisDropDown { position: absolute; top: 0; left: 0; width: 150px; z-index: 90; min-width: 150px; display: none; }
.urunAcilisDropDown .baslik { color: #1a73e8; font-weight: 600; letter-spacing: .4px; cursor: auto; text-align: center; }
.urunAcilisDropDown a { font-size: 13px; }
.urunAcilisDropDown a strong { float: left; display: block; line-height: 25px; margin-left: 11px; font-weight: 400; }
.urunAcilisDropDown a:not(.baslik) { }
/****/
.breadcrumb-item.active-False { }
.breadcrumb-item.active-False a { padding: 10px 0; background: var(--bs-gray-200); text-align: center; display: block; width: 40px; color: var(--bs-body-color); }
.breadcrumb-item.active-False:hover a { background: var(--bs-gray-300); }
.breadcrumb-item.active-True a { background: var(--bs-blue); padding: 10px 0; text-align: center; display: block; width: 40px; color: #fff }
.dropdown-menu li.active-True a { color: var(--bs-blue); }
/****/
.daireBtn { transition: all ease .2s; background: #1a73e8; color: #fff !important; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); display: inline-block; font-size: 26px; font-weight: 400; text-align: center; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; position: fixed; right: 15px; bottom: 15px; z-index: 999; }
#bildirimSilinenler { background: #eee; border-radius: 50%; }

#bildirim { position: relative; height: 35px; }
#bildirim i { font-size: 21px; }
#bildirim .badge-danger { background: #f00; position: absolute; z-index: 5; right: 2px; top: -1px; padding: 2px 0; border-radius: 50%; width: 21px; height: 20px; line-height: 15px; }


#filtreBolumu { position: relative; overflow-y: auto; padding: 0 0 0 15px; }
#filtreBolumu .bolum { overflow-x: hidden; margin: 0 15px 15px 0; max-height: 300px; overflow-y: auto; display: flex; flex-wrap: wrap; column-gap: 30px; }
#filtreBolumu .bolum::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
#filtreBolumu .bolum::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; }
#filtreBolumu .bolum::-webkit-scrollbar-thumb { background-color: #000000; border: 2px solid #555555; }
#filtreBolumu .bolum h2 { white-space: nowrap; margin: 0; color: #000; font-weight: 500; font-size: 15px; padding: 15px 0 10px 0; width: 100%; }
#filtreBolumu .bolum a { font-weight: 400; display: flex; align-items: center; width: 43%; margin-bottom: 15px; }
#filtreBolumu .bolum a span { display: block; color: #555; font-size: 17px; margin-right: 7px; }
#filtreBolumu .bolum a strong { display: block; font-size: 14px; line-height: 17px; color: #171717; font-weight: 400; }
#filtreBolumu .bolum a:after { display: table; clear: both; content: " "; }
#listeTablo tr:nth-child(2n) { background: #f0f4fc; }
#listeTablo td { vertical-align: middle }
#listeTablo th { vertical-align: middle }
/*****************/
#filtreQueryParam { margin: 0; padding: 0; }
#filtreQueryParam li { position: relative; float: left; margin: 0 10px 20px 0; border-radius: 25px; background-color: #fff; padding: 0px 15px 2px 45px; list-style: none; }
#filtreQueryParam li:not(#haricTut) a { font: 400 31px Arial; position: absolute; left: 8px; top: 7px; color: #484848; padding: 5px; background: #ededed; border-radius: 50%; width: 30px; height: 30px; line-height: 22px; text-align: center; }
#filtreQueryParam li span { display: block; font-size: 13px; color: #999; font-weight: 400 }
#filtreQueryParam li strong { font-size: 14px; color: #484848; font-weight: 400; display: block; }
#filtreQueryParam li#haricTut { margin-top: 10px; background-color: transparent; padding: 4px }
#clearAllFilters { font-size: 14px; color: #1ac600; letter-spacing: .5px }
/*****************/
/***takvim***/
.fc .fc-button { font-size: 14px; background: var(--vz-secondary-bg); border-color: var(--vz-border-color); color: #495057; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; padding: 6px 12px !important; height: auto !important; }
.fc-toolbar-chunk .fc-button-group .fc-button { color: #3577f1; background-color: rgba(53,119,241,.15); border: none; -webkit-box-shadow: none; box-shadow: none; }
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #3577f1 !important; border-color: #3577f1 !important; color: #fff !important; }
.fc-toolbar-chunk .fc-button-group .fc-button.active, .fc-toolbar-chunk .fc-button-group .fc-button:hover { color: #fff; background-color: #3577f1; }
.fc .fc-toolbar h2 { font-size: 16px; line-height: 30px; text-transform: uppercase; }
.fc-toolbar-chunk .fc-button-group .fc-button { color: #3577f1; background-color: rgba(53,119,241,.15); border: none; -webkit-box-shadow: none; box-shadow: none; }
.fc-toolbar-chunk .fc-button-group { -webkit-box-shadow: none; box-shadow: none; }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: 0.75em; }
.fc-toolbar-chunk .fc-today-button { background-color: #3577f1 !important; border: #3577f1; }
.fc .fc-button-group > .fc-prev-button, .fc .fc-button-group > .fc-next-button { padding: 6px 6px !important; }
.fc-next-button, .fc-prev-button { position: relative; padding: 6px 8px !important; }

.fc-event { border-radius: 2px; border: none; cursor: move; font-size: .8125rem; margin: 5px 7px; padding: 5px 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; text-align: center; }
/***takvim***/
.form-group label { font-size: 14px !important; font-weight: 500; color: #333 !important; }
.pageDet .h5, form .h5, .form .h5 { font-size: 16px; }
/***/
.table-hover > tbody > tr:hover .progress { background-color: #fdfdfd; }

#fullscreen { }

.anasayfa .ui-state-highlight { height: 100px; background: #00203c !important; color: #fff !important; border: 1px dashed #333; }

.select2-container .select2-selection--single { height: 38px !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px !important; right: 9px !important; }

h1.h5 { margin-bottom: 0; color: #39497e !important; font-size: 16px; }

.main-timeline-5 { position: relative; max-width: 50%; margin: 0 auto; }
.main-timeline-5::after { content: ""; position: absolute; width: 1px; background-color: var(--tema-renk2); top: 0; bottom: 0; left: auto; margin-left: -3px; }
.timeline-5 { position: relative; background-color: inherit; width: 100%; }
.timeline-5::after { content: ""; position: absolute; width: 17px; height: 17px; right: 1px; background-color: var(--tema-renk2); top: 14px; border-radius: 50%; z-index: 1; }
.right-5 { padding: 0px 0px 20px 40px; left: auto; }
.right-5::before { content: " "; position: absolute; top: 12px; z-index: 1; left: 30px; border: medium solid #405189; border-width: 10px 10px 10px 0; border-color: transparent var(--tema-renk2) transparent transparent; }
.right-5::after { left: -12px; }

#gorevler .itemler div { display: flex; padding-bottom: 10px; width: 100%; margin-bottom: 10px; border-bottom: solid 1px #dfdfdf; }
#gorevler .itemler div:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 }
#gorevler .itemler div span { position: relative; display: block; margin-right: 5px; width: 150px; flex-shrink: 1; }
#gorevler .itemler div span:after { content: ':'; position: absolute; right: 4px; top: 0 }
#gorevler .itemler div strong { font-weight: 400; color: #000000; }

#eposta .ekler { position: relative; display: flex; justify-content: flex-end; padding: 0 15px; }
#eposta .ekler .file { width: 115px; height: 85px; word-break: break-all; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; margin-left: 20px; }
#eposta .ekler .file a { background: #efefef; padding: 5px 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#eposta .ekler .file a:hover { background: #d7d7d7; }
#eposta .count[data-adet='0'] { display: none }

#eposta .count { background: #405189; position: absolute; right: 0; top: 0; }

.avatar-xxs { height: 1.5rem; width: 1.5rem }
.avatar-xs { height: 2rem; width: 2rem }
.avatar-sm { height: 3rem; width: 3rem }
.avatar-md { height: 4.5rem; width: 4.5rem }
.avatar-lg { height: 6rem; width: 6rem }
.avatar-xl { height: 7.5rem; width: 7.5rem }

#listeTablo thead { }
#listeTablo thead tr { }
#listeTablo thead tr th { color: #00203c; font-weight: 500; }

#listeTablo.table .sort { position: relative; }
#listeTablo.table .sort::before { content: "\F22C"; position: absolute; right: .5rem; top: 19px; font-size: .8rem; font-family: "bootstrap-icons" }
#listeTablo.table .sort::after { position: absolute; right: .5rem; content: "\F238"; font-family: "bootstrap-icons"; font-size: .8rem; top: 11px; }
#listeTablo.table .sort.desc::before { content: "\F229"; }
#listeTablo.table .sort.asc::after { content: "\F235"; }
#listeTablo.table .sort[data-sort="sirano"] { width: 90px }


#listeTablo .ui-sortable-helper { display: table; }
#listeTablo .ui-sortable-placeholder { visibility: visible !important; background: #ccc; border: 1px dashed #ccc; width: 100% }

#teklifTablo { font-size: 14px }
#teklifTablo thead tr th { color: #333; font-weight: 500; white-space: nowrap; font-size: 14px; }


.dropdown-menu { animation-name: DropDownSlide; animation-duration: .3s; animation-fill-mode: both; }

.dropdown-menu[data-popper-placement=top-start] { animation-name: DropDownSlideDown }


@keyframes DropDownSlide {
    100% { margin-top: -1px }
    0% { margin-top: 8px }
}

@keyframes DropDownSlideDown {
    100% { margin-bottom: 0 }
    0% { margin-bottom: 8px }
}

#ToastMesajiStack { z-index: 1456; }
#ToastMesajiStack .toast { background-color: #fff; padding: 7px 14px }

label.required::after { content: '*'; color: red; margin-left: 0.25em; }
.panel-fullscreen { position: fixed !important; z-index: 2055; top: 0; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; max-width: 100vw !important; border-radius: 0; border: 0; }
.panel-fullscreen .card-body { overflow-y: auto }
.panel-fullscreen .map { height: 100% !important; }
.panel-fullscreen .map svg { width: 100%; height: 100%; }
/****************/
.panel-fullscreenurunler { overflow-y: auto; position: fixed !important; z-index: 118; top: 0; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; max-width: 100vw !important; border-radius: 0; border: 0; }
.panel-fullscreenurunler .card-body { overflow-y: auto }
.panel-fullscreenurunler .map { height: 100% !important; }
.panel-fullscreenurunler .map svg { width: 100%; height: 100%; }
/****************/

.modaldialog-fullscreen .ic { position: fixed !important; z-index: 2055; top: 0 !important; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; max-width: 100vw !important; width: 100% !important; transform: initial !important; }

.fieldset-fullscreen { position: absolute !important; z-index: 2055; top: 0 !important; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; max-width: 100vw !important; width: 100% !important; transform: initial !important; overflow: hidden; }
.fieldset-fullscreen ul.ana { display: flex; flex-wrap: wrap; column-gap: 20px; overflow-y: auto; height: auto !important; }
.fieldset-fullscreen ul.ana li.ana { width: calc(33% - 9px); }
.fieldset-fullscreen:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #e9e9e9; z-index: -1; width: 150000px; height: 20000px; }

.kanvasDeve { width: 275px }
.kanvasDeve.bigDeve { width: 375px }
.kanvasDeve .offcanvas-header { background-image: linear-gradient(-303deg, #405189, #202844 65%, #405189) }
.kanvasDeve .canvasFooteri { background-color: #efefef; padding: 10px 10px; display: flex; gap: 10px; justify-content: space-between; }
/*******/
#notlar { }
#notlar .card { position: relative; border: none; background: #fff; color: #495057; margin-bottom: 1.5rem; box-shadow: 0 0px 18px 2px rgb(56 65 74 / 25%); border-radius: 4px; padding: 16px 20px 13px 20px; height: 100% }
#notlar .card-title { display: flex; justify-content: space-between; align-items: center; margin: 0; }
#notlar .card-title h5 { font-size: 18px; margin: 0; column-gap: 10px; display: flex; align-items: flex-end; }
#notlar .card-title h5 i { opacity: .7; font-size: 23px; }
#notlar .card-title h5 span { display: block; margin-bottom: 1px; }
#notlar .card-body { color: rgb(33, 37, 41); line-height: 27px; font-weight: 400; padding: 16px 0 16px 0; }
#notlar .card-body .dropdown-btn { position: absolute; right: 16px; top: 32px; z-index: 9 }
#notlar .card-end { border-top: solid 1px #e9ebec; padding: 12px 0 0 0; display: flex; justify-content: space-between; align-items: center; }
#notlar .card-end a { font-size: 18px; font-weight: 500; display: flex; align-items: center; color: #333; }
#notlar .card-end a span { }
#notlar .card-end a i { font-size: 29px; color: #333; }
#notlar .card-end a:hover { color: #000 }
#notlar .card-end a i:hover { color: #000 }
#notlar .card-end div { font-size: 16px; font-weight: 400; display: flex; column-gap: 9px; }
#notlar .card-end div span { }
#notlar .card-end div i { font-size: 18px; }
#notlar .dropdown i { font-size: 18px }

#notlar .card .card-end .islem { opacity: 0; }
#notlar .card:hover .card-end .islem { opacity: 1; }

#notlar .pagination > li:only-child { display: none; }

#notlar .view-buttons { }
#notlar .view-buttons .btn { padding: 4px 8px; border: 1px solid #dee2e6; background: #fff; color: #6c757d; }
#notlar .view-buttons .btn:hover,
#notlar .view-buttons .btn.active { background: #f8f9fa; color: #212529; }
#notlar .list-view { display: flex; flex-direction: column; }
#notlar .list-view .col { width: 100%; padding: 0; }
#notlar .list-view .card { padding: 0 0 20px 0; box-shadow: none; border-bottom: solid 1px #ddd; flex-direction: row; align-items: center; margin: 0 }
#notlar .list-view .card-body { flex: 1; padding: 0; }
#notlar .list-view .card-end { border: none; padding: 0; display: flex; align-items: center; gap: 1rem; padding-right: 1rem; }
#notlar .list-view .card-end > div { margin: 0; }
#notlar .list-view .card-end .islem { opacity: 1 }
.nav-tabs .nav-link { color: #111; font-weight: 600 }

.dropdown .dropdown-item a { display: flex; align-items: center; }
/********/
ul#headerikonlar { display: flex; align-items: center; justify-content: center; column-gap: 12px; margin: 0; list-style: none }
ul#headerikonlar li { width: 39px; }
ul#headerikonlar li a { position: relative; display: flex; align-items: center; justify-content: center; }
ul#headerikonlar li a i { font-size: 22px; color: #444; }
ul#headerikonlar li a .badge-danger { background: #f00; position: absolute; z-index: 5; right: 2px; top: -1px; padding: 2px 0; border-radius: 50%; width: 21px; height: 20px; line-height: 15px; }

ul#headerikonlar li a .badge-danger[data-value="0"] { width: 8px; height: 8px; }
ul#headerikonlar li a .badge-danger[data-value="0"]::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #02ad00; border-radius: 50%; }
ul#headerikonlar li a:hover i { color: #405189; }
ul#headerikonlar li a i.bi-fullscreen { font-size: 18px }
/**************/
.sagserit { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right }

.sagserit serit { background: #299cdb; font-size: 13px; color: #fff; text-align: center; line-height: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 100px; display: block; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02); position: absolute; top: 19px; left: -21px; font-weight: 600; left: auto; right: -21px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.sagserit serit:before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #1a6f9d; border-top: 3px solid #1a6f9d }

.sagserit serit:after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid #1a6f9d; border-top: 3px solid #1a6f9d }

/***kayityok***/
main:has(.kayitvar0) { }
.kayitvar { display: none !important }
.kayitvar0 { display: flex !important; flex-wrap: wrap; flex-direction: column; text-align: center; height: 60vh; justify-content: center; }
.kayitvar0 i { }
.kayitvar0 i:before { color: #001a3a; }
.kayitvar0 h2 { color: #405189; font-weight: 400; }
.sutunlar0 { display: none !important }
/***kayityok***/
.FavoriFalse { color: #d3d3d3; }
.FavoriTrue { color: #FFD700; }


.sallan { justify-content: center; align-items: center; transition: transform 0.3s ease-in-out; animation: sallan 10s ease-in-out 0s infinite; transform-origin: 50% 0; }

@keyframes sallan {
    0% { transform: rotate(0); }
    5% { transform: rotate(10deg); }
    10% { transform: rotate(-9deg); }
    15% { transform: rotate(8deg); }
    20% { transform: rotate(-7deg); }
    25% { transform: rotate(6deg); }
    30% { transform: rotate(-5deg); }
    35% { transform: rotate(4deg); }
    40% { transform: rotate(-3deg); }
    45% { transform: rotate(2deg); }
    50% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

div#ToastMesaji { z-index: 1453; }

.teknikozellikgoster { background: #f2f2f2; padding: 15px 15px 10px 15px; margin: 20px 0; border-radius: 6px; display: flex; flex-wrap: wrap; }
.teknikozellikgoster .item { width: 50%; margin-bottom: 10px; display: flex; font-size: 14px; }

.teknikozellikgoster .item strong { white-space: nowrap; display: block; width: 115px; position: relative }
.teknikozellikgoster .item strong:after { content: ':'; position: absolute; right: 5px; top: 0 }
.teknikozellikgoster .item span { }
#teklifTablo .bodyTBODY tr:nth-child(2n+1) .teknikozellikgoster { background: #fff; }
.teknikozellikgoster:empty { display: none; }

.teknikozellikislem { background: #f2f2f2; padding: 15px 15px 10px 15px; margin: 20px 0; border-radius: 6px; display: flex; flex-wrap: wrap; }
.teknikozellikislem .form-group { width: 50%; margin-bottom: 10px; font-size: 14px; }
.teknikozellikislem .form-group label { }
.teknikozellikislem .form-group select { }
#teklifTablo .bodyTBODY tr:nth-child(2n+1) .teknikozellikislem { background: #fff; }

.teknikozellikislem:empty { display: none; }

.siparisdugmeleri { display: flex; justify-content: space-between; align-items: center; margin-top: 27px; }
.siparisdugmeleri > a { text-align: center; flex-wrap: wrap; flex-direction: column; flex: 1; }
.siparisdugmeleri > a i { }
.siparisdugmeleri > a span { }

.opak100 a { font-size: 14px }
.opak100 a:hover .opacity-50 { opacity: 1 !important }


.remaining-count { position: absolute; right: 0; font-weight: 400; color: #ba8d00; }

#KolonlariSecSirala .draggable-item { display: flex; align-items: center; justify-content: space-between; background: #f8f9fa; border: 1px solid #ccc; border-radius: 4px; padding: 6px 10px; margin-bottom: 6px; }
#KolonlariSecSirala .drag-handle { cursor: move; margin-right: 10px; color: #6c757d; }
#KolonlariSecSirala .draggable-item span { flex: 1; }
#KolonlariSecSirala .draggable-item i.delete-column { cursor: pointer; color: #dc3545; margin-left: 10px; }
#KolonlariSecSirala .sortable-column-list { min-height: 100px; border: 1px dashed #ced4da; padding: 10px; border-radius: 4px; background-color: #fff; }

.date-picker-wrapper { position: relative; }
.date-picker-wrapper i { position: absolute; right: 12px; bottom: 15px; cursor: pointer; color: #555; width: 16px; height: 16px }

.iskontoTipi { width: 60px !important; padding: 6px 8px 6px 8px; background-position: right 4px top 14px; background-size: 11px 11px; font-size: 14px; }
.iskontoDegeri { width: 90px !important }

@media (max-width: 991px) {
    .main-timeline-5 { max-width: 100%; }
}

@media (min-width: 768px) {
    html { font-size: 16px; }
}

#ToastMesaji.toast-container { pointer-events: auto; }