@charset "utf-8"; @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); /* ===================================================================== TelcoBulut — SolidCP Portal Teması (v10.0 — temiz yeniden yazım) --------------------------------------------------------------------- Bu dosya main.css (Bootstrap 3 + Queen admin) üzerine binen tek marka katmanıdır. ASP.NET tema mekanizması klasördeki tüm .css dosyalarını alfabetik sırayla yükler; "zz-" öneki bu dosyanın EN SON gelmesini sağlar. Yapı 00 Tasarım token'ları 01 Temel / tipografi / main.css'in bozan kurallarını nötrleme 02 Uygulama kabuğu: üst bar 03 Uygulama kabuğu: sol menü 04 İçerik alanı, breadcrumb, sayfa başlığı 05 Kartlar (panel / widget / RightContainer) 06 Panel başlığındaki aksiyon çubuğu (FormButtonsBar) 07 Tablolar (GridView) 08 Formlar 09 Onay kutusu / radyo — tüm desenler 10 Butonlar 11 Uyarı, rozet, etiket, ilerleme 12 Sekme, sayfalama, modal, açılır menü, autocomplete 13 Açılır bölümler (Shevron), akordeon, kota grupları, sunucu kartları 14 Kısayol ikon ızgaraları (.Icon) 15 Sağ sütun bileşenleri 16 Ana sayfa "Customers" özeti 17 Giriş ekranı 18 Alt bilgi 19 tb-* bileşenleri (dashboard modülü + tb-enhance.js) 20 Yardımcı sınıflar 21 Duyarlı düzen 22 Yazdırma / hareket azaltma Özgüllük notu: main.css kimlik seçicileri ve !important kullanır; bu yüzden burada da yer yer !important zorunludur. Her kural olabildiğince tek yerde tanımlıdır — aynı özellik iki bölümde tanımlanmaz. ===================================================================== */ /* ===================================================================== 00 TASARIM TOKEN'LARI ===================================================================== */ :root{ /* Marka */ --tb-indigo:#47538A; --tb-cloud:#5B73C4; --tb-red:#FA4B4B; /* Aksiyon rengi */ --tb-primary:#2563EB; --tb-primary-600:#1D4ED8; --tb-primary-700:#1E40AF; --tb-primary-soft:#E8F0FE; --tb-primary-ring:rgba(37,99,235,.25); /* Durum */ --tb-success:#10B981; --tb-success-soft:#E6F7F0; --tb-success-text:#0B6B4F; --tb-warning:#F59E0B; --tb-warning-soft:#FEF3E2; --tb-warning-text:#8A5A05; --tb-danger:#EF4444; --tb-danger-soft:#FDECEC; --tb-danger-text:#A32222; --tb-info:#3B82F6; --tb-info-soft:#E8F1FE; --tb-info-text:#1B4FA8; /* Koyu yüzeyler (sol menü + giriş) */ --tb-dark-1:#0F172A; --tb-dark-2:#141F36; --tb-dark-3:#1B2A47; --tb-dark-line:rgba(148,178,222,.14); --tb-dark-text:#E6EDF7; --tb-dark-muted:#8FA3BF; --tb-sidebar-bg:linear-gradient(180deg,#0F172A 0%,#111C33 100%); --tb-topbar-bg:rgba(255,255,255,.86); /* Açık yüzeyler */ --tb-page:#F3F5F9; --tb-surface:#FFFFFF; --tb-surface-2:#F6F8FB; --tb-line:#E3E8EF; --tb-line-soft:#EDF0F5; --tb-text:#111827; --tb-text-2:#374151; --tb-muted:#6B7280; --tb-muted-2:#9CA3AF; /* Ölçüler */ --tb-r-sm:9px; --tb-r:12px; --tb-r-lg:16px; --tb-r-xl:20px; --tb-topbar-h:60px; --tb-sidebar-w:236px; --tb-sidebar-w-min:68px; --tb-gutter:24px; --tb-control-h:40px; --tb-shadow-sm:0 1px 2px rgba(17,24,39,.05); --tb-shadow:0 1px 2px rgba(17,24,39,.04),0 6px 20px rgba(17,24,39,.05); --tb-shadow-md:0 8px 24px rgba(17,24,39,.10); --tb-shadow-lg:0 24px 60px rgba(5,15,35,.35); --tb-font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system, Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; --tb-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,Menlo,monospace; } /* ===================================================================== 01 TEMEL ===================================================================== */ html,body{ font-family:var(--tb-font)!important; font-size:14px!important; line-height:1.5!important; color:var(--tb-text)!important; background:var(--tb-page)!important; -webkit-font-smoothing:auto!important; /* Windows'ta ClearType kalsın */ letter-spacing:normal!important; } /* main.css: html, body, form, #col-right {height:100%} + #col-right{overflow:hidden} → içerik kırpılıyor / sayfa kaymıyordu. Yükseklik akışa bırakıldı. */ html,body,body>form,#col-right,.wrapper{ height:auto!important;min-height:100%!important; } .wrapper,#SkinOutline{position:relative;min-height:100vh!important;} body.dashboard{background:var(--tb-page)!important;} /* scp-common.js #SkinContent'e sayfa yüksekliğini ELLE yazar ve her resize'da büyütür (height:2281px; margin-bottom:-19px). Alt tarafta dev bir boşluk kalmasının kök nedeni buydu. Satır içi stil ezilir. */ #SkinContent,.container-fluid.primary-content{ height:auto!important; margin-bottom:0!important; padding-bottom:0!important; } #Footer,.content-footer{height:auto!important;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{ font-family:var(--tb-font)!important; color:var(--tb-text)!important; font-weight:600!important; line-height:1.3;margin-top:0; } h1,.h1{font-size:24px!important;letter-spacing:-.01em;} h2,.h2{font-size:20px!important;} h3,.h3{font-size:16px!important;} h4,.h4{font-size:14.5px!important;} h5,.h5{font-size:13px!important;} a{color:var(--tb-primary);text-decoration:none;transition:color .15s ease;} a:hover,a:focus{color:var(--tb-primary-600);text-decoration:none;} a:focus-visible,button:focus-visible,.btn:focus-visible{ outline:2px solid var(--tb-primary);outline-offset:2px; } hr{border:0;border-top:1px solid var(--tb-line)!important;margin:16px 0;} small,.small,.Small{font-size:12px;color:var(--tb-muted);} code,kbd,pre{font-family:var(--tb-mono);} strong,b,.NormalBold,span.NormalBold,.SubHead{font-weight:600!important;} img{max-width:100%;} /* Görünmez doğrulayıcılar (visibility:hidden) satır yüksekliği kadar boşluk bırakıyordu (giriş formu, notlar, form alanları). ASP.NET görünür yaptığında satır içi stil "visibility: visible" olur ve bu seçici eşleşmez — dolayısıyla mesaj normal görünür. */ span[style*="visibility:hidden"], span[style*="visibility: hidden"]{display:none!important;} /* İnce kaydırma çubuğu */ *{scrollbar-width:thin;scrollbar-color:#C5CCD8 transparent;} ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-thumb{background:#C5CCD8;border-radius:99px;border:3px solid transparent;background-clip:content-box;} ::-webkit-scrollbar-thumb:hover{background:#A9B3C3;background-clip:content-box;} /* ===================================================================== 02 ÜST BAR --------------------------------------------------------------------- Skin yapısı (App_Skins/TelcoBulut/*.ascx): nav.top-bar > .search-top(gizli) + .logo-area + .tb-topbar-right .tb-topbar-right > .tb-topbar-search + #..LoggedPanel + #..LoggedPanelSm main.css üst barı float/inline-block + negatif kenar boşluklarıyla dizer; hepsi burada esnek düzene çevrilir. ===================================================================== */ .top-bar,.top-bar.navbar-fixed-top, .fixed-left-active.fixed-top-active .top-bar{ position:fixed!important;top:0;left:0;right:0; display:flex!important;align-items:center!important; height:var(--tb-topbar-h)!important;min-height:0!important; margin:0!important;padding:0 20px 0 8px!important; background:var(--tb-topbar-bg)!important; -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px); border:0!important;border-bottom:1px solid var(--tb-line)!important; box-shadow:0 1px 0 rgba(17,24,39,.02),0 2px 10px rgba(17,24,39,.04)!important; z-index:1040!important;overflow:visible!important; transition:none!important; } .top-bar>.search-top{display:none!important;} .top-bar>*{float:none!important;vertical-align:middle;} .top-bar>:first-child{width:auto!important;} .top-bar .logo-area{ display:flex!important;align-items:center;gap:2px; height:var(--tb-topbar-h);flex:0 0 auto;margin-right:auto; } .top-bar .logo,.top-bar .logo.pull-left{ display:flex!important;align-items:center; margin:0!important;padding:0 0 0 4px!important;height:auto!important; text-align:left!important; } .top-bar .logo img{height:32px!important;width:auto!important;display:block;} .top-bar .btn-off-canvas, .top-bar .btn.btn-link.btn-off-canvas{ display:inline-flex!important;align-items:center;justify-content:center; width:40px;height:40px;padding:0!important;margin:0!important; border-radius:var(--tb-r-sm)!important;border:0!important; color:var(--tb-muted)!important;background:transparent!important; font-size:18px!important;box-shadow:none!important;cursor:pointer; } .top-bar .btn-off-canvas:hover{background:var(--tb-surface-2)!important;color:var(--tb-primary)!important;} /* Sağ grup: arama + kullanıcı */ .top-bar .tb-topbar-right{ display:flex!important;align-items:center;gap:14px; flex:0 1 auto;min-width:0;margin-left:auto; } .top-bar .tb-topbar-search{display:flex!important;align-items:center;flex:0 1 auto;min-width:0;} .top-bar .SearchQuery,.top-bar .SearchQuery.navbar-form{ margin:0!important;padding:0!important;border:0!important; box-shadow:none!important;float:none!important;height:auto!important; width:auto!important; } .top-bar .SearchQuery .input-group{ display:flex!important;width:300px;max-width:32vw; } .top-bar .SearchQuery .form-control{ flex:1 1 auto;min-width:0;width:auto!important; height:var(--tb-control-h)!important; background:var(--tb-surface-2)!important; border:1px solid var(--tb-line)!important;border-right:0!important; border-radius:999px 0 0 999px!important;padding-left:16px!important; box-shadow:none!important;font-size:13.5px!important; } .top-bar .SearchQuery .form-control:focus{ background:var(--tb-surface)!important;border-color:var(--tb-primary)!important; box-shadow:0 0 0 3px var(--tb-primary-ring)!important; } .top-bar .SearchQuery .input-group-btn{display:flex;width:auto!important;} .top-bar .SearchQuery .input-group-btn .btn{ height:var(--tb-control-h)!important;min-width:42px;padding:0 13px!important; border-radius:0 999px 999px 0!important; background:var(--tb-primary)!important;border-color:var(--tb-primary)!important; color:#fff!important;box-shadow:none!important;margin:0!important; } /* Kullanıcı menüsü */ .top-bar .nav,.top-bar .navbar-nav,.top-bar .navbar-right{ display:flex!important;align-items:center;gap:2px; margin:0!important;padding:0!important;float:none!important; height:auto!important;list-style:none;white-space:nowrap; } .top-bar .nav>li{float:none!important;position:relative!important;display:block;} .top-bar .nav>li>a{ display:inline-flex!important;align-items:center;gap:8px; height:var(--tb-control-h)!important;line-height:1!important; padding:0 12px!important;margin:0; border-radius:var(--tb-r-sm)!important; color:var(--tb-text-2)!important; font-size:13.5px!important;font-weight:600!important; background:transparent!important;border:0!important; max-width:none!important;overflow:visible!important; transition:background .15s ease,color .15s ease; } .top-bar .nav>li>a:hover,.top-bar .nav>li>a:focus{ background:var(--tb-surface-2)!important;color:var(--tb-primary)!important; } .top-bar .nav>li>a i{font-size:15px;line-height:1;} .top-bar .nav>li>a span{display:inline;} .top-bar .nav>li>a span.tb-avatar{display:inline-flex!important;} /* Telefon düğmeleri (Bootstrap .visible-xs-block yalnızca <768'de görünür) */ .top-bar .navbar-sm>li>a{width:40px;padding:0!important;justify-content:center;} .top-bar .navbar-sm .fa-2x{font-size:17px!important;} /* Kullanıcı avatarı + tema düğmesi (tb-enhance ekler) */ .top-bar .tb-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center; background:linear-gradient(135deg,#2563EB,#5B73C4);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.02em;flex:0 0 auto;} .top-bar .tb-theme-toggle{width:38px;height:38px;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center; border:1px solid var(--tb-line)!important;background:var(--tb-surface)!important;color:var(--tb-muted)!important;cursor:pointer;margin:0 6px 0 0;padding:0!important; transition:background .15s ease,color .15s ease;} .top-bar .tb-theme-toggle:hover{color:var(--tb-primary)!important;background:var(--tb-surface-2)!important;} .top-bar .tb-theme-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .top-bar .tb-theme-toggle .tb-sun{display:none;} html.tb-dark .top-bar .tb-theme-toggle .tb-sun{display:block;} html.tb-dark .top-bar .tb-theme-toggle .tb-moon{display:none;} /* Üst bar sabit olduğu için gövdeye üst boşluk */ body.fixed-top-active #col-right,#col-right{padding-top:var(--tb-topbar-h)!important;} .search-expanded .top-bar{height:var(--tb-topbar-h)!important;} .search-expanded #col-left,.search-expanded #col-right{margin-top:0!important;} /* ===================================================================== 03 SOL MENÜ --------------------------------------------------------------------- Canlı işaretleme (SolidCP.WebPortal TopMenu): #col-left > .main-nav-wrapper > nav#main-nav > a#btn-nav-sidebar-minified + h3 + N × div.TopMenu div.TopMenu > div.AspNet-Menu2-Vertical|Horizontal > ul.AspNet-Menu2.main-menu > li.AspNet-Menu2-Leaf > a.AspNet-Menu2-Link > i.fa + span.text > li.has-submenu > a.submenu-toggle > i + span.text + ul.list-unstyled.sub-menu.collapse(.in) > li ... (3 seviye) Etkin: li.active, a.active, ul.sub-menu.in Aç/kapa: scp-common.js (.submenu-toggle → collapse), daraltma: .wrapper.main-nav-minified, telefon: .wrapper.off-canvas-active ve skin betiği body.nav-open ===================================================================== */ #col-left,.col-left{ position:fixed!important;top:var(--tb-topbar-h)!important;left:0!important;bottom:0!important; width:var(--tb-sidebar-w)!important;height:auto!important; margin:0!important;padding:0!important; background:var(--tb-sidebar-bg)!important;color:var(--tb-dark-text)!important; border:0!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.05); overflow-y:auto;overflow-x:hidden; z-index:1030; transition:transform .22s ease,width .2s ease!important; } #col-left::-webkit-scrollbar-thumb{background:rgba(148,178,222,.25);background-clip:content-box;} #col-left .widget{position:static!important;bottom:auto!important;max-width:none!important;} .main-nav-wrapper,#main-nav,.main-nav{ position:static!important;background:transparent!important; width:auto!important;margin:0!important;border:0!important; } .main-nav-wrapper{min-height:100%;display:flex;flex-direction:column;} .main-nav{flex:1 0 auto;} .main-nav{padding:10px 12px 28px!important;} /* Sidebar altındaki marka satırı (tb-enhance ekler) */ .tb-side-foot{margin:auto 0 0;padding:16px 10px 6px;border-top:1px solid var(--tb-dark-line);color:#6C82A3;font-size:11.5px;display:flex;align-items:center;gap:8px;} .tb-side-foot b{color:#A7B9D4;font-weight:600;} .main-nav-minified .tb-side-foot{display:none;} /* Başlık satırı: "Ana Menü" + daraltma düğmesi */ .main-nav h3{ display:block!important; margin:4px 0 6px 44px!important;padding:6px 10px 6px 4px!important; color:#6C82A3!important;font-size:10.5px!important;font-weight:700!important; letter-spacing:.12em!important;text-transform:uppercase!important; border:0!important;line-height:20px!important;position:relative; } #btn-nav-sidebar-minified,.btn-nav-sidebar-minified{ position:absolute!important;top:14px;left:16px;z-index:2; width:32px;height:32px;padding:0!important;margin:0!important; display:inline-flex!important;align-items:center;justify-content:center; border-radius:8px!important;border:0!important; color:#8AA0C2!important;background:transparent!important; font-size:14px!important;box-shadow:none!important; } #btn-nav-sidebar-minified:hover{background:rgba(148,178,222,.12)!important;color:#fff!important;} /* Menü blokları */ #col-left .TopMenu,#col-left .TopMenu-UserAccountMenu, #col-left .AspNet-Menu2-Vertical,#col-left .AspNet-Menu2-Horizontal{ display:block!important;float:none!important;width:auto!important; margin:0!important;padding:0!important;background:transparent!important;border:0!important; } #col-left ul{list-style:none!important;margin:0!important;padding:0!important; background:transparent!important;border:0!important;box-shadow:none!important; position:static!important;width:auto!important;min-width:0!important;} #col-left li{float:none!important;position:relative!important;margin:0!important; padding:0!important;width:auto!important;background:transparent!important;border:0!important;} #col-left ul.main-menu>li{margin-bottom:2px!important;} /* Bağlantı — her seviye için ortak taban */ #col-left a.AspNet-Menu2-Link,#col-left a.submenu-toggle, #col-left ul.main-menu li a{ display:flex!important;align-items:center!important;gap:11px; min-height:44px;padding:6px 10px 6px 8px!important;margin:0!important; border-radius:9px!important;border:0!important; background:transparent!important; color:#C2CFE2!important;font-size:13.5px!important;font-weight:500!important; line-height:1.3!important;text-decoration:none!important;text-transform:none!important; letter-spacing:0!important;opacity:1!important;overflow:visible!important; white-space:normal;cursor:pointer;position:relative; transition:background .14s ease,color .14s ease; } #col-left ul.main-menu li a:hover,#col-left ul.main-menu li a:focus{ background:rgba(148,178,222,.10)!important;color:#fff!important; } #col-left ul.main-menu li a>i,#col-left ul.main-menu li a>.tb-ico{ flex:0 0 32px;width:32px;height:32px; display:inline-flex;align-items:center;justify-content:center; border-radius:9px;background:rgba(148,178,222,.10); font-size:14px!important;line-height:1;color:#A7B9D4;opacity:1; transition:color .14s ease,background .14s ease; } #col-left ul.main-menu li a>span.tb-ico{display:inline-flex!important;flex:0 0 32px;padding:0!important;} #col-left ul.main-menu li a>.tb-ico svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} #col-left ul.main-menu li a.tb-has-ico>i{display:none!important;} #col-left ul.main-menu li a:hover>.tb-ico{color:#fff;background:rgba(148,178,222,.18);} #col-left ul.main-menu li a>i:not([class]){display:none;} /* alt öğelerde boş */ #col-left ul.main-menu li a:hover>i{color:#fff;} #col-left ul.main-menu li .text,#col-left ul.main-menu li a>span{ flex:1 1 auto;min-width:0;padding:0!important;margin:0!important; color:inherit!important;font:inherit!important;display:inline!important; background:none!important;text-align:left!important; } /* Alt menüsü olan öğede yön oku */ #col-left ul.main-menu li.has-submenu>a::after{ content:"\f107";font-family:FontAwesome;font-size:12px; position:static!important;margin-left:auto;padding-left:6px; color:#7F95B8;opacity:1;transition:transform .18s ease; width:auto!important;height:auto!important;top:auto!important;right:auto!important; } #col-left ul.main-menu li.has-submenu.active>a::after{transform:rotate(180deg);} #col-left ul.main-menu li.has-submenu.active>a{color:#fff!important;} #col-left ul.main-menu li.has-submenu.active>a>i,#col-left ul.main-menu li.has-submenu.active>a>.tb-ico{color:#fff;background:rgba(59,130,246,.28);} /* Etkin sayfa */ #col-left ul.main-menu li.active>a.AspNet-Menu2-Link, #col-left ul.main-menu a.AspNet-Menu2-Link.active{ background:linear-gradient(180deg,#2F6FEA,#2258D8)!important; color:#fff!important;font-weight:600!important; box-shadow:0 6px 16px rgba(34,88,216,.35)!important; } #col-left ul.main-menu li.active>a.AspNet-Menu2-Link>i,#col-left ul.main-menu li.active>a.AspNet-Menu2-Link>.tb-ico{color:#fff;background:rgba(255,255,255,.18);} /* Etkin dalın üst öğesi: yumuşak vurgu (dolgun mavi değil) */ #col-left ul.main-menu li.has-submenu.active>a.submenu-toggle{ background:rgba(148,178,222,.10)!important;box-shadow:none!important; } /* Alt seviyeler */ #col-left ul.sub-menu{ display:none;padding:2px 0 6px!important;margin:0!important; border-left:1px solid rgba(148,178,222,.16)!important; margin-left:22px!important; } #col-left ul.sub-menu.in,#col-left ul.sub-menu.collapsing, #col-left li.has-submenu.active>ul.sub-menu{display:block;height:auto;visibility:visible;} #col-left ul.sub-menu.collapsing{overflow:hidden;} #col-left ul.sub-menu li a{ min-height:36px;padding:7px 10px 7px 14px!important;margin:1px 0 1px 8px!important; font-size:13px!important;color:#A9B8CE!important;border-radius:8px!important; } #col-left ul.sub-menu li a:hover{background:rgba(148,178,222,.10)!important;color:#fff!important;} #col-left ul.sub-menu li.active>a.AspNet-Menu2-Link{ background:linear-gradient(180deg,#2F6FEA,#2258D8)!important;color:#fff!important; box-shadow:0 5px 14px rgba(34,88,216,.30)!important; } #col-left ul.sub-menu li.has-submenu>a{color:#B7C5D9!important;} #col-left ul.sub-menu ul.sub-menu{margin-left:14px!important;} #col-left ul.sub-menu ul.sub-menu li a{font-size:12.5px!important;min-height:34px;padding:6px 10px 6px 12px!important;} /* Daraltılmış sidebar (.wrapper.main-nav-minified) */ .main-nav-minified #col-left,.wrapper.main-nav-minified #col-left{width:var(--tb-sidebar-w-min)!important;top:var(--tb-topbar-h)!important;} .main-nav-minified .main-nav{padding:10px 8px 20px!important;} .main-nav-minified .main-nav h3{opacity:0;height:44px;padding:0!important;overflow:hidden;margin:0 0 4px!important;} .main-nav-minified #btn-nav-sidebar-minified{left:18px;} .main-nav-minified #col-left ul.main-menu>li>a{justify-content:center!important;padding:11px 0!important;} .main-nav-minified #col-left ul.main-menu>li>a>i{flex:0 0 auto;font-size:17px!important;} .main-nav-minified #col-left ul.main-menu>li>a .text, .main-nav-minified #col-left ul.main-menu>li>a>span, .main-nav-minified #col-left ul.main-menu li.has-submenu>a::after{display:none!important;} .main-nav-minified #col-left ul.sub-menu{display:none!important;} .main-nav-minified #col-left ul.main-menu>li:hover>ul.sub-menu{ display:block!important;position:absolute!important;left:100%;top:0; min-width:220px!important;margin:0 0 0 6px!important;padding:6px!important; background:var(--tb-dark-2)!important;border:1px solid var(--tb-dark-line)!important; border-radius:12px!important;box-shadow:0 18px 40px rgba(0,0,0,.4)!important;z-index:1100; } .main-nav-minified #col-left ul.main-menu>li:hover>ul.sub-menu li a{margin:1px 0!important;padding:8px 10px!important;} .main-nav-minified #col-right{margin-left:var(--tb-sidebar-w-min)!important;} /* İçerik sütunu */ #col-right,.col-right{ margin-left:var(--tb-sidebar-w)!important;margin-right:0!important; background:var(--tb-page)!important; overflow-x:clip!important;overflow-y:visible!important; max-width:100%;padding:var(--tb-topbar-h) 0 0!important; transition:margin-left .2s ease!important; display:flex;flex-direction:column; min-height:100vh!important; } #SkinContent{flex:1 0 auto;} /* ===================================================================== 04 İÇERİK ALANI, BREADCRUMB, SAYFA BAŞLIĞI ===================================================================== */ .container-fluid.primary-content,#SkinContent{ padding:20px var(--tb-gutter) 8px!important; margin:0!important; /* main.css .container-fluid: margin:auto + %81 genişlik */ background:transparent!important;max-width:none!important; display:block!important;width:auto!important; } .primary-content-heading{background:transparent!important;border:0!important;padding:0!important;margin:0!important;max-width:100%;} #ContentOneColumn{margin-left:-12px!important;margin-right:-12px!important;} section#ContentOneColumn{margin-left:0!important;margin-right:0!important;} #Center,#Right{padding-left:12px!important;padding-right:12px!important;} #Breadcrumb{background:transparent!important;border:0!important;margin:0 0 16px!important;padding:0!important;} #Breadcrumb .Path{ display:flex!important;align-items:center!important;flex-wrap:wrap;gap:8px 16px; background:transparent!important;border:0!important;margin:0!important;padding:0!important; font-size:12.5px!important;color:var(--tb-muted)!important; } #Breadcrumb .Path>.col-xs-8{flex:1 1 auto;width:auto!important;float:none!important;padding:0!important;min-width:0; display:flex;align-items:center;flex-wrap:wrap;gap:2px 0;} #Breadcrumb .Path>.col-xs-4{flex:0 0 auto;width:auto!important;float:none!important;padding:0!important;margin-left:auto;} #Breadcrumb .Path>.col-xs-4:empty{display:none;} #Breadcrumb .Path a{color:var(--tb-muted)!important;font-weight:600;padding:2px 3px;border-radius:5px; display:inline-flex;align-items:center;gap:5px;} #Breadcrumb .Path a:hover{color:var(--tb-primary)!important;background:rgba(37,99,235,.06);} #Breadcrumb .Path a:empty{display:none;} #Breadcrumb .Path img[src*="path_sep"]{display:none!important;} #Breadcrumb .Path a::after,#Breadcrumb .Path span a::after{content:none!important;padding:0!important;} /* main.css "/" ayracı */ #Breadcrumb .Path>.col-xs-8>a:not(:first-child)::before, #Breadcrumb .Path>.col-xs-8>span>a:first-of-type::before, #Breadcrumb .Path>.col-xs-8>span>a~a::before{ content:"\f105";font-family:FontAwesome;color:var(--tb-muted-2); margin:0 6px 0 2px;font-size:12px;font-weight:400; } #Breadcrumb .Path span{display:inline-flex;align-items:center;gap:0;} #Breadcrumb .Path img{width:16px;height:16px;vertical-align:middle;opacity:.8;margin:0 4px 0 0;} #Breadcrumb .Path a>img{margin:0;} #Breadcrumb .OrgSpan{color:var(--tb-muted)!important;} /* Organizasyon seçici (breadcrumb sağı) */ #Breadcrumb .OrgsSelector{margin:0!important;padding:0!important;width:auto!important;float:none!important;} #Breadcrumb .OrgsSelector .input-group{display:flex!important;width:300px!important;max-width:38vw;padding:0!important;float:none!important;} #Breadcrumb .OrgsSelector .form-control{flex:1 1 auto;width:auto!important;min-width:0;height:34px!important;font-size:13px!important; border-radius:var(--tb-r-sm) 0 0 var(--tb-r-sm)!important;} #Breadcrumb .OrgsSelector .input-group-btn{display:flex;width:auto!important;} #Breadcrumb .OrgsSelector .btn{height:34px!important;padding:0 12px!important;white-space:nowrap; border-radius:0 var(--tb-r-sm) var(--tb-r-sm) 0!important;color:#fff!important;} #Breadcrumb .OrgsSelector .btn *{color:#fff!important;} /* Sayfa başlığı ("DisanAdmin - DISAN") */ #Breadcrumb .CurrentNode{background:transparent!important;border:0!important;padding:0!important;margin:10px 0 0;} #Breadcrumb .CurrentNode:empty,#Breadcrumb .CurrentNode>div:empty{display:none;} #Breadcrumb .CurrentNode .Huge,#Breadcrumb .CurrentNode a.Huge{ font-family:var(--tb-font)!important;color:var(--tb-text)!important; font-size:22px!important;font-weight:700!important;letter-spacing:-.01em!important; line-height:1.25!important;text-decoration:none!important; } #Breadcrumb .CurrentNode a.Huge:hover{color:var(--tb-primary)!important;} #Breadcrumb .CurrentNode span.Huge{margin-right:6px!important;} /* Modül içi .Huge (alan adı şeridi: DomainsEditDomain, DnsZoneRecords) */ .panel .Huge,.panel div.Huge{ font-family:var(--tb-font)!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.01em!important; color:var(--tb-text)!important;line-height:1.3!important; } .panel div.Huge[style]{padding:12px 16px!important;margin:16px 20px 12px!important;background:var(--tb-surface-2)!important; border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important;display:flex;align-items:center;gap:10px;} .panel div.Huge[style]::before{content:"\f0ac";font-family:FontAwesome;font-size:16px;color:var(--tb-primary);font-weight:400;} .panel-body div.Huge[style]{margin:0 0 14px!important;} .panel .Huge+.FormButtonsBar{margin:0 20px 14px!important;justify-content:flex-start;} span.form-control.Huge{background:transparent!important;border:0!important;padding:0!important;height:auto!important;font-size:20px!important;} #Breadcrumb .CurrentNode input.Huge{font-size:18px!important;height:38px!important;width:300px!important;} #Breadcrumb .CurrentNode .Button{margin-left:6px;} #Breadcrumb+#ContentOneColumn,#Breadcrumb+section{margin-top:0;} /* ===================================================================== 05 KARTLAR ===================================================================== */ .panel,.panel-default,.widget,.well,.thumbnail{ position:relative; background:var(--tb-surface)!important; border:1px solid var(--tb-line)!important; border-radius:var(--tb-r-lg)!important; box-shadow:var(--tb-shadow)!important; color:var(--tb-text)!important; margin:0 0 20px!important;max-width:none!important; overflow:visible;background-clip:padding-box; } .widget-transparent,.widget-no-header{background:transparent!important;border:0!important;box-shadow:none!important;} .panel>.panel-heading,.panel-heading{ position:relative; display:flex;align-items:center;gap:10px;flex-wrap:wrap; min-height:58px; background:var(--tb-surface)!important; border:0!important;border-bottom:1px solid var(--tb-line-soft)!important; padding:12px 20px!important; border-radius:var(--tb-r-lg) var(--tb-r-lg) 0 0!important; color:var(--tb-text)!important; } .panel-title,h2.panel-title,h3.panel-title{ display:flex!important;align-items:center;gap:10px;min-width:0; color:var(--tb-text)!important;font-size:15px!important;font-weight:600!important; margin:0!important;line-height:1.3!important; } .panel-title img,.panel-title .panel-icon{ width:34px!important;height:34px!important;border-radius:10px;padding:5px; background:var(--tb-primary-soft);object-fit:contain;flex-shrink:0; } .panel-body{background:transparent!important;color:var(--tb-text)!important;padding:20px!important;border:0!important;} .panel-body::after,fieldset::after,.tab-pane::after{content:"";display:table;clear:both;} .panel-footer{ background:var(--tb-surface-2)!important; border:0!important;border-top:1px solid var(--tb-line-soft)!important; padding:12px 20px!important;color:var(--tb-text-2)!important; border-radius:0 0 var(--tb-r-lg) var(--tb-r-lg)!important; } .panel-footer.text-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;} .panel-footer:empty,.panel-body:empty{display:none!important;} .panel [style*="background:#fff"],.panel [style*="background: white"]{background:transparent!important;} .panel table:not(.filemanager){max-width:100%!important;} /* Renkli panel varyantları */ .panel-primary>.panel-heading{background:var(--tb-primary-soft)!important;color:var(--tb-primary-700)!important;} .panel-success>.panel-heading{background:var(--tb-success-soft)!important;color:var(--tb-success-text)!important;} .panel-warning>.panel-heading{background:var(--tb-warning-soft)!important;color:var(--tb-warning-text)!important;} .panel-danger>.panel-heading{background:var(--tb-danger-soft)!important;color:var(--tb-danger-text)!important;} .panel-info>.panel-heading{background:var(--tb-info-soft)!important;color:var(--tb-info-text)!important;} .panel-success>.panel-heading .panel-title{color:var(--tb-success-text)!important;} .panel-info>.panel-heading .panel-title{color:var(--tb-info-text)!important;} /* İç içe kartlar daha hafif */ .panel .panel{border-radius:var(--tb-r)!important;box-shadow:none!important;margin-bottom:14px!important;} .panel .panel>.panel-heading{min-height:0;padding:10px 14px!important;border-radius:var(--tb-r) var(--tb-r) 0 0!important;} .panel .panel>.panel-heading .panel-title{font-size:14px!important;} .panel .panel>.panel-body{padding:14px!important;} .panel-group>.panel+.panel{margin-top:8px!important;} .panel-body>.panel:last-child{margin-bottom:0!important;} /* Bootstrap negatif kenar boşluklarını kabın dolgusuyla dengele (form-horizontal / fieldset doğrudan panelin çocuğu olduğunda) */ .panel>.form-horizontal,.panel>form>.form-horizontal,.panel>.tab-content>.form-horizontal, .panel>fieldset,.panel>div>fieldset,.panel>form>fieldset{padding-left:20px!important;padding-right:20px!important;} .panel-body.row{margin-left:0!important;margin-right:0!important;} .panel>table,.panel>fieldset>table,.panel>form>table, .panel>div:not(.AspNet-GridView):not(.NormalGridView)>table{margin-left:0!important;margin-right:0!important;} .panel>table>tbody>tr>td:first-child,.panel>div:not(.AspNet-GridView):not(.NormalGridView)>table>tbody>tr>td:first-child{padding-left:16px!important;} .panel>table>tbody>tr>td:last-child,.panel>div:not(.AspNet-GridView):not(.NormalGridView)>table>tbody>tr>td:last-child{padding-right:16px!important;} /* Liste grupları */ .list-group{border-radius:var(--tb-r)!important;margin-bottom:0;} .list-group-item{background:var(--tb-surface)!important;border-color:var(--tb-line-soft)!important;color:var(--tb-text)!important;padding:12px 16px!important;} .list-group-item:first-child{border-radius:var(--tb-r) var(--tb-r) 0 0!important;} .list-group-item:last-child{border-radius:0 0 var(--tb-r) var(--tb-r)!important;} .list-group-item.active{background:var(--tb-primary)!important;border-color:var(--tb-primary)!important;color:#fff!important;} /* Widget (sağ sütun kartları) */ .widget>.widget-header{ display:flex!important;align-items:center;gap:10px; min-height:54px;padding:10px 16px!important; background:var(--tb-surface)!important; border:0!important;border-bottom:1px solid var(--tb-line-soft)!important; border-radius:var(--tb-r-lg) var(--tb-r-lg) 0 0!important; } .widget>.widget-header::before,.widget>.widget-header::after{content:none!important;display:none!important;} .widget .widget-header h3,.widget.widget-no-header h3{ flex:1 1 auto;min-width:0;float:none!important;display:flex!important;align-items:center;gap:9px; margin:0!important;line-height:1.3!important; color:var(--tb-text)!important;font-size:14.5px!important;font-weight:600!important; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .widget .widget-header h3 i{ width:30px;height:30px;padding:0!important;flex:0 0 30px; display:inline-flex;align-items:center;justify-content:center; border-radius:8px;background:var(--tb-primary-soft);color:var(--tb-primary)!important; font-size:14px!important; } .widget .widget-header h3 span{overflow:hidden;text-overflow:ellipsis;} .widget .widget-header .widget-header-toolbar, .widget .widget-header .widget-header-toolbar.btn-group{ float:none!important;position:static!important;top:auto!important; margin:0 0 0 auto!important;display:flex!important;align-items:center;gap:2px;width:auto!important; } .widget .widget-header .widget-header-toolbar .btn-link{ width:28px;height:28px!important;min-height:0!important;padding:0!important;margin:0!important;line-height:1!important; display:inline-flex!important;align-items:center;justify-content:center; border-radius:7px!important;color:var(--tb-muted-2)!important;top:auto!important; } .widget .widget-header .widget-header-toolbar .btn-link i{font-size:18px!important;line-height:1;} .widget .widget-header .widget-header-toolbar .btn-link:hover{background:var(--tb-surface-2)!important;color:var(--tb-primary)!important;} .widget .widget-content{padding:16px!important;} .widget .widget-content.Popup{padding:16px!important;} .widget .widget-footer{background:var(--tb-surface-2)!important;border-top:1px solid var(--tb-line-soft)!important;padding:10px 16px!important;} /* RightContainer (Right.ascx konteyneri) */ .RightContainer{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-bottom:0!important; border-radius:var(--tb-r-lg) var(--tb-r-lg) 0 0!important;margin:0!important;overflow:hidden;} .RightContainer .Top{padding:0!important;background:transparent!important;border:0!important;} .RightContainer .Title{display:flex!important;align-items:center;gap:10px;padding:12px 16px!important;border-bottom:1px solid var(--tb-line-soft)!important;} .RightContainer .Title img{width:28px!important;height:28px!important;border-radius:8px;} .RightContainer .Head{font-size:14.5px!important;font-weight:600!important;color:var(--tb-text)!important;margin:0!important;} .RightContainerContent{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-top:0!important; border-radius:0 0 var(--tb-r-lg) var(--tb-r-lg)!important;padding:16px!important;margin:0 0 18px!important;box-shadow:var(--tb-shadow)!important;} /* ===================================================================== 06 PANEL BAŞLIĞINDAKİ AKSİYON ÇUBUĞU --------------------------------------------------------------------- Modüller "Create Customer" gibi düğmeleri panel başlığının HEMEN ALTINA .FormButtonsBar.right (bazen UpdatePanel div'i içinde, bazen .FormButtonsBar.UserSpaces, bazen .buttons-in-panel-header) olarak basar. main.css bunları -58px negatif boşlukla eski 50px'lik başlığa göre yukarı çeker; yeni başlıkta üst üste biner. Çözüm: çubuk başlık satırının sağına MUTLAK konumlanır; başlık için sağda yer ayrılır. <768px'de normal akışa döner. ===================================================================== */ .FormButtonsBar{clear:both;margin:0 0 14px!important;min-height:0!important;text-align:center; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;} .FormButtonsBar .btn{margin:0!important;} .FormButtonsBar .Left,.FormButtonsBar .left,.FormButtonsBar .Right,.FormButtonsBar .right{float:none!important;display:flex;align-items:center;gap:8px;} .FormButtonsBar>div:empty{display:none!important;} .FormButtonsBar:empty{display:none!important;} .FormButtonsBar::after{content:none;} .FormButtonsBar.right,.FormButtonsBar.UserSpaces,.FormButtonsBarCleanRight{ margin:0 0 14px!important;justify-content:flex-end;text-align:right!important; } /* Panelin başlığa taşınan çubuğu */ .panel>.FormButtonsBar.right,.panel>.FormButtonsBar.UserSpaces, .panel>div>.FormButtonsBar.right:first-child,.panel>div>.FormButtonsBar.UserSpaces:first-child, .panel>.buttons-in-panel-header,.panel>div>.buttons-in-panel-header:first-child, .panel>section>.buttons-in-panel-header:first-child, .panel>div>div>.FormButtonsBar.right:first-child{ position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important; width:auto!important;max-width:60%; min-height:58px!important;margin:0!important;padding:8px 16px!important; display:flex!important;align-items:center!important;justify-content:flex-end!important; flex-wrap:wrap;gap:8px;background:transparent!important;border:0!important; z-index:3;clear:none!important;text-align:right!important; } .panel>.panel-heading{padding-right:44%!important;} /* Çubuğu olmayan panellerde sağ rezervasyon gereksiz */ .panel:not(:has(> .FormButtonsBar.right)):not(:has(> .FormButtonsBar.UserSpaces)):not(:has(> .buttons-in-panel-header)):not(:has(> div > .FormButtonsBar.right:first-child)):not(:has(> div > .FormButtonsBar.UserSpaces:first-child)):not(:has(> div > .buttons-in-panel-header:first-child))>.panel-heading{ padding-right:20px!important; } .panel .panel>.panel-heading{padding-right:14px!important;} .buttons-in-panel-header{top:auto!important;margin-bottom:0!important;} .buttons-in-panel-header .btn{margin:0!important;} /* ===================================================================== 07 TABLOLAR (GridView) ===================================================================== */ .NormalGridView,.AspNet-GridView{background:transparent!important;border:0!important;margin:0!important;} .panel>.NormalGridView,.panel>div>.NormalGridView,.panel>.AspNet-GridView,.panel>div>.AspNet-GridView{ border-radius:0 0 var(--tb-r-lg) var(--tb-r-lg);overflow-x:auto;overflow-y:hidden; } .panel-body>.NormalGridView,.panel-body>.AspNet-GridView,.panel-body .AspNet-GridView{ border:1px solid var(--tb-line);border-radius:var(--tb-r);overflow-x:auto;overflow-y:hidden; } .panel-body .AspNet-GridView:has(> table:empty){border:0;} .table,.AspNet-GridView table,table.GridView,.NormalGridView .AspNet-GridView table{ width:100%!important;max-width:100%; background:transparent!important;border:0!important; border-collapse:separate!important;border-spacing:0!important; margin:0!important;table-layout:auto!important; } /* Modüllerin satır içi yüzde genişlikleri toplamda %100'ü aşıyor (20+20+25+50) ve metni harf harf bölüyordu; sütunlar içeriğe göre. */ .AspNet-GridView:not(.FixedGrid *) table th[style*="width"], .AspNet-GridView:not(.FixedGrid *) table td[style*="width"]{width:auto!important;} .AspNet-GridView thead th,.table>thead>tr>th,table.GridView thead th, .NormalGridView .AspNet-GridView table thead tr th{ background:var(--tb-surface-2)!important;color:var(--tb-muted)!important; font-size:11.5px!important;font-weight:600!important;letter-spacing:.05em!important; text-transform:uppercase!important;text-align:left!important;line-height:1.3!important; padding:11px 14px!important;border:0!important;border-bottom:1px solid var(--tb-line)!important; white-space:nowrap;vertical-align:middle!important; } .AspNet-GridView thead th a,.table>thead>tr>th a{color:var(--tb-muted)!important;font-weight:600;} .AspNet-GridView thead th a:hover{color:var(--tb-primary)!important;text-decoration:none!important;} .AspNet-GridView tbody td,.table>tbody>tr>td,table.GridView tbody td, .NormalGridView .AspNet-GridView table tbody tr td{ background:transparent!important;color:var(--tb-text)!important; font-size:13.5px!important;font-weight:400!important;line-height:1.4!important; padding:10px 12px!important;border:0!important;border-top:1px solid var(--tb-line-soft)!important; vertical-align:middle!important;text-align:left!important; overflow-wrap:break-word; } .AspNet-GridView tbody tr:first-child td{border-top:0!important;} .AspNet-GridView thead+tbody tr:first-child td{border-top:0!important;} .AspNet-GridView tbody tr:hover td,.table-hover>tbody>tr:hover>td{background:var(--tb-surface-2)!important;} .AspNet-GridView tbody tr.AspNet-GridView-Alternate td{background:transparent!important;} .AspNet-GridView a,.table a{color:var(--tb-primary)!important;font-weight:600;} .AspNet-GridView a:hover,.table a:hover{color:var(--tb-primary-600)!important;text-decoration:underline!important;} .AspNet-GridView-Empty{padding:26px 16px;color:var(--tb-muted);text-align:center;font-size:13.5px;} /* E-posta / kullanıcı adı gibi tek parça değerler kelime ortasından bölünmesin */ .AspNet-GridView tbody td a{overflow-wrap:break-word;word-break:normal;} .AspNet-GridView tbody td[style*="nowrap"]{white-space:nowrap!important;} /* Hücre içi ikon + bağlantı: ikon sabit, yazı yanında */ .AspNet-GridView tbody td>img{vertical-align:middle!important;margin-right:4px;} .AspNet-GridView tbody td>img+a{display:inline;vertical-align:middle;} .AspNet-GridView td img{width:16px!important;height:16px!important;vertical-align:middle;} .AspNet-GridView td img[src*="_48"],.AspNet-GridView td img[src*="_24"]{width:22px!important;height:22px!important;} .AspNet-GridView tbody td:has(>.GridCheckbox),.AspNet-GridView thead th:has(>.HeaderCheckbox), .AspNet-GridView tbody td:has(>img:only-child),.AspNet-GridView tbody td:has(>input[type=checkbox]:only-child){ width:1%!important;white-space:nowrap!important;text-align:center!important;padding-left:12px!important;padding-right:8px!important; } .GridCheckbox,.HeaderCheckbox{display:inline-flex;align-items:center;margin:0!important;} /* İşlem sütunu */ .AspNet-GridView table:not([id$="gvComments"]) tbody td:last-child:has(.btn), .AspNet-GridView table:not([id$="gvComments"]) tbody td:last-child:has(input[type=image]), .AspNet-GridView table:not([id$="gvComments"]) tbody td:last-child:has(a>i.fa){text-align:right!important;white-space:nowrap!important;width:1%!important;} .AspNet-GridView tbody td .btn{padding:6px 10px!important;font-size:12.5px!important;min-height:0;line-height:18px!important;} .AspNet-GridView tbody td .btn:has(>i:only-child),.AspNet-GridView tbody td .btn.btn-danger{padding:6px 9px!important;} .AspNet-GridView tbody td .btn+.btn{margin-left:4px!important;} .AspNet-GridView td .btn,.AspNet-GridView td .btn.btn-sm,.AspNet-GridView td .btn-xs{white-space:nowrap!important;height:auto!important;} .AspNet-GridView tbody td .btn-danger{background:var(--tb-danger-soft)!important;border-color:transparent!important;color:var(--tb-danger)!important;box-shadow:none!important;} .AspNet-GridView tbody td .btn-danger:hover{background:var(--tb-danger)!important;color:#fff!important;} /* Sayfalama */ .AspNet-GridView-Pagination,.AspNet-GridView tfoot td,.NormalGridView .AspNet-GridView-Pagination{ display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px; background:var(--tb-surface-2)!important;border:0!important;border-top:1px solid var(--tb-line)!important; padding:12px 16px!important;margin:0!important;line-height:normal!important;height:auto!important;overflow:visible!important; color:var(--tb-muted)!important; } .AspNet-GridView-Pagination a,.AspNet-GridView-Pagination span,.AspNet-GridView tfoot a,.AspNet-GridView tfoot span{ display:inline-flex!important;align-items:center;justify-content:center; min-width:32px;height:32px!important;padding:0 9px!important;margin:0!important; line-height:1!important;font-size:13px!important;font-weight:600!important; border:1px solid var(--tb-line)!important;background:var(--tb-surface)!important;color:var(--tb-text-2)!important; border-radius:8px!important;text-decoration:none!important; } .AspNet-GridView-Pagination span,.AspNet-GridView tfoot span{background:var(--tb-primary)!important;color:#fff!important;border-color:var(--tb-primary)!important;} .AspNet-GridView-Pagination a:hover{background:var(--tb-primary-soft)!important;border-color:#C6D8FB!important;color:var(--tb-primary-700)!important;} .panel>.panel-footer,.NormalGridView+.panel-footer{margin-top:0;} .GridFooter{border:0!important;margin:0!important;padding:10px 16px!important;color:var(--tb-muted)!important;font-size:12.5px!important;} /* Sabit düzenli ızgaralar (DNS kayıtları): dar dolgu, kompakt düğme */ .FixedGrid table,.FixedGrid .AspNet-GridView table,.NormalGridView.FixedGrid .AspNet-GridView table{table-layout:fixed!important;} .FixedGrid table>thead>tr>th,.FixedGrid table>tbody>tr>td, .FixedGrid .AspNet-GridView table thead tr th,.FixedGrid .AspNet-GridView table tbody tr td{padding-left:6px!important;padding-right:6px!important;} .FixedGrid table>tbody>tr>td{word-break:normal!important;hyphens:none!important;overflow-wrap:break-word;font-size:13px!important;} .FixedGrid table>thead>tr>th{font-size:11px!important;} /* SolidCP'nin sabit düzen sütun genişlikleri toplamı %100'ü aşıyor (25px+%20+70+70+%69+65): en geniş sütun kalan alanı alsın */ .FixedGrid th[style*="width:69%"],.FixedGrid td[style*="width:69%"],.FixedGrid th[style*="width:60%"],.FixedGrid td[style*="width:60%"]{width:auto!important;} .FixedGrid table>tbody>tr>td>.btn{padding:5px 8px!important;margin:0!important;line-height:1.2!important;white-space:nowrap!important;} /* Etiket/değer tabloları (panel içi: Space Quotas, sağ sütun) */ .panel-body>table:not(.table):not(.AspNet-GridView table), .RightContainerContent table,#Right .panel-body table,.panel-body table.Normal{ border:0!important;background:transparent!important; } .panel-body>table:not(.table) td,.RightContainerContent table td,#Right .panel-body table td{ border:0!important;padding:7px 12px 7px 0!important;vertical-align:top!important; font-size:13.5px!important;line-height:1.45!important;background:transparent!important; } .panel-body>table:not(.table) td.SubHead,.RightContainerContent table td:first-child,#Right .panel-body table td:first-child{ color:var(--tb-muted)!important;font-weight:600!important;white-space:nowrap;width:1%;padding-right:22px!important; line-height:1.45!important;min-width:0!important; } .panel-body>table:not(.table) td.Normal{line-height:1.45!important;padding:7px 0!important;color:var(--tb-text)!important;} .panel-body>table:not(.table) tr+tr td{border-top:1px solid var(--tb-line-soft)!important;} td.SubHead,td.Normal{line-height:1.45!important;padding:6px 8px 6px 0!important;} td.Normal>br{display:none;} /* Sunucu / araç çubuğu tabloları */ .Toolbox,.FM_Toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px; background:var(--tb-surface-2)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important; padding:8px 10px!important;margin-bottom:16px!important;box-shadow:none!important;} .Toolbox td{padding:0!important;} .Toolbox a,.FM_Toolbar a{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px; color:var(--tb-text-2)!important;font-size:13px;font-weight:600;} .Toolbox a:hover,.FM_Toolbar a:hover{background:var(--tb-surface)!important;color:var(--tb-primary)!important;box-shadow:var(--tb-shadow-sm);text-decoration:none!important;} .Toolbox img,.FM_Toolbar img{width:18px!important;height:18px!important;} img[src*="indicator"],img[src*="loading"]{width:18px!important;height:18px!important;} /* ===================================================================== 08 FORMLAR ===================================================================== */ label,.control-label,.FormLabel150,.FormLabel200,.FormLabel260,.FormSimpleLabel{ color:var(--tb-text-2)!important;font-size:13px!important;font-weight:600!important; margin-bottom:6px;line-height:1.4; } .form-control,input.form-control,select.form-control, input[type=text],input[type=password],input[type=email],input[type=number], input[type=search],input[type=tel],input[type=url],textarea,select, input.NormalTextBox,input.HugeTextBox,input.LoginTextBox{ font-family:var(--tb-font)!important; background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;color:var(--tb-text)!important; border-radius:var(--tb-r-sm)!important;height:var(--tb-control-h)!important; padding:6px 12px!important;font-size:13.5px!important;line-height:1.4!important; box-shadow:none!important;margin:0;max-width:100%; transition:border-color .15s ease,box-shadow .15s ease; } select.NormalTextBox{width:auto!important;min-width:180px;} textarea,textarea.form-control{height:auto!important;min-height:88px!important;padding:10px 12px!important;resize:vertical;} select,select.form-control{ padding-right:32px!important;appearance:none;-webkit-appearance:none; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7280' d='M1.4 0L6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important;background-position:right 11px center!important; cursor:pointer; } select[multiple],select[size]{height:auto!important;background-image:none!important;padding:6px!important;} .form-control:focus,input:focus,textarea:focus,select:focus{ border-color:var(--tb-primary)!important;box-shadow:0 0 0 3px var(--tb-primary-ring)!important;outline:none!important; } input[type=text]:hover,input[type=password]:hover,select:hover{border-color:#C9D1DE;} .form-control[disabled],.form-control[readonly],input[disabled],select[disabled],select:disabled{ background:var(--tb-surface-2)!important;color:var(--tb-muted)!important;cursor:not-allowed;border-color:var(--tb-line)!important; } .form-control::placeholder{color:var(--tb-muted-2)!important;} .form-group{margin-bottom:16px!important;} .panel-body>.form-group:last-child,.form-horizontal>.form-group:last-child,.panel-body>.row:last-child>[class*="col-"]>.form-group:last-child{margin-bottom:0!important;} .help-block,.HelpText{color:var(--tb-muted)!important;font-size:12.5px!important;margin:6px 0 0;} .form-horizontal .control-label{padding-top:9px;text-align:left!important;} .form-horizontal .form-group>label[class*="col-"],.form-horizontal .form-group>span[class*="col-"]:first-child{padding-top:9px;} .form-horizontal .form-group>span[class*="col-"]:first-child{display:block;font-weight:600;color:var(--tb-text-2)!important;font-size:13px;} .form-horizontal .form-group>.col-sm-10 .form-control,.form-horizontal .form-group>.col-sm-9 .form-control{max-width:560px;} .form-horizontal .form-group>.col-sm-10 textarea.form-control{max-width:560px;} .form-horizontal .form-group>[class*="col-"] .form-control[style*="width"]{max-width:100%;} .form-horizontal .form-group>[class*="col-"]>.input-group{max-width:560px;} .form-horizontal .form-group>[class*="col-"]>.input-group[class*="col-"]{padding:0!important;float:none!important;} .form-horizontal .form-group>[class*="col-"] .form-control+span{margin-left:8px;} /* Salt okunur değerler: CssClass="form-control" verilmiş */ span.form-control:not(.sr-only){ display:flex!important;align-items:center;height:var(--tb-control-h)!important;min-height:0!important; background:var(--tb-surface-2)!important;border:1px solid var(--tb-line-soft)!important; color:var(--tb-text-2)!important;box-shadow:none!important;font-weight:500; } span.form-control:empty{display:none!important;} span.form-control:has(>input[type=checkbox]),span.form-control:has(>input[type=radio]){ background:transparent!important;border:0!important;padding:0!important;height:auto!important;gap:8px; } span.sr-only.form-control{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;display:block!important;} /* Input group */ .input-group{display:flex;align-items:stretch;width:100%;border-collapse:separate;} .input-group>.form-control{flex:1 1 auto;min-width:0;width:auto!important;} .input-group>.form-control:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;} .input-group>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important;} .input-group-addon{ display:flex;align-items:center;justify-content:center; background:var(--tb-surface-2)!important;border:1px solid var(--tb-line)!important;border-right:0!important; color:var(--tb-muted)!important;border-radius:var(--tb-r-sm) 0 0 var(--tb-r-sm)!important;padding:0 12px!important; } .input-group-btn{display:flex!important;align-items:stretch!important;width:auto!important;font-size:0;white-space:nowrap;} .input-group-btn>.btn-group,.input-group-btn>.btn-group>.dropdown{display:flex!important;align-items:stretch;} .input-group-btn .btn,.input-group-btn .dropdown-toggle{ height:var(--tb-control-h)!important;min-width:38px;padding:0 12px!important;margin:0!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; border-radius:0!important;font-size:13.5px!important;border:1px solid var(--tb-line)!important;box-shadow:none!important; } .input-group-btn .btn-default,.input-group-btn .dropdown-toggle{background:var(--tb-surface-2)!important;color:var(--tb-muted)!important;} .input-group-btn .btn-default:hover,.input-group-btn .dropdown-toggle:hover{background:#EEF1F6!important;color:var(--tb-primary)!important;} .input-group-btn .btn-primary{background:var(--tb-primary)!important;border-color:var(--tb-primary)!important;color:#fff!important;} .input-group-btn .btn-primary:hover{background:var(--tb-primary-600)!important;border-color:var(--tb-primary-600)!important;} .input-group-btn>*:last-child,.input-group-btn>.btn:last-child,.input-group-btn>.btn-group:last-child .btn{border-radius:0 var(--tb-r-sm) var(--tb-r-sm) 0!important;} .input-group-btn .caret{display:inline-block!important;border-top:5px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;width:0;height:0;margin:0;} .input-group-btn .dropdown-menu{min-width:280px;padding:12px 14px!important;z-index:1300;} .input-group-btn .dropdown-menu .form-group{margin:0!important;font-size:13px;} .input-group-btn .dropdown-menu [class*="col-"]{float:none!important;width:auto!important;display:flex;align-items:center;gap:6px;padding:4px 0!important;} /* Yalnızca onay kutusu barındıran "input-group"lar normal blok akışına döner */ .input-group:has(> input[type=checkbox]),.input-group:has(> input[type=radio]), .input-group:has(> span > input[type=checkbox]),.input-group:has(> label > input[type=checkbox]){ display:block!important;width:auto!important;margin:2px 0!important; } .input-group:has(> input[type=checkbox])>*,.input-group:has(> input[type=radio])>*{display:inline!important;width:auto!important;} .input-group:has(> input[type=checkbox])>label{line-height:2.1!important;} /* Satır içi süzgeç formları (liste sayfalarının üst çubuğu) */ .form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;} .form-inline .form-group{display:flex!important;align-items:center;margin:0!important;vertical-align:middle;} .form-inline .form-control{display:inline-block!important;width:auto!important;} .form-inline .input-group{display:inline-flex!important;width:auto!important;vertical-align:middle;} .form-inline select.form-control{min-width:0;} .form-inline .input-group>.form-control:only-child{border-radius:var(--tb-r-sm)!important;} .form-inline .NormalBold{display:contents;} /* panel-body.row (IPAddresses): sol: etiket+seçici, sağ: arama */ .panel-body.row{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px!important;} .panel-body.row>[class*="col-"]{width:auto!important;float:none!important;flex:0 1 auto;padding:0!important;} .panel-body.row>[class*="col-"]:last-child:not(:first-child){margin-left:auto;display:flex;justify-content:flex-end;} .panel-body.row .form-group{display:flex;align-items:center;gap:10px;margin:0!important;} .panel-body.row .form-group>[class*="col-"]{width:auto!important;float:none!important;padding:0!important;} .panel-body.row .form-group label{margin:0!important;white-space:nowrap;} .panel-body.row select.form-control{width:auto!important;min-width:220px;} /* Sağa yaslı araç çubukları */ .form-inline.text-right,.text-right>.form-inline,.text-right .form-inline{justify-content:flex-end;} .panel-body.text-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;} .panel-body.text-right>*{flex:0 1 auto;} .panel-body.text-right .input-group,.form-inline .input-group,.NormalBold>.input-group{width:auto!important;display:inline-flex!important;} .form-inline input.form-control,.panel-body.text-right input.form-control,.NormalBold>.input-group>input.form-control{width:240px!important;max-width:100%;} .panel-body>.row>*:not([class*="col-"])>.form-inline.text-right{justify-content:flex-end;} /* Alt bilgideki sayfa boyutu satırı (PhoneNumbers vb.) */ .panel-footer>.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0!important;} .panel-footer>.row::before,.panel-footer>.row::after{content:none!important;} .panel-footer>.row>[class*="col-"]{float:none!important;width:auto!important;padding:0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .panel-footer>.row>[class*="col-"]:last-child{margin-left:auto;} .panel-footer .form-group{display:flex;align-items:center;gap:8px;margin:0!important;} .panel-footer .form-group>[class*="col-"]{float:none!important;width:auto!important;padding:0!important;} .panel-footer .form-group label{margin:0!important;white-space:nowrap;} .panel-footer .form-group select.form-control{width:auto!important;min-width:90px;} /* Panel gövdesindeki araç çubuğu satırı: sol (eylemler) / sağ (süzgeç) Bootstrap .row + col-md-4/col-md-8 — esnek satır, sütunlar içerik kadar */ .panel-body>.row{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 0;margin-left:-15px!important;margin-right:-15px!important;} .panel-body>.row>[class*="col-"]{min-width:0;} .panel-body>.row>*:not([class*="col-"]){flex:1 1 100%!important;width:100%!important;display:block!important;min-width:0;} .panel-body>.row>.col-md-4:has(.input-group),.panel-body>.row>.col-md-4:empty, .panel-body>.row>.col-md-8.form-inline,.panel-body>.row>.col-md-8.text-right, .panel-body>.row>.col-md-7.form-inline,.panel-body>.row>[class*="col-"].form-inline{ width:auto!important;float:none!important;flex:0 1 auto; } .panel-body>.row>.col-md-4:empty{padding:0!important;min-height:0;display:none;} /* Araç çubuğu satırı (içinde input-group / form-inline olan satır): tüm sütunlar içerik genişliğinde */ .panel-body>.row:has(> [class*="col-"] .input-group)>[class*="col-"], .panel-body>.row:has(> [class*="col-"].form-inline)>[class*="col-"], .panel-body>.row:has(> div > [class*="col-"] .input-group)>div{width:auto!important;float:none!important;flex:0 1 auto;} .panel-body>.row:has(> [class*="col-"] .input-group)>[class*="col-"]:empty{display:none;} .panel-body>.row:has(> [class*="col-"] .input-group)>[class*="col-"]:last-child:not(:first-child){margin-left:auto!important;} .panel-body>.row>[class*="col-"].form-inline:last-child, .panel-body>.row>[class*="col-"].text-right:last-child{margin-left:auto!important;justify-content:flex-end;} .panel-body>.row>[class*="col-"][class*="offset-"]{margin-left:auto!important;} .panel-body>.row:only-child{margin-bottom:0!important;} .panel>.panel-body:has(> .row:only-child > .form-inline){padding-top:14px!important;padding-bottom:14px!important;} .panel>.panel-body+.NormalGridView,.panel>div>.panel-body+.NormalGridView,.panel>.panel-body+.AspNet-GridView{margin-top:0!important;} .UserActions,.panel-body .UserActions{display:flex!important;align-items:center;width:auto!important;max-width:100%;} .UserActions .form-control,.panel-body>.row>.col-md-4 select.form-control{width:auto!important;min-width:170px;max-width:260px;} .panel-body .col-md-4 .input-group{width:auto!important;} .panel-body .col-md-4 .input-group>select.form-control{flex:0 1 auto;} /* Modüllerin CssClass yerine cssclass yazdığı sarmalayıcılar */ div[cssclass="NormalBold"]{display:block;} /* Doğrulama */ .has-error .form-control{border-color:var(--tb-danger)!important;box-shadow:0 0 0 3px rgba(239,68,68,.16)!important;} span[style*="color:Red"],span[style*="color: Red"],.Error,.ValidationError{color:var(--tb-danger)!important;font-weight:600;} .ValidationSummary{background:var(--tb-danger-soft)!important;border:1px solid rgba(239,68,68,.3)!important;color:var(--tb-danger-text)!important; border-radius:var(--tb-r-sm)!important;padding:12px 16px!important;margin-bottom:14px;} .MessageBox{border-radius:var(--tb-r)!important;margin:0 0 16px!important;padding:12px 16px!important;font-weight:500!important;line-height:1.45!important;} .MessageBox.Green{background:var(--tb-success-soft)!important;color:var(--tb-success-text)!important;border:1px solid rgba(16,185,129,.3);} .MessageBox.Yellow{background:var(--tb-warning-soft)!important;color:var(--tb-warning-text)!important;border:1px solid rgba(245,158,11,.3);} .MessageBox.Red{background:var(--tb-danger-soft)!important;color:var(--tb-danger-text)!important;border:1px solid rgba(239,68,68,.3);} /* Fieldset / legend */ .FormBody fieldset,fieldset{border:0!important;padding:0!important;margin:0!important;} legend{font-size:13px!important;font-weight:600!important;color:var(--tb-text-2)!important;border:0;margin:0 0 10px;padding:0!important;} .panel-body fieldset+fieldset{margin-top:12px!important;} .panel-body .form-group>h5{margin:0 0 6px!important;font-size:13px!important;color:var(--tb-text-2)!important;} .panel-body .form-group>h5+[class*="col-"]{float:none!important;padding:0!important;width:100%!important;max-width:560px;} /* Elle yukarı çekilmiş düğme (OrganizationUserGeneralSettings) */ [id$="PasswordBlock"]>div.pull-right,[id$="PasswordBlock"]>div[class*="col-"][style*="margin-top"]{ margin:8px 0 0!important;float:none!important;width:auto!important;padding:0!important;text-align:right; } .btn[class*="col-"]{white-space:normal!important;height:auto!important;min-height:36px;display:inline-flex!important;align-items:center;justify-content:center;text-align:center;word-break:break-word;} table[class*="col-"]{max-width:100%!important;padding:0!important;} /* ===================================================================== 09 ONAY KUTUSU / RADYO — tüm desenler --------------------------------------------------------------------- (a) / içinde input+label (b) .form-group içinde (c) .checkbox > label > input + metin (d) tablo tabanlı RadioButtonList (e) Fuelux "segment" düğmesi: .radio > label.btn > .sr-only > input ===================================================================== */ input[type=checkbox],input[type=radio]{ width:16px;height:16px;margin:0!important;vertical-align:middle!important; accent-color:var(--tb-primary);cursor:pointer;flex:0 0 auto;position:static!important; } input[type=checkbox]+label,input[type=radio]+label{ display:inline!important;margin:0 0 0 7px!important;padding:0!important; font-weight:500!important;font-size:13.5px!important;color:var(--tb-text-2)!important; vertical-align:middle!important;line-height:1.5!important;cursor:pointer; } label+input[type=checkbox],label+input[type=radio]{margin-left:18px!important;} input[type=checkbox]+span,input[type=radio]+span{margin-left:8px;} .form-group>[class*="col-"]:has(>input[type=checkbox]+span){display:flex;align-items:flex-start;gap:8px;padding-top:9px;} .form-group>[class*="col-"]:has(>input[type=checkbox]+span)>input{margin-top:3px!important;} .form-group>[class*="col-"]:has(>input[type=checkbox]+span)>span{margin-left:0;} td>input[type=checkbox],td>input[type=radio],th>input[type=checkbox]{margin:0 2px!important;} span.Normal,span.NormalBold{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;} /* Bootstrap .checkbox / .radio kabı */ .checkbox,.radio{position:relative;display:block;margin:6px 0!important;min-height:0;padding:0;} .checkbox>label,.radio>label,.checkbox label,.radio label{ display:inline-flex!important;align-items:center!important;gap:8px!important; padding:0!important;margin:0!important;position:static!important; font-weight:500!important;color:var(--tb-text-2)!important;cursor:pointer;line-height:1.4!important;min-height:0; } .checkbox label input,.radio label input,.checkbox>input,.radio>input{position:static!important;float:none!important;margin:0!important;} span.checkbox{display:inline-flex!important;align-items:center;gap:8px;} label.checkbox-inline,label.radio-inline{display:inline-flex!important;align-items:center;gap:8px;padding:0!important;margin:0 16px 0 0!important;} /* form-control sınıfı verilmiş onay kutuları */ .form-group>[class*="col-"]>span.form-control:has(input[type=checkbox]){display:inline-flex!important;} /* (d) RadioButtonList / CheckBoxList tabloları */ .radio.radiobuttonlist,.checkbox.checkboxlist,div[class*="radiobuttonlist"],div[class*="checkboxlist"]{position:static!important;padding:0!important;margin:0!important;} .radio table,.checkbox table,.radiobuttonlist table,.checkboxlist table{width:auto!important;margin:2px 0!important;background:transparent!important;border:0!important;} .radio table td,.checkbox table td,.radiobuttonlist table td,.checkboxlist table td{padding:4px 14px 4px 0!important;border:0!important;vertical-align:middle!important;white-space:nowrap;} .radio table input,.checkbox table input,.radiobuttonlist input,.checkboxlist input{position:static!important;margin:0 7px 0 0!important;opacity:1!important;clip:auto!important;width:16px!important;height:16px!important;} .radio table label,.radiobuttonlist label,.checkboxlist label{display:inline!important;position:static!important;margin:0!important;padding:0!important;} .radiobuttonlist td>span,.radio table td>span{display:inline!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;} /* (e) Segment düğmeleri: "New user / Existing user" */ .radio:has(> label.btn){display:inline-flex!important;flex-wrap:wrap;gap:0!important;margin:0!important;padding:0!important; border:1px solid var(--tb-line)!important;border-radius:var(--tb-r-sm);overflow:hidden;background:var(--tb-surface);} .radio>label.btn,label.btn.radio-inline{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:36px!important;padding:0 18px!important;margin:0!important;border:0!important;border-radius:0!important; background:transparent!important;color:var(--tb-text-2)!important;font-weight:600!important;font-size:13.5px!important; line-height:1.2!important;white-space:nowrap;box-shadow:none!important;cursor:pointer; } .radio>label.btn+label.btn{border-left:1px solid var(--tb-line)!important;} .radio>label.btn:hover{background:var(--tb-surface-2)!important;} .radio>label.btn:has(input:checked),label.btn.radio-inline:has(input:checked){background:var(--tb-primary)!important;color:#fff!important;} .radio>label.btn>.radio-label{display:inline!important;color:inherit!important;font:inherit!important;} .radio label span.sr-only input{width:1px!important;height:1px!important;} /* Fuelux/Bootstrap switch küçük düzeltme */ .bootstrap-switch{border-color:var(--tb-line)!important;border-radius:999px!important;box-shadow:none!important;} .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:var(--tb-primary)!important;} /* ===================================================================== 10 BUTONLAR ===================================================================== */ .btn,.Button,.CommandButton,.SmallCommandButton, input[type=submit],input[type=button],input.Button1,input.Button2,input.Button3,input.LoginButton,input.SmallButton{ display:inline-flex;align-items:center;justify-content:center;gap:7px; font-family:var(--tb-font)!important; border-radius:var(--tb-r-sm)!important;font-weight:600!important;font-size:13.5px!important; padding:8px 16px!important;min-height:var(--tb-control-h);height:auto!important;line-height:20px!important; border:1px solid transparent!important;box-shadow:none!important;text-decoration:none!important; white-space:nowrap;cursor:pointer;vertical-align:middle; transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease; } .btn:active{transform:translateY(1px);} .btn i,.btn .fa{font-size:13px;line-height:1;} .btn>i:only-child{margin:0!important;} .btn-primary,.CommandButton,input.Button1,input.LoginButton{ background:var(--tb-primary)!important;border-color:var(--tb-primary)!important;color:#fff!important; box-shadow:0 1px 2px rgba(37,99,235,.25)!important; } .btn-primary:hover,.btn-primary:focus,.CommandButton:hover,input.Button1:hover{background:var(--tb-primary-600)!important;border-color:var(--tb-primary-600)!important;color:#fff!important;} .btn-success,input.Button2{background:var(--tb-success)!important;border-color:var(--tb-success)!important;color:#fff!important;} .btn-success:hover,.btn-success:focus{background:#0DA271!important;border-color:#0DA271!important;color:#fff!important;} .btn-danger{background:var(--tb-danger)!important;border-color:var(--tb-danger)!important;color:#fff!important;} .btn-danger:hover,.btn-danger:focus{background:#DC2626!important;border-color:#DC2626!important;color:#fff!important;} .btn-warning{background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important;} .btn-warning:hover,.btn-warning:focus{background:var(--tb-surface-2)!important;border-color:#C9D1DE!important;color:var(--tb-text)!important;} .btn-info{background:var(--tb-info)!important;border-color:var(--tb-info)!important;color:#fff!important;} .btn-default,.SmallCommandButton,input.Button3,input.SmallButton{background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important;} .btn-default:hover,.btn-default:focus,.SmallCommandButton:hover{background:var(--tb-surface-2)!important;border-color:#C9D1DE!important;color:var(--tb-text)!important;} .btn-link{background:transparent!important;border:0!important;color:var(--tb-primary)!important;box-shadow:none!important;min-height:0;} .btn-link:hover{color:var(--tb-primary-600)!important;text-decoration:underline!important;} .btn-sm,.btn-xs,input.SmallButton{padding:5px 11px!important;font-size:12.5px!important;min-height:30px;} .btn-lg{padding:11px 22px!important;font-size:15px!important;} .btn-block{width:100%!important;display:flex!important;} .btn[disabled],.btn.disabled,input.Button1:disabled{opacity:.55!important;cursor:not-allowed;box-shadow:none!important;transform:none;} .btn.btn-circle{width:34px;height:34px;min-height:0;padding:0!important;font-size:0!important;border-radius:50%!important;} .btn.btn-circle>i{font-size:13px!important;} .btn.btn-succsess{background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important;} /* SolidCP yazım hatası */ .panel-footer .btn+.btn{margin-left:0!important;} a.Button,.Button{padding:6px 12px!important;min-height:0;font-size:12.5px!important;background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important;} /* ===================================================================== 11 UYARI / ROZET / ETİKET / İLERLEME ===================================================================== */ .alert{border-radius:var(--tb-r)!important;border:1px solid transparent!important;padding:13px 16px!important;font-size:13.5px!important; display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;} .alert:empty{display:none!important;} .alert-success{background:var(--tb-success-soft)!important;border-color:rgba(16,185,129,.3)!important;color:var(--tb-success-text)!important;} .alert-info{background:var(--tb-info-soft)!important;border-color:rgba(59,130,246,.3)!important;color:var(--tb-info-text)!important;} .alert-warning{background:var(--tb-warning-soft)!important;border-color:rgba(245,158,11,.32)!important;color:var(--tb-warning-text)!important;} .alert-danger,.alert-error{background:var(--tb-danger-soft)!important;border-color:rgba(239,68,68,.3)!important;color:var(--tb-danger-text)!important;} .label,.badge,.tb-chip,.tb-pill{ display:inline-flex;align-items:center;gap:6px;border-radius:999px!important; padding:3px 10px!important;font-size:11.5px!important;font-weight:600!important;line-height:16px!important;white-space:nowrap; } .label-success,.tb-pill.ok{background:var(--tb-success-soft)!important;color:var(--tb-success-text)!important;} .label-warning,.tb-pill.warn{background:var(--tb-warning-soft)!important;color:var(--tb-warning-text)!important;} .label-danger,.tb-pill.bad{background:var(--tb-danger-soft)!important;color:var(--tb-danger-text)!important;} .label-info{background:var(--tb-info-soft)!important;color:var(--tb-info-text)!important;} .label-primary{background:var(--tb-primary-soft)!important;color:var(--tb-primary-700)!important;} .label-default,.tb-pill.muted{background:#EEF1F6!important;color:var(--tb-muted)!important;} .tb-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8;} .progress{height:8px!important;border-radius:999px!important;background:var(--tb-line-soft)!important;box-shadow:none!important;margin-bottom:0!important;overflow:hidden;} .progress-bar{background:var(--tb-primary)!important;border-radius:999px!important;box-shadow:none!important;height:100%!important;float:left;transition:width .4s ease;} .progress-bar-success{background:var(--tb-success)!important;} .progress-bar-warning{background:var(--tb-warning)!important;} .progress-bar-danger{background:var(--tb-danger)!important;} .ProgressBarContainer{height:8px;border-radius:999px;background:var(--tb-line-soft);overflow:hidden;} .ProgressBarIndicator{height:100%;background:var(--tb-primary);} .BorderFillBox,.Brick{border-radius:var(--tb-r-sm)!important;} .Brick{background:var(--tb-warning-soft)!important;color:var(--tb-warning-text)!important;} .Brick a,.Brick b a{color:var(--tb-warning-text)!important;} /* ===================================================================== 12 SEKME / SAYFALAMA / MODAL / AÇILIR MENÜ / AUTOCOMPLETE ===================================================================== */ .nav-tabs{border-bottom:1px solid var(--tb-line)!important;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:2px;} .nav-tabs>li{float:none!important;margin:0!important;} .nav-tabs>li>a{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--tb-muted)!important; padding:10px 14px!important;font-weight:600!important;font-size:13.5px!important;background:transparent!important;margin:0!important;display:flex;align-items:center;gap:6px;} .nav-tabs>li>a:hover{color:var(--tb-text)!important;border-bottom-color:var(--tb-line)!important;} .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--tb-primary)!important;border-bottom-color:var(--tb-primary)!important;background:transparent!important;} .nav-tabs>li>a img{width:18px!important;height:18px!important;} .panel.tab-content{border-top-left-radius:var(--tb-r-lg)!important;border-top-right-radius:var(--tb-r-lg)!important;border-top:1px solid var(--tb-line)!important;} .nav-pills>li>a{border-radius:999px!important;color:var(--tb-text-2)!important;font-weight:600!important;} .nav-pills>li.active>a{background:var(--tb-primary)!important;color:#fff!important;} /* SolidCP .Tabs (eski sekmeler) */ .Tabs a{padding:10px 16px;border:0!important;border-bottom:2px solid transparent!important;color:var(--tb-muted);font-weight:600;border-radius:0!important;} .Tabs a:hover{background:transparent!important;border:0!important;border-bottom:2px solid var(--tb-line)!important;color:var(--tb-text);} .Tabs a.ActiveTab{border:0!important;border-bottom:2px solid var(--tb-primary)!important;color:var(--tb-primary)!important;background:transparent!important;margin:0!important;} .pagination{display:inline-flex;gap:4px;margin:10px 0;} .pagination>li>a,.pagination>li>span{border:1px solid var(--tb-line)!important;color:var(--tb-text-2)!important;background:var(--tb-surface)!important;border-radius:8px!important;padding:5px 11px!important;font-weight:600;} .pagination>.active>a,.pagination>.active>span{background:var(--tb-primary)!important;border-color:var(--tb-primary)!important;color:#fff!important;} .modal-content{border:0!important;border-radius:var(--tb-r-lg)!important;box-shadow:0 26px 70px rgba(15,23,42,.26)!important;} .modal-header{border-bottom:1px solid var(--tb-line-soft)!important;padding:16px 22px!important;} .modal-title{font-size:16px!important;font-weight:600!important;} .modal-body{padding:22px!important;} .modal-footer{border-top:1px solid var(--tb-line-soft)!important;padding:14px 22px!important;background:var(--tb-surface-2)!important;border-radius:0 0 var(--tb-r-lg) var(--tb-r-lg)!important;} .modal-backdrop.in{opacity:.5;background:#0B1B30;} .modalBackground{background:#0B1B30!important;opacity:.5!important;} .PopupContainer .widget{box-shadow:var(--tb-shadow-lg)!important;min-width:420px;} .popup-buttons{padding:12px 16px;border-top:1px solid var(--tb-line-soft);background:var(--tb-surface-2);display:flex;gap:8px;justify-content:flex-end;border-radius:0 0 var(--tb-r-lg) var(--tb-r-lg);} .ui-popupdialog,.ui-dialog{border-radius:var(--tb-r-lg)!important;border:1px solid var(--tb-line)!important;box-shadow:var(--tb-shadow-lg)!important;} .dropdown-menu{border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important;box-shadow:var(--tb-shadow-md)!important;padding:6px!important;margin-top:6px!important;min-width:190px;} .dropdown-menu>li>a{border-radius:7px!important;padding:8px 12px!important;color:var(--tb-text-2)!important;font-size:13.5px!important;font-weight:500!important;} .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--tb-surface-2)!important;color:var(--tb-primary)!important;} .dropdown-menu .divider{background:var(--tb-line-soft)!important;margin:6px 0!important;} .tooltip-inner{background:#0F1F35!important;border-radius:8px!important;padding:7px 11px!important;font-size:12.5px!important;} .popover{border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important;box-shadow:var(--tb-shadow-md)!important;} .ui-autocomplete,.ui-menu{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important; box-shadow:var(--tb-shadow-md)!important;padding:6px!important;z-index:1600!important;max-height:60vh;overflow:auto;} .ui-menu-item a,.ui-menu .ui-menu-item-wrapper{border-radius:7px!important;padding:8px 11px!important;color:var(--tb-text-2)!important;border:0!important;font-size:13.5px;display:block;} .ui-menu-item a.ui-state-focus,.ui-menu .ui-state-active{background:var(--tb-primary-soft)!important;color:var(--tb-primary-700)!important;border:0!important;margin:0!important;} .IconMenu{position:absolute;background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r)!important;box-shadow:var(--tb-shadow-md)!important; margin:44px 0 0 -10px!important;min-width:180px!important;padding:6px!important;font-size:13px!important;z-index:1200;} .IconMenu ul{margin:0!important;padding:0!important;} .IconMenu ul li a{padding:8px 11px!important;border-radius:7px!important;color:var(--tb-text-2)!important;font-size:13px!important;font-weight:500!important;display:block;} .IconMenu ul li:hover{background:transparent!important;} .IconMenu ul li a:hover{background:var(--tb-primary-soft)!important;color:var(--tb-primary-700)!important;} /* ===================================================================== 13 AÇILIR BÖLÜMLER, AKORDEON, KOTA GRUPLARI, SUNUCU KARTLARI ===================================================================== */ /* CollapsiblePanel başlıkları: table.Shevron (hover'da sınıf ShevronActive olur) */ .Shevron,.ShevronActive,.Shezron,.ShezronActive,table.Shevron,table.ShevronActive{ width:100%!important;background:transparent!important;border:0!important; margin:18px 0 10px!important;line-height:normal!important;font-size:inherit!important;cursor:pointer; } .panel-body>div:first-child>.Shevron,.panel-body>div:first-child>.ShevronActive, .panel-body>.Shevron:first-child,.panel-body>.ShevronActive:first-child, .form-horizontal>div:first-child>.Shevron{margin-top:0!important;} .Shevron td,.ShevronActive td,.Shezron td,.ShezronActive td{background:transparent!important;border:0!important;padding:0!important;vertical-align:middle!important;} .Shevron td:first-child,.ShevronActive td:first-child,.Shezron td:first-child,.ShezronActive td:first-child{ font-size:11.5px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important; color:var(--tb-text-2)!important;padding-right:12px!important;white-space:nowrap!important;width:1%!important;transition:color .14s ease; } .ShevronActive td:first-child,.ShezronActive td:first-child{color:var(--tb-primary)!important;} .ShevronLine,.ShezronLine{border-top:1px solid var(--tb-line)!important;background:none!important;height:1px!important;width:100%!important;font-size:0;line-height:0;} .Shevron td:last-child,.ShevronActive td:last-child{width:1%;white-space:nowrap;} .Shevron img,.ShevronActive img,.Shezron img,.ShezronActive img{ width:14px!important;height:14px!important;max-width:none!important;margin-left:8px!important;vertical-align:middle!important; opacity:.6;transition:opacity .15s ease; } .Shevron:hover img,.ShevronActive img{opacity:1;} /* Açılır bölüm içeriği (AJAX CollapsiblePanel sarmalayıcısı) */ .Shevron+div,.panel-body>div[style*="overflow-y: hidden"]{margin-bottom:6px;} /* Bağlantı listeleri (All Customers (14) …) */ .panel-body .FormRow,.form-horizontal .FormRow{padding:0 0 12px!important;display:block;line-height:1.55;} .panel-body .FormRow:has(> a),.form-horizontal .FormRow:has(> a){display:flex;flex-wrap:wrap;gap:8px;align-items:center;} .panel-body .FormRow:last-child{padding-bottom:0!important;} .panel-body .FormRow>a{ display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px; background:var(--tb-surface-2);border:1px solid var(--tb-line); color:var(--tb-text-2)!important;font-size:13px;font-weight:600;line-height:1.3; transition:background .14s ease,border-color .14s ease,color .14s ease; } .panel-body .FormRow>a:hover{background:var(--tb-primary-soft);border-color:#C6D8FB;color:var(--tb-primary-700)!important;text-decoration:none!important;} .panel-body .FormRow .NormalBold,.panel-body .FormRow>div{flex:1 1 100%;} .panel-body .FormRow>div.NormalBold .form-inline{gap:8px;} /* Dikey düğme listesi (ul.VerticalButtons — main.css float:right): metin solda, düğmeler sağda */ .FormRow:has(> ul.VerticalButtons),.panel-body .FormRow:has(> ul.VerticalButtons){ display:flex!important;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 0 14px!important; } ul.VerticalButtons{float:none!important;order:2;margin:0 0 0 auto!important;padding:0!important;list-style:none; display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px;} ul.VerticalButtons li{padding:0!important;} ul.VerticalButtons li .btn,ul.VerticalButtons li a.btn{width:100%;justify-content:center;margin:0!important;} .btn-secondary{background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important;} .btn-secondary:hover{background:var(--tb-surface-2)!important;color:var(--tb-text)!important;} fieldset+fieldset{margin-top:16px!important;} .panel-body>fieldset>legend,.form-horizontal>fieldset>legend{font-size:11.5px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important; color:var(--tb-text-2)!important;border-bottom:1px solid var(--tb-line-soft);padding:0 0 8px!important;margin:0 0 12px!important;width:100%;} /* Akordeon başlığı (SystemSettings: .panel-heading-link, ServersEditEventViewer: a[data-toggle]) */ .panel-heading.panel-heading-link,.panel-heading:has(> a[data-toggle="collapse"]){ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important; padding:12px 16px!important;cursor:pointer;text-align:left!important;background:var(--tb-surface-2)!important;min-height:0; } .panel-heading.panel-heading-link>span:first-child{flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center; border-radius:8px;background:var(--tb-primary-soft);color:var(--tb-primary)!important;font-size:14px;} .panel-heading.panel-heading-link>span:first-child i{margin:0;} .panel-heading.panel-heading-link>a,.panel-heading:has(> a[data-toggle="collapse"])>a{ flex:1 1 auto!important;min-width:0;display:flex!important;align-items:center!important; color:var(--tb-text)!important;font-weight:600!important;font-size:13.5px!important;text-decoration:none!important;text-align:left!important; letter-spacing:.02em; } .panel-heading.panel-heading-link>a:hover{color:var(--tb-primary)!important;} .panel-heading.panel-heading-link>a>.pull-right,.panel-heading>a[data-toggle="collapse"]>.pull-right{ float:none!important;margin-left:auto!important;flex:0 0 auto;color:var(--tb-muted)!important;font-size:12px!important;transition:transform .18s ease; } .panel-heading-link>a>.fa-plus::before,.panel-heading>a[data-toggle="collapse"]>.fa-plus::before{content:"\f078"!important;} .panel-heading-link>a[aria-expanded="true"]>.fa-plus,.panel-heading>a[data-toggle="collapse"][aria-expanded="true"]>.fa-plus{transform:rotate(180deg);color:var(--tb-primary)!important;} .panel-group{margin-bottom:0;} .panel-group .panel{border-radius:var(--tb-r)!important;} .panel-group .panel-collapse>.panel-body{border-top:1px solid var(--tb-line-soft)!important;padding:18px 16px!important;} /* Kota grubu kartları (Hosting Plan): başlıkta ad + sayaç kutuları */ .panel-body .panel.panel-info>.panel-heading{background:var(--tb-surface-2)!important;color:var(--tb-text)!important;border-bottom:1px solid var(--tb-line)!important;} .panel-heading>.row{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:100%!important;margin:0!important;gap:8px 24px;flex-wrap:wrap;} .panel-heading>.row>[class*="col-"]{float:none!important;width:auto!important;padding:0!important;flex:0 0 auto;text-align:left!important;white-space:nowrap;} .panel-heading>.row>[class*="col-"]:first-child{font-weight:600;} .panel-heading>.row input[type=checkbox]+label{margin:0 0 0 7px!important;} .panel-heading>.row span[disabled]{opacity:.55;} .panel-body .panel.panel-info>.panel-body{padding:4px 14px!important;} .panel-body .panel.panel-info .table td{padding:8px 0!important;} .panel-body .panel.panel-info .table td .row{margin:0!important;display:flex;align-items:center;gap:12px;} .panel-body .panel.panel-info .table td .row>[class*="col-"]{padding:0!important;float:none!important;} .panel-body .panel.panel-info .table td .row>[class*="col-"]:first-child{flex:0 0 220px;color:var(--tb-text-2);} .panel-body .panel.panel-info .table td .row>[class*="col-"]:last-child{flex:1 1 auto;display:flex;align-items:center;gap:10px;width:auto!important;} .panel-body .panel.panel-info .table td .row .form-control[style*="width"]{width:96px!important;display:inline-block!important;} .panel-body .panel.panel-info .table td .row input[type=checkbox]+label{margin-left:0!important;} .panel-body .panel.panel-info .table td .row input[type=checkbox]{margin-left:4px!important;} /* Hizmet kartları (panel-success) */ .panel-body .panel.panel-success{border-left:3px solid var(--tb-success)!important;} .panel-body .panel.panel-success>.panel-heading{background:var(--tb-success-soft)!important;border-bottom:1px solid #CFEDE1!important;} .panel-body .panel.panel-warning{border-left:3px solid var(--tb-warning)!important;} .panel-body .panel.panel-danger{border-left:3px solid var(--tb-danger)!important;} .panel-body>.row>span[id] [class*="col-"]{float:left!important;padding:0 8px!important;} .panel-body>.row>span[id]::after{content:"";display:table;clear:both;} /* Sunucu kartları (Servers.ascx: .server-panel, matchHeight) */ .server-panel{border:1px solid var(--tb-line)!important;border-left:3px solid var(--tb-cloud)!important;border-radius:var(--tb-r)!important; overflow:hidden!important;box-shadow:none!important;transition:box-shadow .15s ease,border-color .15s ease;} .server-panel:hover{box-shadow:var(--tb-shadow-md)!important;} .server-panel>.panel-heading{background:var(--tb-surface-2)!important;padding:10px 14px!important;display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important;} .server-panel>.panel-heading>[class*="col-"]{float:none!important;padding:0!important;width:auto!important;min-width:0;} .server-panel>.panel-heading>[class*="col-"]:first-child{flex:1 1 auto;} .server-panel>.panel-heading>[class*="col-"]:last-child{flex:0 0 auto;white-space:nowrap;} .server-panel .panel-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important;} .server-panel .panel-title i{color:var(--tb-primary)!important;background:var(--tb-primary-soft);border-radius:7px;width:26px;height:26px;display:inline-flex!important;align-items:center;justify-content:center;font-size:13px;} .server-panel .btn{margin:0!important;} .server-panel .list-group{margin:0!important;border:0!important;} .server-panel .list-group-item{border:0!important;border-top:1px solid var(--tb-line-soft)!important;padding:10px 14px!important;font-size:13px!important;color:var(--tb-muted)!important;min-height:0!important;border-radius:0!important;} .server-panel .list-group-item:first-child{border-top:0!important;} .server-panel .list-group-item:empty{display:none!important;} .server-panel .list-group-item:last-child{color:var(--tb-text-2)!important;font-weight:600!important;background:var(--tb-surface-2)!important;} .HostingPlanGroup .Header{background:var(--tb-surface-2)!important;color:var(--tb-text)!important;border-radius:var(--tb-r-sm);height:auto!important;line-height:1.4;padding:8px 12px;} /* ===================================================================== 14 KISAYOL İKON IZGARALARI --------------------------------------------------------------------- UserSpaces.ascx: .space-select ~ div > table (asp:DataList) UserOrganization.ascx: div.IconsBlock > table Her hücre: div.Icon > a > img + br + a(metin). Fareyle üstüne gelince AJAX HoverMenu "Hover" sınıfı ekler; .IconMenu açılır. Tablo CSS ızgarasına çevrilir: hücre genişliği öğe sayısından bağımsız. ===================================================================== */ .IconsBlock>table,.space-select~div>table,.panel-body .space-select~div table, .panel-body>div>table[id$="PackageIcons"]{ display:grid!important;grid-template-columns:repeat(auto-fill,minmax(136px,1fr))!important;gap:6px!important; width:100%!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:0 0 6px!important; } .IconsBlock>table>tbody,.IconsBlock>table>tbody>tr,.space-select~div>table>tbody,.space-select~div>table>tbody>tr, table[id$="PackageIcons"]>tbody,table[id$="PackageIcons"]>tbody>tr{display:contents!important;} .IconsBlock>table td,.space-select~div>table td,table[id$="PackageIcons"] td{ display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;width:auto!important;vertical-align:top!important; } .IconsBlock>table td:empty,.space-select~div>table td:empty,table[id$="PackageIcons"] td:empty{display:none!important;} .IconsBlock{margin:0 0 8px!important;} .Icon{ width:100%!important;height:100%!important;min-height:106px; display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px; margin:0!important;padding:14px 8px!important;text-align:center!important; border:1px solid transparent!important;border-radius:12px!important;background:transparent!important; font-size:12.5px!important; transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; } .Icon a{display:block!important;color:var(--tb-text-2)!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;padding:0!important;} .Icon a:last-child{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .Icon a+br{display:none;} .Icon img{width:44px!important;height:44px!important;transition:transform .15s ease;} .Icon.Hover,.Icon:hover{background:var(--tb-primary-soft)!important;border-color:#CBDCFB!important;box-shadow:0 8px 20px rgba(37,99,235,.12)!important;transform:translateY(-2px);} .Icon.Hover a,.Icon:hover a{color:var(--tb-primary-700)!important;text-decoration:none!important;} .Icon.Hover img,.Icon:hover img{transform:scale(1.07);} .space-select{margin-bottom:16px!important;max-width:420px;} /* Grup başlıkları: System / Hosted Organization / … */ .panel-body h4>.LinkText,.panel-body h4 .LinkText,.IconsTitle,.IconsTitle a{ color:var(--tb-text-2)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important; } .panel-body>div>h4,.space-select~div h4,.IconsBlock+h4,[id$="OrgPanel"] h4{margin:18px 0 8px!important;padding:0 0 8px!important;border-bottom:1px solid var(--tb-line-soft)!important;} .space-select~div>h4:first-child,.panel-body>div>h4:first-child{margin-top:4px!important;} .IconsTitle{padding:0!important;} /* AspNet-Menu (bazı modüller ikon ızgarasını menüyle kurar) */ #SkinContent ul.AspNet-Menu,.panel-body ul.AspNet-Menu{display:flex!important;flex-wrap:wrap!important;gap:4px!important;list-style:none!important;margin:0!important;padding:0!important;} #SkinContent ul.AspNet-Menu li{float:none!important;flex:0 0 auto;list-style:none!important;} #SkinContent ul.AspNet-Menu li a{display:inline-flex!important;flex-direction:column;align-items:center;gap:8px;min-width:104px;max-width:150px; padding:14px 10px!important;margin:2px!important;border-radius:12px!important;background:transparent!important;color:var(--tb-text-2)!important; text-transform:none!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;height:auto!important;opacity:1!important;overflow:visible!important; border:1px solid transparent!important;text-align:center;} #SkinContent ul.AspNet-Menu li a:hover{background:var(--tb-primary-soft)!important;border-color:#CBDCFB!important;color:var(--tb-primary-700)!important;text-decoration:none!important;} /* ===================================================================== 15 SAĞ SÜTUN BİLEŞENLERİ ===================================================================== */ #Right .widget+br{display:none;} #Right>br{display:none;} #Right .widget{margin-bottom:18px!important;} #Right .FormRightIcon,.widget-content>.FormRightIcon{display:block!important;text-align:center!important;margin:2px 0 14px!important;} #Right .FormRightIcon img,.widget-content>.FormRightIcon img{width:84px!important;height:84px!important;padding:10px;border-radius:50%; background:var(--tb-surface-2);border:1px solid var(--tb-line-soft);} .RightBlockTable{width:100%!important;table-layout:auto!important;color:var(--tb-text)!important;} .RightBlockTable td.SubHead,.Right .SubHead{display:table-cell!important;width:1%!important;white-space:nowrap!important;padding:7px 12px 7px 0!important; color:var(--tb-muted)!important;font-weight:600!important;font-size:12.5px!important;vertical-align:top!important;text-align:left!important;line-height:1.45!important;min-width:0!important;} .RightBlockTable td.Normal{display:table-cell!important;padding:7px 0!important;font-size:13px!important;color:var(--tb-text)!important;line-height:1.45!important;vertical-align:top!important; overflow-wrap:break-word;max-width:0;overflow:hidden;} .RightBlockTable td.Normal>a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .RightBlockTable tr+tr td{border-top:1px solid var(--tb-line-soft);} .RightBlockTable tr:has(> td.Normal:empty){display:none!important;} .RightBlockTable tr:has(> td.SubHead:empty){display:none!important;} .RightBlockTitle{color:var(--tb-text)!important;font-size:18px!important;font-weight:600!important;letter-spacing:0!important;} #Right .widget-content>.Normal{margin-top:8px!important;} .ToolLink{margin:0!important;} .ToolLink:not(:has(a)):not(:has(input)){display:none!important;} .ToolLink>a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;font-weight:600;font-size:13px;color:var(--tb-primary)!important;line-height:1.4;} .ToolLink>a::before{content:"\f054";font-family:FontAwesome;font-size:10px;color:var(--tb-muted-2);} .ToolLink>a:hover{background:var(--tb-surface-2);text-decoration:none!important;} .ToolLink:has(> input[type=checkbox]){padding:8px 8px 0;display:flex;align-items:center;gap:8px;} .ToolLink>input[type=checkbox]+label{margin:0!important;} [id$="StatusPanel"]>table{margin:0!important;width:100%!important;} [id$="StatusPanel"]>table td{padding:2px!important;border:0!important;text-align:center;} [id$="StatusPanel"] .MediumBold{display:inline-flex!important;align-items:center;gap:8px;padding:6px 16px!important;margin:0!important; background:var(--tb-success-soft)!important;color:var(--tb-success-text)!important;border-radius:999px!important;font-weight:600!important;font-size:13px!important;} [id$="StatusPanel"] .MediumBold::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;} .MediumBold{font-size:15px;padding:0;} /* Not kartları (User Account Notes) */ .AspNet-GridView table[id$="gvComments"],.AspNet-GridView table[id$="gvComments"]>tbody,.AspNet-GridView table[id$="gvComments"]>tbody>tr{display:block;border:0!important;width:100%!important;} .AspNet-GridView table[id$="gvComments"]>tbody>tr{margin-bottom:10px;} .AspNet-GridView table[id$="gvComments"]>tbody>tr:last-child{margin-bottom:0;} .panel-body .AspNet-GridView:has(> table[id$="gvComments"]){border:0!important;border-radius:0;overflow:visible;} .AspNet-GridView table[id$="gvComments"] tbody tr td{ display:block;width:100%!important;box-sizing:border-box;text-align:left!important;padding:12px 14px!important; background:var(--tb-surface-2)!important;border:1px solid var(--tb-line)!important;border-left:3px solid var(--tb-primary)!important;border-radius:8px!important; } .AspNet-GridView table[id$="gvComments"] tbody tr:hover td{background:var(--tb-surface-2)!important;} .AspNet-GridView table[id$="gvComments"] .Small{color:var(--tb-muted)!important;font-size:12px!important;margin-bottom:4px;} .AspNet-GridView table[id$="gvComments"] .FormRow{margin:0!important;padding:0!important;display:block;color:var(--tb-text)!important;font-size:13.5px!important;line-height:1.5!important;} .AspNet-GridView table[id$="gvComments"] td>div[style*="float"]{margin-left:10px;} .AspNet-GridView table[id$="gvComments"] input[type=image]{width:16px!important;height:16px!important;opacity:.7;} .AspNet-GridView table[id$="gvComments"] input[type=image]:hover{opacity:1;} [id$="txtComments"]{min-height:70px!important;height:70px!important;} [id$="AddCommentPanel"]>.panel-body{padding-top:0!important;} [id$="AddCommentPanel"]>.panel-footer{border-top:0!important;background:transparent!important;padding-top:0!important;} [id$="commentsUpdatePanel"]>.panel-body:has(.AspNet-GridView-Empty){padding-bottom:6px!important;} /* ===================================================================== 16 ANA SAYFA / SPACE HOME ÖZET KARTLARI --------------------------------------------------------------------- tb-enhance.js, "All Customers / By Status / By Role" başlık+içerik çiftlerini div.tb-stat-group içine alır ve panel gövdesine .tb-stat-body sınıfı ekler. Betik yoksa eski akış (alt alta) çalışır. ===================================================================== */ .panel-body.tb-stat-body{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;align-items:stretch;padding:18px 20px!important;} .panel-body.tb-stat-body>input{display:none!important;} .panel-body.tb-stat-body::before,.panel-body.tb-stat-body::after{content:none!important;display:none!important;} /* bootstrap clearfix → ızgara öğesi */ .tb-stat-group{ display:flex;flex-direction:column;gap:12px;min-width:0; background:var(--tb-surface-2);border:1px solid var(--tb-line-soft);border-radius:14px;padding:14px 12px 16px; } .tb-stat-group>div[id$="HeaderPanel"]{cursor:pointer;} .tb-stat-group .Shevron,.tb-stat-group .ShevronActive{margin:0!important;} .tb-stat-group .Shevron td:first-child,.tb-stat-group .ShevronActive td:first-child{font-size:11px!important;color:var(--tb-muted)!important;} .tb-stat-group .ShevronLine{border-top:0!important;} .tb-stat-group .Shevron img,.tb-stat-group .ShevronActive img{opacity:.45;} .tb-stat-group .FormRow,.panel-body .tb-stat-group [id$="Panel"].FormRow{ display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;margin:0!important;padding:0!important; background:transparent!important;border:0!important; } .tb-stat-group .FormRow>a{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;box-shadow:var(--tb-shadow-sm);} .tb-stat-group .FormRow>a.tb-kpi{padding:8px 10px;border-radius:12px;min-width:0;flex:0 1 auto;gap:6px;} .tb-stat-group .FormRow{font-size:0;gap:8px!important;} /* pilller arasındaki   metin düğümleri boşluk kaplamasın */ .tb-stat-group .tb-kpi .tb-kpi-num{font-size:22px;} /* Betik çalışmadıysa (gruplama yok) — sade dikey akış */ .panel-body:not(.tb-stat-body) [id$="AllCustomersPanel"].FormRow,.panel-body:not(.tb-stat-body) [id$="ByStatusPanel"].FormRow, .panel-body:not(.tb-stat-body) [id$="ByRolePanel"].FormRow,.panel-body:not(.tb-stat-body) [id$="AllSpacesPanel"].FormRow, .panel-body:not(.tb-stat-body) [id$="SpacesByStatusPanel"].FormRow{ display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin:0!important;padding:4px 0 10px!important;background:transparent!important;border:0!important; } /* ===================================================================== 17 GİRİŞ EKRANI --------------------------------------------------------------------- Skin: .page-login.tb-login-shell > .tb-login-box > .tb-login-brand + .tb-login-card(+ modülün .panel) + .login-footer main.css: body .page-login{display:table;position:absolute} ezilir. ===================================================================== */ html:has(body.tb-login),body.tb-login{background:#081427!important;} body.tb-login{color:var(--tb-dark-text)!important;} .tb-login-shell,body .page-login.tb-login-shell{ display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important; width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:40px 16px!important; background: radial-gradient(1100px 620px at 10% -10%,rgba(91,115,196,.35),transparent 62%), radial-gradient(900px 560px at 105% 8%,rgba(37,99,235,.22),transparent 58%), linear-gradient(168deg,#0E2044 0%,#0A1930 46%,#06111F 100%)!important; } .tb-login-shell::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background-image:linear-gradient(rgba(148,178,222,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,178,222,.05) 1px,transparent 1px); background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);} .tb-login-box{position:relative;z-index:1;width:100%;max-width:460px;} .tb-login-brand{text-align:center;margin-bottom:24px;} .tb-login-brand img{max-width:240px;height:auto;display:inline-block;} .tb-login-brand .tb-login-tag{display:block;margin-top:10px;color:var(--tb-dark-muted);font-size:13px;letter-spacing:.02em;} .tb-login-card,.page-login .ContentPane{ background:#0C1D35!important;border:1px solid var(--tb-dark-line)!important;border-radius:var(--tb-r-xl)!important; box-shadow:var(--tb-shadow-lg)!important;overflow:hidden; } .tb-login-card .tb-login-head{padding:26px 28px 4px;text-align:center;} .tb-login-card .tb-login-head h1{color:#fff!important;font-size:20px!important;margin:0 0 6px;} .tb-login-card .tb-login-head p{color:var(--tb-dark-muted)!important;margin:0;font-size:13px;} .tb-login-card .panel,.tb-login-card .panel-default{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;border-radius:0!important;overflow:visible!important;} .tb-login-card .panel>.panel-heading{display:none!important;} .page-login .panel-body,.tb-login-card .panel-body{background:transparent!important;border:0!important;padding:20px 28px 8px!important;margin:0!important;} .page-login .panel-body>.row{display:block!important;margin:0!important;gap:0!important;} .page-login .panel-body>.row>[class*="col-"]{width:100%!important;float:none!important;padding:0!important;display:block!important;} .page-login .panel-body>.row>.col-sm-6:first-child{padding:0 0 12px!important;display:flex!important;align-items:center;gap:8px;} .page-login .input-group{width:100%;margin-bottom:14px;} .page-login .form-control,.tb-login-card .form-control,.tb-login-card input[type=text],.tb-login-card input[type=password]{ background:rgba(4,12,26,.8)!important;border:1px solid rgba(148,178,222,.22)!important;color:#EEF3FA!important; height:44px!important;border-radius:var(--tb-r)!important;padding:8px 14px!important;box-shadow:none!important; } .page-login .form-control:focus{border-color:var(--tb-primary)!important;background:rgba(4,12,26,.95)!important;box-shadow:0 0 0 4px var(--tb-primary-ring)!important;} .page-login .form-control::placeholder{color:#5F738F!important;} .page-login .input-group-addon{background:rgba(4,12,26,.8)!important;border:1px solid rgba(148,178,222,.22)!important;border-right:0!important;color:#7D91AE!important; border-radius:var(--tb-r) 0 0 var(--tb-r)!important;min-width:44px;} .page-login .input-group .form-control{border-radius:0 var(--tb-r) var(--tb-r) 0!important;} .page-login span.form-control{display:none!important;} /* doğrulayıcı */ .page-login label,.tb-login-card label,.page-login input[type=checkbox]+label{color:var(--tb-dark-muted)!important;font-size:13px!important;font-weight:500!important;margin:0!important;} .page-login input[type=checkbox]{accent-color:var(--tb-primary);} .page-login .btn,.page-login .btn-success,.page-login .btn-primary{ width:100%!important;float:none!important;display:flex!important;justify-content:center;height:44px!important;line-height:24px!important; background:linear-gradient(180deg,#2F72EE,#2158D6)!important;border:0!important;color:#fff!important;border-radius:var(--tb-r)!important; font-weight:600!important;font-size:14.5px!important;box-shadow:0 8px 22px rgba(37,99,235,.32)!important;margin:0!important; } .page-login .btn:hover{filter:brightness(1.06);box-shadow:0 10px 28px rgba(37,99,235,.42)!important;} .page-login .btn *{color:#fff!important;} .page-login .btn-default,.page-login .btn:not(.btn-success):not(.btn-primary),.page-login .btn.btn-succsess{ background:rgba(148,178,222,.10)!important;border:1px solid rgba(148,178,222,.28)!important;color:#C3D3E9!important;box-shadow:none!important;filter:none!important; } .page-login .btn-default:hover{background:rgba(148,178,222,.18)!important;color:#fff!important;} .page-login hr{border-color:var(--tb-dark-line)!important;margin:18px 0;} .page-login h5{color:#DCE6F4!important;font-size:13.5px!important;margin:0 0 4px;} .page-login p{color:var(--tb-dark-muted)!important;font-size:13px;margin:0;} .tb-login-card,.tb-login-card div,.tb-login-card span,.tb-login-card td,.tb-login-card li{color:var(--tb-dark-text);} .page-login a:not(.btn),.tb-login-card a:not(.btn){color:#7FA9F5!important;font-weight:600;} .page-login a:not(.btn):hover{color:#A6C4FA!important;} .page-login .panel-footer,.tb-login-card .panel-footer{background:rgba(5,17,32,.55)!important;border:0!important;border-top:1px solid var(--tb-dark-line)!important;padding:14px 28px!important;border-radius:0!important;} .page-login .panel-footer .row{display:flex!important;gap:14px;margin:0!important;} .page-login .panel-footer [class*="col-"]{flex:1;width:auto!important;float:none!important;padding:0!important;} .page-login .panel-footer span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tb-dark-muted)!important;margin-bottom:5px;font-weight:600;} .page-login select,.page-login .panel-footer .form-control{background-color:rgba(4,12,26,.8)!important;border:1px solid rgba(148,178,222,.22)!important;color:#DCE6F4!important;border-radius:var(--tb-r-sm)!important;height:36px!important;width:100%!important;} .page-login .panel-footer.text-right{display:flex!important;flex-direction:row-reverse!important;flex-wrap:wrap;gap:10px!important;justify-content:flex-start;} .page-login .panel-footer.text-right>.btn{width:auto!important;flex:1 1 auto!important;min-width:0!important;padding:10px 12px!important;font-size:13px!important;} /* PIN / şifre sıfırlama alt ekranları */ .page-login .form-horizontal{margin:0!important;} .page-login .form-horizontal>.form-group{margin:0 0 12px!important;} .page-login .form-horizontal .form-group>[class*="col-"]{float:none!important;width:100%!important;padding:0!important;} .page-login .form-group>span[class*="col-"]{display:block!important;margin:0 0 6px!important;color:var(--tb-dark-muted)!important;font-size:12.5px!important;font-weight:600!important;} [id$="tokenDiv"]>.row:first-child>[class*="col-"]::before{content:"PIN";display:block;margin-bottom:6px;color:var(--tb-dark-muted);font-size:12.5px;font-weight:600;} [id$="tokenDiv"]>.row:last-child>[class*="col-"]{display:flex!important;flex-direction:row-reverse!important;flex-wrap:wrap;gap:10px!important;} [id$="tokenDiv"]>.row:last-child>[class*="col-"]>.btn{width:auto!important;flex:1 1 auto!important;padding:10px 12px!important;font-size:13px!important;} .page-login .alert:empty{display:none!important;} .page-login .alert-warning{background:rgba(245,158,11,.14)!important;border:1px solid rgba(245,158,11,.34)!important;color:#F6C87A!important;padding:8px 12px!important;margin-top:8px!important;font-size:13px;} .page-login .ValidationSummary,.page-login .alert-danger,.page-login .Error{background:rgba(239,68,68,.12)!important;border:1px solid rgba(239,68,68,.34)!important;color:#FFB4B4!important;border-radius:var(--tb-r-sm)!important;padding:10px 14px!important;margin-bottom:14px;} .login-footer,.tb-login-foot,.page-login .content-footer{text-align:center;margin-top:22px;color:#69809D!important;font-size:12px;border:0!important;} .login-footer a,.tb-login-foot a{color:#8FAEDD!important;} .login-footer .row{display:flex;flex-direction:column;gap:2px;margin:0!important;} .login-footer .col-md-9,.login-footer .col-md-3{float:none!important;width:auto!important;text-align:center!important;padding:0!important;} /* Sade beyaz düzen (SimpleWhite skin) */ #SimpleWhiteOutline,.tb-simple{background:var(--tb-surface)!important;min-height:100vh;padding:0!important;color:var(--tb-text)!important;} .tb-simple-head{padding:20px 28px;border-bottom:1px solid var(--tb-line);} .tb-simple-head img{max-height:32px;width:auto;} .tb-simple-body{padding:26px 28px 40px;max-width:1100px;} /* ===================================================================== 18 ALT BİLGİ ===================================================================== */ #Footer,.content-footer{ flex:0 0 auto;background:transparent!important;border:0!important;border-top:1px solid var(--tb-line)!important; margin:24px var(--tb-gutter) 0!important;padding:16px 0 22px!important;min-height:0!important; color:var(--tb-muted-2)!important;font-size:12.5px!important; } #Footer a,.content-footer a{color:var(--tb-muted)!important;} /* Bootstrap .row::before/::after (clearfix) esnek kapta boş öğe olup hizayı bozuyordu */ .content-footer .row::before,.content-footer .row::after, .panel-body>.row::before,.panel-body>.row::after, .panel-heading>.row::before,.panel-heading>.row::after, .page-login .panel-footer .row::before,.page-login .panel-footer .row::after, #Breadcrumb .Path::before,#Breadcrumb .Path::after{content:none!important;display:none!important;} #Footer a:hover{color:var(--tb-primary)!important;} .content-footer .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0!important;} .content-footer .Copyright,.content-footer .Version{float:none!important;width:auto!important;padding:0!important;color:var(--tb-muted-2)!important;flex:0 1 auto;} .content-footer .Copyright{text-align:left!important;} .content-footer .Version{text-align:right!important;margin-left:auto;} /* ===================================================================== 19 tb-* BİLEŞENLERİ (TelcoBulutDashboard.ascx + tb-enhance.js) ===================================================================== */ .tb-hero{position:relative;overflow:hidden;background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r-xl)!important; padding:28px 32px!important;margin-bottom:20px!important;box-shadow:var(--tb-shadow)!important;} .tb-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(91,115,196,.18),transparent 68%);pointer-events:none;} .tb-hero-inner{position:relative;z-index:1;max-width:760px;} .tb-hero h2{font-size:22px!important;font-weight:700!important;margin:0 0 6px!important;line-height:1.3;} .tb-hero p{color:var(--tb-muted)!important;font-size:14px!important;margin:0;} .tb-hero .tb-hero-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;} .tb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;} .tb-stat{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r-lg)!important;padding:18px 20px!important; box-shadow:var(--tb-shadow)!important;display:flex;align-items:flex-start;gap:14px;transition:transform .15s ease,box-shadow .15s ease;} .tb-stat:hover{transform:translateY(-2px);box-shadow:var(--tb-shadow-md)!important;} .tb-stat-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--tb-primary-soft);color:var(--tb-primary);} .tb-stat-icon.is-cloud{background:#EAEEF9;color:var(--tb-cloud);} .tb-stat-icon.is-green{background:var(--tb-success-soft);color:var(--tb-success);} .tb-stat-icon.is-amber{background:var(--tb-warning-soft);color:#C77C08;} .tb-stat-icon.is-red{background:var(--tb-danger-soft);color:var(--tb-danger);} .tb-stat-body{min-width:0;flex:1;} .tb-stat-label{color:var(--tb-muted)!important;font-size:12.5px!important;font-weight:600!important;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tb-stat-value{color:var(--tb-text)!important;font-size:26px!important;font-weight:700!important;line-height:1.15!important;margin:0;} .tb-stat-meta{margin-top:6px;font-size:12px;color:var(--tb-muted);display:flex;align-items:center;gap:6px;} .tb-stat-meta .tb-dot{width:7px;height:7px;border-radius:50%;background:var(--tb-success);} .tb-stat-meta .tb-dot.is-amber{background:var(--tb-warning);} .tb-stat-meta .tb-dot.is-red{background:var(--tb-danger);} .tb-stat-meta .tb-dot.is-blue{background:var(--tb-info);} .tb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;} .tb-card{background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r-lg)!important;box-shadow:var(--tb-shadow)!important;overflow:hidden;} .tb-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--tb-line-soft);} .tb-card-head h3{font-size:15px!important;margin:0!important;} .tb-card-head a{font-size:13px;font-weight:600;} .tb-card-body{padding:6px 0;} .tb-row{display:flex;align-items:center;gap:13px;padding:12px 20px;border-bottom:1px solid var(--tb-line-soft);} .tb-row:last-child{border-bottom:0;} .tb-row:hover{background:var(--tb-surface-2);} .tb-row-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--tb-primary-soft);color:var(--tb-primary);font-size:15px;} .tb-row-main{flex:1;min-width:0;} .tb-row-title{font-size:13.5px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tb-row-sub{font-size:12.5px;color:var(--tb-muted);margin:1px 0 0;} .tb-row-end{display:flex;align-items:center;gap:14px;flex-shrink:0;} .tb-row-amount{font-size:13.5px;font-weight:600;white-space:nowrap;} .tb-row-date{font-size:12.5px;color:var(--tb-muted);white-space:nowrap;} .tb-note{display:flex;align-items:center;gap:16px;background:var(--tb-surface)!important;border:1px solid var(--tb-line)!important;border-radius:var(--tb-r-lg)!important;padding:16px 20px!important;margin-bottom:20px;} .tb-note-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--tb-primary-soft);color:var(--tb-primary);display:flex;align-items:center;justify-content:center;font-size:19px;} .tb-note-main{flex:1;min-width:0;} .tb-note-main h4{font-size:14.5px!important;margin:0 0 3px!important;} .tb-note-main p{font-size:13px;color:var(--tb-muted);margin:0;} .tb-empty{text-align:center;padding:48px 20px;color:var(--tb-muted);} .tb-empty i{font-size:36px;color:var(--tb-muted-2);display:block;margin-bottom:12px;} /* tb-enhance.js: "All Customers (14)" → sayı + etiket */ .tb-kpi-row{gap:10px!important;} .panel-body .FormRow>a.tb-kpi,[id$="AllCustomersPanel"].FormRow>a.tb-kpi,[id$="ByStatusPanel"].FormRow>a.tb-kpi,[id$="ByRolePanel"].FormRow>a.tb-kpi, [id$="AllSpacesPanel"].FormRow>a.tb-kpi,[id$="SpacesByStatusPanel"].FormRow>a.tb-kpi{ flex-direction:row;align-items:center;gap:9px;padding:10px 16px;border-radius:12px;line-height:1!important; } .tb-kpi .tb-kpi-num{font-size:22px;font-weight:700;color:var(--tb-text);letter-spacing:-.01em;line-height:1;} .tb-kpi .tb-kpi-lab{font-size:12.5px;font-weight:600;color:var(--tb-muted);line-height:1;} .tb-kpi:hover .tb-kpi-num,.tb-kpi:hover .tb-kpi-lab{color:var(--tb-primary-700);} /* ===================================================================== 20 YARDIMCI SINIFLAR ===================================================================== */ .tb-muted{color:var(--tb-muted)!important;} .tb-strong{font-weight:600!important;} .tb-mt-0{margin-top:0!important;} .tb-mt-1{margin-top:8px!important;} .tb-mt-2{margin-top:16px!important;} .tb-mt-3{margin-top:24px!important;} .tb-mb-0{margin-bottom:0!important;} .tb-mb-1{margin-bottom:8px!important;} .tb-mb-2{margin-bottom:16px!important;} .tb-mb-3{margin-bottom:24px!important;} .tb-flex{display:flex;align-items:center;gap:10px;} .tb-spread{display:flex;align-items:center;justify-content:space-between;gap:12px;} .bottom-30px{margin-bottom:0!important;} .tb-spin{display:inline-block;width:16px;height:16px;border:2px solid var(--tb-line);border-top-color:var(--tb-primary);border-radius:50%;animation:tb-spin .7s linear infinite;} @keyframes tb-spin{to{transform:rotate(360deg);}} /* ===================================================================== 21 DUYARLI DÜZEN --------------------------------------------------------------------- ≥992px : sol menü sabit görünür (main.css 992-1200 arasında menüyü gizleyip içerikte 232px boşluk bırakıyordu — düzeltildi) <992px : menü off-canvas (.wrapper.off-canvas-active / body.nav-open) <768px : tablolar kart görünümüne geçer, başlık düğmeleri akışa iner ===================================================================== */ @media (min-width:992px){ #col-left,.col-left{transform:none!important;margin-left:0!important;} #col-right,.col-right{margin-left:var(--tb-sidebar-w)!important;} .main-nav-minified #col-right{margin-left:var(--tb-sidebar-w-min)!important;} } @media (max-width:1199px){ .tb-grid-2{grid-template-columns:1fr;} #Center.col-md-9,#Right.col-md-3{width:100%!important;float:none!important;} } @media (max-width:991px){ :root{--tb-gutter:16px;} .main-nav-minified #col-left{width:var(--tb-sidebar-w)!important;} #col-left,.col-left{transform:translateX(-100%)!important;margin-left:0!important;box-shadow:none;} .off-canvas-active #col-left,body.nav-open #col-left,.wrapper.off-canvas-active #col-left{transform:translateX(0)!important;box-shadow:0 0 0 100vw rgba(7,23,43,.45);} #col-right,.col-right,.off-canvas-active #col-right,.main-nav-minified #col-right{margin-left:0!important;margin-right:0!important;} .top-bar .SearchQuery .input-group{width:200px;} #Footer,.content-footer{margin-left:16px!important;margin-right:16px!important;} [class*="col-md-offset-"],[class*="col-lg-offset-"]{margin-left:0!important;} .panel-body>.row>[class*="col-"].form-inline{flex:1 1 100%;justify-content:flex-start;} .btn{min-height:40px;} .form-control,select.form-control{min-height:40px!important;} } @media (max-width:767px){ :root{--tb-gutter:12px;} .top-bar{padding:0 10px 0 4px!important;} .top-bar .logo img{height:26px!important;} .top-bar .tb-topbar-search,.top-bar .hidden-xs{display:none!important;} .top-bar .visible-xs-block{display:block!important;} #Breadcrumb .OrgsSelector .input-group{width:100%!important;max-width:none;} #Breadcrumb .Path>.col-xs-4{flex:1 1 100%;margin-left:0;} #Breadcrumb .CurrentNode .Huge{font-size:19px!important;} .panel,.widget{border-radius:12px!important;} .panel-body{padding:14px!important;} .panel>.panel-heading{padding:12px 14px!important;min-height:0;} .panel>.panel-heading,.panel:not(:has(> .FormButtonsBar))>.panel-heading{padding-right:14px!important;} .panel>.FormButtonsBar.right,.panel>.FormButtonsBar.UserSpaces,.panel>div>.FormButtonsBar.right:first-child, .panel>div>.FormButtonsBar.UserSpaces:first-child,.panel>.buttons-in-panel-header,.panel>div>.buttons-in-panel-header:first-child, .panel>section>.buttons-in-panel-header:first-child,.panel>div>div>.FormButtonsBar.right:first-child{ position:static!important;max-width:none;min-height:0!important;margin:0!important;padding:12px 14px 0!important;justify-content:flex-start!important; } .panel-body>.row{margin-left:0!important;margin-right:0!important;} .panel-body>.row>[class*="col-"]{flex:1 1 100%!important;width:100%!important;max-width:100%!important;padding:0!important;} .form-inline{flex-direction:column;align-items:stretch;} .form-inline .form-group{display:block!important;} .form-inline .form-control,.form-inline .input-group{width:100%!important;display:flex!important;} .form-horizontal .form-group>[class*="col-"]{float:none!important;width:100%!important;} .form-horizontal .control-label,.form-horizontal .form-group>label[class*="col-"]{padding-top:0;padding-bottom:4px;} .panel .form-group,.panel-body .form-group,.form-horizontal .form-group,.panel .row{margin-left:0!important;margin-right:0!important;} .panel-body .panel.panel-info .table td .row>[class*="col-"]:first-child{flex:1 1 100%;} .panel-body .panel.panel-info .table td .row{flex-wrap:wrap;} .panel-body>table:not(.table){display:block;max-width:100%;overflow-x:auto;} .panel-body>table:not(.table) td.SubHead{white-space:normal;} .tb-stats{grid-template-columns:1fr 1fr;gap:12px;} .tb-hero{padding:20px!important;} .content-footer .Version{text-align:left;} .tb-row-end .tb-row-date{display:none;} /* Tablolar → kart satırları */ .AspNet-GridView:not(.tb-keep-table) table:not([id$="gvComments"]){display:block;width:100%!important;} .AspNet-GridView table:not([id$="gvComments"]) thead{display:none;} .AspNet-GridView table:not([id$="gvComments"]) tbody{display:block;width:100%;} .AspNet-GridView table:not([id$="gvComments"]) tbody tr{display:block;width:100%;border:1px solid var(--tb-line);border-radius:10px;margin:0 0 10px;padding:4px 2px;background:var(--tb-surface);} .AspNet-GridView table:not([id$="gvComments"]) tbody td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:auto!important; border:0!important;border-top:1px solid var(--tb-line-soft)!important;padding:8px 12px!important;text-align:left!important;} .AspNet-GridView table:not([id$="gvComments"]) tbody tr td:first-child{border-top:0!important;} .AspNet-GridView table tbody td:empty{display:none!important;} .AspNet-GridView tbody td:has(>.GridCheckbox),.AspNet-GridView tbody td:has(>img:only-child), .AspNet-GridView tbody td:has(>img+a){width:auto!important;justify-content:flex-start;} .AspNet-GridView-Pagination{padding:10px!important;} .panel>.NormalGridView,.panel>div>.NormalGridView{padding:10px;} .tb-login-brand img{max-width:210px;} .page-login .panel-body,.tb-login-card .panel-body{padding:18px 20px 4px!important;} .tb-login-card .tb-login-head{padding:22px 20px 2px;} .page-login .panel-footer{padding:14px 20px!important;} .PopupContainer .widget{min-width:0;width:94vw;} } @media (max-width:479px){ .tb-stats{grid-template-columns:1fr;} .top-bar .nav>li>a span:not(:has(i)){display:none;} [id$="tokenDiv"]>.row:last-child>[class*="col-"]>.btn,.page-login .panel-footer.text-right>.btn{flex:1 1 100%!important;} } /* ===================================================================== 23 KOYU MOD (html.tb-dark — üst bardaki ay/güneş düğmesi, localStorage) --------------------------------------------------------------------- Renkler token üzerinden aktığı için burada yalnızca token'lar ve main.css'in sabit beyazları yeniden tanımlanır. ===================================================================== */ html.tb-dark{ color-scheme:dark; --tb-page:#0B1220; --tb-surface:#111A2B; --tb-surface-2:#172136; --tb-line:#243149; --tb-line-soft:#1E2A40; --tb-text:#E7ECF5; --tb-text-2:#C3CDDC; --tb-muted:#8C9AB0; --tb-muted-2:#66748C; --tb-primary-soft:#1A2C4F; --tb-success-soft:#10302A; --tb-success-text:#5EE0B0; --tb-warning-soft:#3A2C12; --tb-warning-text:#F6C56A; --tb-danger-soft:#3B1D1F; --tb-danger-text:#FF9B9B; --tb-info-soft:#172740; --tb-info-text:#8DB8FF; --tb-topbar-bg:rgba(17,26,43,.88); --tb-sidebar-bg:linear-gradient(180deg,#0A1120 0%,#0D1526 100%); --tb-shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.28); --tb-shadow-md:0 10px 30px rgba(0,0,0,.45); } html.tb-dark body{background:var(--tb-page)!important;color:var(--tb-text)!important;} html.tb-dark .form-control,html.tb-dark input[type=text],html.tb-dark input[type=password],html.tb-dark textarea,html.tb-dark select{ background-color:#0D1526!important;border-color:var(--tb-line)!important;color:var(--tb-text)!important; } html.tb-dark select,html.tb-dark select.form-control{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238C9AB0' d='M1.4 0L6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E")!important; } html.tb-dark .top-bar .SearchQuery .form-control{background:var(--tb-surface-2)!important;} html.tb-dark .btn-default,html.tb-dark .btn-warning,html.tb-dark .SmallCommandButton,html.tb-dark a.Button, html.tb-dark .input-group-btn .btn-default,html.tb-dark .AspNet-GridView-Pagination a,html.tb-dark .pagination>li>a{ background:var(--tb-surface-2)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important; } html.tb-dark .btn-default:hover,html.tb-dark .btn-warning:hover{background:#1F2B45!important;color:#fff!important;} html.tb-dark .panel-body .FormRow>a,html.tb-dark [id$="AllCustomersPanel"].FormRow>a,html.tb-dark [id$="ByStatusPanel"].FormRow>a, html.tb-dark [id$="ByRolePanel"].FormRow>a,html.tb-dark [id$="AllSpacesPanel"].FormRow>a,html.tb-dark [id$="SpacesByStatusPanel"].FormRow>a{ background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text-2)!important; } html.tb-dark .Shevron img,html.tb-dark .ShevronActive img{filter:invert(1) brightness(1.4);} /* main.css'in sabit koyu yazı renkleri (#000/#222/#333/#555) */ html.tb-dark .NormalBold,html.tb-dark span.NormalBold,html.tb-dark .SubHead,html.tb-dark td.SubHead,html.tb-dark td.Normal,html.tb-dark .Normal, html.tb-dark .FormSimpleLabel,html.tb-dark .Huge,html.tb-dark .MediumBold,html.tb-dark .Big,html.tb-dark .Small,html.tb-dark .Small span, html.tb-dark legend,html.tb-dark .LinkText,html.tb-dark .panel-body h4,html.tb-dark .RightBlockTitle,html.tb-dark .LoginLabel, html.tb-dark .panel-body,html.tb-dark .panel-body p,html.tb-dark .panel-body td,html.tb-dark .panel-body th,html.tb-dark .panel-body span, html.tb-dark .widget-content,html.tb-dark .widget-content span,html.tb-dark .FormRow,html.tb-dark .Shevron td:first-child, html.tb-dark .RightBlockTable td.Normal,html.tb-dark .GridFooter,html.tb-dark .HostingPlanGroup .Header,html.tb-dark strong,html.tb-dark b{ color:var(--tb-text)!important; } html.tb-dark .panel-body .SubHead,html.tb-dark td.SubHead,html.tb-dark .RightBlockTable td.SubHead,html.tb-dark .Shevron td:first-child, html.tb-dark .ShevronActive td:first-child,html.tb-dark .LinkText,html.tb-dark label,html.tb-dark .control-label,html.tb-dark .Small, html.tb-dark .panel-body>table:not(.table) td.SubHead{color:var(--tb-text-2)!important;} html.tb-dark .ShevronActive td:first-child{color:#8DB8FF!important;} html.tb-dark a:not(.btn):not(.tb-pill),html.tb-dark .panel-body a:not(.btn),html.tb-dark .ToolLink>a{color:#8DB8FF!important;} html.tb-dark .panel-body span[style*="color:Red"],html.tb-dark .Error{color:#FF9B9B!important;} html.tb-dark .btn *,html.tb-dark .btn-primary span,html.tb-dark .tb-pill,html.tb-dark .tb-pill *,html.tb-dark .label{color:inherit!important;} html.tb-dark .btn-primary,html.tb-dark .btn-success,html.tb-dark .btn-danger,html.tb-dark .btn-info{color:#fff!important;} html.tb-dark .tb-pill.ok{color:var(--tb-success-text)!important;}html.tb-dark .tb-pill.bad{color:var(--tb-danger-text)!important;}html.tb-dark .tb-pill.warn{color:var(--tb-warning-text)!important;} html.tb-dark .tb-kpi .tb-kpi-num{color:var(--tb-text)!important;}html.tb-dark .tb-kpi .tb-kpi-lab{color:var(--tb-muted)!important;} html.tb-dark .ProgressBarContainer,html.tb-dark .progress{background:#243149!important;} html.tb-dark .AspNet-GridView tbody td .btn-danger{background:var(--tb-danger-soft)!important;color:#FF9B9B!important;} html.tb-dark .label-default,html.tb-dark .tb-pill.muted{background:var(--tb-surface-2)!important;} html.tb-dark .tb-avatar{box-shadow:0 0 0 2px var(--tb-surface);} html.tb-dark .Icon img,html.tb-dark .panel-title img{filter:none;} html.tb-dark .Icon.Hover,html.tb-dark .Icon:hover{background:var(--tb-primary-soft)!important;border-color:#2C4272!important;box-shadow:none!important;} html.tb-dark .modal-content,html.tb-dark .dropdown-menu,html.tb-dark .ui-autocomplete,html.tb-dark .IconMenu{background:var(--tb-surface)!important;border-color:var(--tb-line)!important;color:var(--tb-text)!important;} html.tb-dark .tooltip-inner{background:#E7ECF5!important;color:#0B1220!important;} html.tb-dark ::-webkit-scrollbar-thumb{background:#33415C;background-clip:content-box;} html.tb-dark *{scrollbar-color:#33415C transparent;} html.tb-dark [style*="background-color: #f5f5f5"],html.tb-dark [style*="background-color:#f5f5f5"],html.tb-dark [style*="background-color: white"], html.tb-dark [style*="background:#fff"],html.tb-dark [style*="background: #fff"]{background:var(--tb-surface-2)!important;color:var(--tb-text)!important;} html.tb-dark .FormRightIcon img,html.tb-dark #Right .FormRightIcon img{background:var(--tb-surface-2);border-color:var(--tb-line);} html.tb-dark .table-striped>tbody>tr:nth-of-type(odd)>td{background:var(--tb-surface-2)!important;} /* ===================================================================== 22 YAZDIRMA / HAREKET AZALTMA ===================================================================== */ @media print{ .top-bar,#col-left,.col-left,#Footer,.content-footer,.btn,.FormButtonsBar{display:none!important;} #col-right,.col-right{margin-left:0!important;padding-top:0!important;} .panel,.widget,.tb-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;} body{background:var(--tb-surface)!important;} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;} }