/* ============================================================ XPODA - ALFA NUMUNE TAKİP TİP TANIMLAMA KARTI İLE AYNI YÖNTEM / ADOLIN ------------------------------------------------------------ SADECE Form_9 elemanlarının gerçek ID'lerini hedefler. Global #s1 / #FrmNewForm layout'unu DEĞİŞTİRMEZ. Diğer ekranları kaydırmaz. ============================================================ */ :root{ --adolin-blue:#0069B4; --adolin-blue-dark:#005CAA; --adolin-blue-deep:#29427F; --adolin-blue-light:#0785C8; --adolin-orange:#F18800; --adolin-page:#F5F8FB; --adolin-card:#FFFFFF; --adolin-border:#D8E4ED; --adolin-border-soft:#E7EEF4; --adolin-text:#253746; --adolin-muted:#667786; } /* ============================================================ 1) BU FORMUN TÜM GÖRSEL BLOKLARI TİP TANIMLAMA GİBİ 720px MAX GENİŞLİK ============================================================ */ #s1 [id="6e8cd87f-39b2-40e1-b340-571b1b2c9435"], #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"], #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"], #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"], #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"], #s1 [id="a3e6ba33-921f-4474-b1b2-32f82afd7a13"], #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]{ width:min(100%,720px)!important; max-width:720px!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* XPODA col-md-4 sınırını kaldır */ #s1 [id="6e8cd87f-39b2-40e1-b340-571b1b2c9435"], #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"]>.xcol, #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"]>.xcol, #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"]>.xcol, #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"]>.xcol, #s1 [id="a3e6ba33-921f-4474-b1b2-32f82afd7a13"]>.xcol, #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]>.xcol{ width:100%!important; max-width:none!important; flex:0 0 100%!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } /* ============================================================ 2) ANA BAŞLIK "Alfa Numune Tanımlama" ============================================================ */ #s1 [id="6e8cd87f-39b2-40e1-b340-571b1b2c9435"]{ position:relative!important; height:48px!important; min-height:48px!important; margin-bottom:12px!important; } #s1 [data-id="Form_9_Lbl_6"]{ position:relative!important; width:100%!important; max-width:none!important; height:42px!important; max-height:42px!important; top:auto!important; left:auto!important; margin:0!important; } #s1 #Form_9_Lbl_6{ display:block!important; width:100%!important; height:auto!important; margin:0!important; padding:0 0 5px 0!important; background:transparent!important; background-image:none!important; border:0!important; color:var(--adolin-blue-deep)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:25px!important; font-weight:700!important; line-height:34px!important; letter-spacing:-.4px!important; text-align:left!important; } #s1 [data-id="Form_9_Lbl_6"]::after{ content:""!important; position:absolute!important; left:0!important; bottom:0!important; width:58px!important; height:3px!important; background:var(--adolin-orange)!important; border-radius:4px!important; } /* ============================================================ 3) NUMUNE BİLGİLERİ KARTI 5 ayrı XPODA row'u TİP ekranındaki gibi TEK KART görünür. ============================================================ */ /* İş Emri - kart üst bölümü */ #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"]{ position:relative!important; box-sizing:border-box!important; padding:55px 18px 8px!important; background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important; border-bottom:0!important; border-radius:14px 14px 0 0!important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 8px 20px rgba(37,55,70,.04)!important; } /* Kart başlığı */ #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"]::before{ content:"NUMUNE BİLGİLERİ"!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:42px!important; display:flex!important; align-items:center!important; box-sizing:border-box!important; padding:0 18px 0 32px!important; background:linear-gradient( 90deg, #F3F9FD 0%, #FFFFFF 70% )!important; border-bottom:1px solid var(--adolin-border-soft)!important; border-radius:14px 14px 0 0!important; color:var(--adolin-blue)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important; font-weight:750!important; letter-spacing:.45px!important; } /* Turuncu mini vurgu */ #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"]::after{ content:""!important; position:absolute!important; top:13px!important; left:17px!important; width:5px!important; height:16px!important; background:var(--adolin-orange)!important; border-radius:5px!important; } /* Tarih / Stok / Not - kart orta bölümleri */ #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"], #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"], #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"]{ box-sizing:border-box!important; padding:2px 18px 8px!important; background:var(--adolin-card)!important; border-left:1px solid var(--adolin-border)!important; border-right:1px solid var(--adolin-border)!important; } /* Kaydet - kart alt bölümü */ #s1 [id="a3e6ba33-921f-4474-b1b2-32f82afd7a13"]{ box-sizing:border-box!important; padding:4px 18px 18px!important; margin-bottom:16px!important; background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important; border-top:0!important; border-radius:0 0 14px 14px!important; box-shadow: 0 8px 22px rgba(37,55,70,.05)!important; } /* ============================================================ 4) FORM ELEMANLARINI ABSOLUTE YAPIDAN ÇIKAR ============================================================ */ #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"] li.octopusitem, #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"] li.octopusitem, #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"] li.octopusitem, #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"] li.octopusitem, #s1 [id="a3e6ba33-921f-4474-b1b2-32f82afd7a13"] li.octopusitem{ position:relative!important; width:100%!important; max-width:none!important; top:auto!important; left:auto!important; margin:0!important; box-sizing:border-box!important; } /* Label satırları */ #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"] li[data-octopus-type="1"], #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"] li[data-octopus-type="1"], #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"] li[data-octopus-type="1"], #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"] li[data-octopus-type="1"]{ height:23px!important; max-height:23px!important; margin-bottom:5px!important; } /* Etiketler */ #s1 #Form_9_Lbl_1, #s1 #Form_9_Lbl_2, #s1 #Form_9_Lbl_5, #s1 #Form_9_Lbl_3{ margin:0!important; padding:0!important; color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; font-weight:650!important; line-height:22px!important; text-align:left!important; } /* ============================================================ 5) TEXTBOXLAR + TARİH ============================================================ */ /* Textbox li */ #s1 [data-id="Form_9_Txt_1"], #s1 [data-id="Form_9_Txt_4"], #s1 [data-id="Form_9_Txt_2"]{ height:40px!important; max-height:40px!important; } /* Textbox wrapper */ #s1 [data-id="Form_9_Txt_1"] .k-textbox, #s1 [data-id="Form_9_Txt_4"] .k-textbox, #s1 [data-id="Form_9_Txt_2"] .k-textbox{ width:100%!important; height:40px!important; min-height:40px!important; background:#FFFFFF!important; border:1px solid #D6E1EA!important; border-radius:8px!important; box-shadow:none!important; transition: border-color .16s ease, box-shadow .16s ease!important; } /* Textbox input içi */ #s1 #Form_9_Txt_1, #s1 #Form_9_Txt_4, #s1 #Form_9_Txt_2{ color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; padding-left:11px!important; padding-right:11px!important; } /* Tarih li */ #s1 [data-id="Form_9_Dt_1"]{ height:40px!important; max-height:40px!important; } /* DatePicker */ #s1 [data-id="Form_9_Dt_1"] .k-datepicker{ width:100%!important; height:40px!important; min-height:40px!important; background:#FFFFFF!important; border:1px solid #D6E1EA!important; border-radius:8px!important; box-shadow:none!important; transition: border-color .16s ease, box-shadow .16s ease!important; } #s1 #Form_9_Dt_1{ color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; padding-left:11px!important; } #s1 [data-id="Form_9_Dt_1"] .k-input-button{ background:#F4F8FB!important; color:var(--adolin-blue)!important; border:0!important; border-left:1px solid #DCE6ED!important; border-radius:0 8px 8px 0!important; } /* Focus */ #s1 [data-id="Form_9_Txt_1"] .k-textbox:focus-within, #s1 [data-id="Form_9_Txt_4"] .k-textbox:focus-within, #s1 [data-id="Form_9_Txt_2"] .k-textbox:focus-within, #s1 [data-id="Form_9_Dt_1"] .k-datepicker:focus-within{ border-color:var(--adolin-blue)!important; box-shadow: 0 0 0 3px rgba(0,105,180,.10)!important; } /* ============================================================ 6) KAYDET ============================================================ */ #s1 [data-id="Form_9_Btn_1"]{ height:40px!important; max-height:40px!important; } #s1 #Form_9_Btn_1{ width:100%!important; height:40px!important; margin:0!important; background:linear-gradient( 135deg, var(--adolin-blue) 0%, var(--adolin-blue-dark) 100% )!important; border:1px solid #00579F!important; border-bottom:3px solid var(--adolin-orange)!important; border-radius:8px!important; color:#FFFFFF!important; opacity:1!important; box-shadow: 0 5px 14px rgba(0,105,180,.17)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; font-weight:700!important; transition: background .15s ease, transform .15s ease, box-shadow .15s ease!important; } #s1 #Form_9_Btn_1 .k-button-text{ color:#FFFFFF!important; font-weight:700!important; } #s1 #Form_9_Btn_1:hover{ background:linear-gradient( 135deg, #0075BC 0%, #0062A8 100% )!important; transform:translateY(-1px)!important; box-shadow: 0 7px 17px rgba(0,105,180,.23)!important; } /* ============================================================ 7) GRID KARTI Bu gridde XPODA search-toolbar kapalı olduğu için kart başlığını wrapper üzerinde üretiyoruz. ============================================================ */ #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]{ position:relative!important; box-sizing:border-box!important; padding:52px 0 0!important; background:#FFFFFF!important; border:1px solid var(--adolin-border)!important; border-radius:14px!important; overflow:hidden!important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 10px 26px rgba(37,55,70,.05)!important; } /* Grid kart başlığı */ #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]::before{ content:"ALFA NUMUNE KAYITLARI"!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:52px!important; display:flex!important; align-items:center!important; box-sizing:border-box!important; padding:0 18px 0 32px!important; background:linear-gradient( 90deg, #F3F9FD 0%, #FFFFFF 68% )!important; border-bottom:1px solid var(--adolin-border-soft)!important; color:var(--adolin-blue)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important; font-weight:750!important; letter-spacing:.42px!important; z-index:2!important; } /* Grid başlığı turuncu işaret */ #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]::after{ content:""!important; position:absolute!important; top:18px!important; left:17px!important; width:5px!important; height:16px!important; background:var(--adolin-orange)!important; border-radius:5px!important; z-index:3!important; } /* XPODA absolute grid li */ #s1 li[data-id="Form_9_GridListe_1"]{ position:relative!important; width:100%!important; max-width:none!important; height:430px!important; max-height:430px!important; top:auto!important; left:auto!important; margin:0!important; } #s1 #Form_9_GridListe_1{ width:100%!important; height:100%!important; max-height:none!important; background:#FFFFFF!important; border:0!important; border-radius:0!important; overflow:hidden!important; color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; } /* Grid header */ #s1 #Form_9_GridListe_1 .k-grid-header, #s1 #Form_9_GridListe_1 .k-grid-header-table, #s1 #Form_9_GridListe_1 .k-table-th, #s1 #Form_9_GridListe_1 th.k-header{ background:#F3F8FC!important; } #s1 #Form_9_GridListe_1 .k-grid-header{ border:0!important; border-bottom:1px solid #D8E5EF!important; } #s1 #Form_9_GridListe_1 .k-table-th, #s1 #Form_9_GridListe_1 th.k-header{ color:#30485B!important; border-color:#DFE8EF!important; font-size:12px!important; font-weight:700!important; vertical-align:middle!important; } #s1 #Form_9_GridListe_1 .k-column-title{ color:#30485B!important; font-size:12px!important; font-weight:700!important; } #s1 #Form_9_GridListe_1 .k-grid-header-menu{ color:var(--adolin-blue)!important; opacity:.48!important; } #s1 #Form_9_GridListe_1 .k-table-th:hover .k-grid-header-menu{ opacity:1!important; } /* Grid content */ #s1 #Form_9_GridListe_1 .k-grid-content{ height:calc(100% - 36px)!important; max-height:none!important; background:#FFFFFF!important; } #s1 #Form_9_GridListe_1 .k-table-row, #s1 #Form_9_GridListe_1 .k-table-alt-row, #s1 #Form_9_GridListe_1 .k-alt{ background:#FFFFFF!important; } #s1 #Form_9_GridListe_1 .k-table-td{ height:36px!important; color:var(--adolin-text)!important; background:#FFFFFF!important; border-color:#E9EFF4!important; font-size:12.5px!important; vertical-align:middle!important; transition:background-color .12s ease!important; } /* Hover */ #s1 #Form_9_GridListe_1 .k-table-row:hover, #s1 #Form_9_GridListe_1 .k-table-row:hover .k-table-td{ background:#F2F8FC!important; } /* Seçili satır */ #s1 #Form_9_GridListe_1 .k-selected .k-table-td, #s1 #Form_9_GridListe_1 .k-state-selected .k-table-td, #s1 #Form_9_GridListe_1 .k-state-selected td, #s1 #Form_9_GridListe_1 tr.k-selected td{ background:#E7F2F9!important; color:#203644!important; } /* Scrollbar */ #s1 #Form_9_GridListe_1 .k-grid-content::-webkit-scrollbar{ width:9px!important; height:9px!important; } #s1 #Form_9_GridListe_1 .k-grid-content::-webkit-scrollbar-track{ background:#F4F7F9!important; } #s1 #Form_9_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb{ background:#B9CAD7!important; border:2px solid #F4F7F9!important; border-radius:20px!important; } /* ============================================================ 8) MASTER ID TEKNİK SATIRI ============================================================ */ #s1 [id="95c10918-2a1a-46b1-ad00-b1654afdb6b3"]{ display:none!important; } /* ============================================================ 9) DAR EKRAN ============================================================ */ @media(max-width:760px){ #s1 [id="6e8cd87f-39b2-40e1-b340-571b1b2c9435"], #s1 [id="e75c8fb4-41e2-45fa-a3f5-bd4f7d698fca"], #s1 [id="285d3a3b-a808-46a9-a8a5-2beec4255c53"], #s1 [id="f3b02516-ce48-457e-bc68-4c94dc781e55"], #s1 [id="ad7604b1-457f-498c-b9cb-509e70b7b059"], #s1 [id="a3e6ba33-921f-4474-b1b2-32f82afd7a13"], #s1 [id="ead107ad-d892-41ad-b229-2416f85ce7c0"]{ width:100%!important; max-width:none!important; } } @media(max-width:480px){ #s1 #Form_9_Lbl_6{ font-size:22px!important; } } /* ========================================================= XPODA LOGIN - ADOLIN FINAL --------------------------------------------------------- KULLANIM: - Eski/deneme login CSS dosyasının TAMAMINI kaldırın. - Bu dosyayı tek başına, diğer genel CSS'lerden SONRA yükleyin. - HTML / JS değişikliği gerektirmez. ========================================================= */ :root { --adolin-blue: #0069B4; --adolin-blue-dark: #005CAA; --adolin-blue-deep: #29427F; --adolin-blue-light: #0785C8; --adolin-orange: #F18800; --login-text: #253746; --login-muted: #6A7A87; --login-border: #D6E1EA; --login-card: rgba(255, 255, 255, .965); } html, /* LOGIN SAYFASI */ body.page-account { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* NORMAL XPODA EKRANLARI */ html { overflow-x: hidden !important; overflow-y: auto !important; } body:not(.page-account) { overflow-x: hidden !important; overflow-y: auto !important; } body.page-account { position: relative !important; min-height: 100vh !important; min-height: 100dvh !important; background: linear-gradient( 90deg, rgba(5, 25, 42, .10) 0%, rgba(5, 25, 42, .04) 52%, rgba(5, 25, 42, .08) 100% ), url("/Uploads/bg-login.jpg") center center / cover no-repeat !important; font-family: "Segoe UI", Arial, sans-serif !important; } .page-account .login-bg, .page-account .loginbody .col-left { display: none !important; } .page-account header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 70px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; margin: 0 !important; padding: 11px 30px !important; background: rgba(255, 255, 255, .48) !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .34) !important; box-shadow: 0 3px 18px rgba(12, 27, 38, .06) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 100 !important; } .page-account header .logo { display: block !important; width: auto !important; height: 46px !important; box-sizing: border-box !important; margin: 0 !important; padding: 5px 10px !important; object-fit: contain !important; background: rgba(255, 255, 255, .95) !important; border: 1px solid rgba(255, 255, 255, .9) !important; border-radius: 9px !important; box-shadow: 0 4px 16px rgba(10, 30, 45, .13) !important; } .page-account header > .row { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .page-account header > .row > div { margin: 0 !important; padding: 0 !important; } .page-account .language-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .page-account .language-list > li, .page-account .language-list > li > a { margin: 0 !important; padding: 0 !important; } .page-account .language-list > li > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; box-sizing: border-box !important; background: rgba(255, 255, 255, .94) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 9px !important; box-shadow: 0 3px 12px rgba(10, 30, 45, .10) !important; } .page-account #img-current-lang { display: block !important; width: 23px !important; height: auto !important; margin: 0 !important; } .page-account #act-environment { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: rgba(255, 255, 255, .94) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 50% !important; color: var(--adolin-blue-deep) !important; box-shadow: 0 3px 12px rgba(10, 30, 45, .10) !important; cursor: pointer !important; } .page-account #act-environment i { margin: 0 !important; color: var(--adolin-blue-deep) !important; font-size: 18px !important; line-height: 1 !important; } .page-account .language-list .dropdown-menu { min-width: 155px !important; margin-top: 8px !important; padding: 7px !important; background: rgba(255, 255, 255, .985) !important; border: 1px solid #D8E4ED !important; border-radius: 10px !important; box-shadow: 0 14px 35px rgba(0, 0, 0, .16) !important; } .page-account .language-list .dropdown-menu li a { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 10px !important; border-radius: 7px !important; color: var(--login-text) !important; font-size: 12px !important; text-decoration: none !important; } .page-account .language-list .dropdown-menu li a:hover { background: #EEF6FB !important; color: var(--adolin-blue) !important; } .page-account .page-body.loginbody { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; min-height: 0 !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; z-index: 10 !important; } .page-account .loginbody .col-right { position: relative !important; float: none !important; flex: none !important; width: 420px !important; max-width: calc(100vw - 32px) !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .page-account #panel-login-new, .page-account #panel-login-fast, .page-account #panel-login-esign, .page-account #panel-login-sms { position: relative !important; float: none !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 38px 40px 34px !important; background: var(--login-card) !important; border: 1px solid rgba(255, 255, 255, .88) !important; border-radius: 18px !important; box-shadow: 0 25px 70px rgba(8, 29, 43, .22), 0 5px 18px rgba(8, 29, 43, .09) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; overflow: visible !important; } .page-account #panel-login-new::before, .page-account #panel-login-fast::before, .page-account #panel-login-esign::before, .page-account #panel-login-sms::before { content: "" !important; display: block !important; width: 50px !important; height: 4px !important; margin: -9px 0 25px 0 !important; background: var(--adolin-orange) !important; border-radius: 10px !important; } .page-account #panel-login-new form, .page-account #panel-login-fast form, .page-account #panel-login-esign form, .page-account #panel-login-sms form { position: relative !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .page-account #panel-login-new .row, .page-account #panel-login-fast .row, .page-account #panel-login-esign .row, .page-account #panel-login-sms .row { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .page-account #panel-login-new [class*="col-"], .page-account #panel-login-fast [class*="col-"], .page-account #panel-login-esign [class*="col-"], .page-account #panel-login-sms [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } #panel-login-fast #message-welcome { margin: 0 0 7px !important; color: var(--adolin-blue-deep) !important; font-size: 31px !important; font-weight: 700 !important; line-height: 1.13 !important; letter-spacing: -.55px !important; } #panel-login-fast > form > p { margin: 0 0 25px !important; color: var(--login-muted) !important; font-size: 13px !important; line-height: 1.5 !important; } #panel-login-fast form { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; column-gap: 18px !important; } #panel-login-fast #message-welcome, #panel-login-fast > form > p, #panel-login-fast > form > .validation-summary-valid, #panel-login-fast > form > .validation-summary-errors, #panel-login-fast > form > .row, #panel-login-fast > form > div[style*="display:none"], #panel-login-fast > form > div[style*="display: none"] { grid-column: 1 / -1 !important; } #panel-login-fast #act-swtich-user { grid-column: 1 !important; justify-self: start !important; float: none !important; display: inline-flex !important; align-items: center !important; height: 44px !important; margin: 8px 0 0 !important; color: var(--adolin-blue) !important; font-size: 12.5px !important; font-weight: 600 !important; text-decoration: none !important; } #panel-login-fast #act-swtich-user:hover { color: var(--adolin-orange) !important; } #panel-login-fast #BtnLogin { grid-column: 2 !important; justify-self: end !important; float: none !important; } #panel-login-new .form-group label { display: block !important; margin: 0 0 7px !important; color: var(--login-text) !important; font-size: 12.5px !important; font-weight: 650 !important; } .page-account #panel-login-new .form-group, .page-account #panel-login-fast .form-group { position: relative !important; width: 100% !important; margin: 0 0 18px !important; } #panel-login-new .col-12 { display: flex !important; justify-content: flex-end !important; } .page-account #panel-login-new .form-control, .page-account #panel-login-fast .form-control, .page-account #panel-login-esign .form-control, .page-account #panel-login-sms .form-control { display: block !important; width: 100% !important; height: 48px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 48px 0 14px !important; background: #FFFFFF !important; border: 1px solid var(--login-border) !important; border-radius: 9px !important; color: var(--login-text) !important; font-size: 13px !important; outline: none !important; box-shadow: none !important; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important; } .page-account #panel-login-new .form-control:hover, .page-account #panel-login-fast .form-control:hover { border-color: #B9CCDB !important; } .page-account #panel-login-new .form-control:focus, .page-account #panel-login-fast .form-control:focus, .page-account #panel-login-esign .form-control:focus, .page-account #panel-login-sms .form-control:focus { background: #FFFFFF !important; border-color: var(--adolin-blue) !important; box-shadow: 0 0 0 4px rgba(0, 105, 180, .10) !important; outline: none !important; } .page-account #panel-login-new .toggle-password, .page-account #panel-login-fast .toggle-password { position: absolute !important; top: 50% !important; right: 15px !important; left: auto !important; transform: translateY(-50%) !important; width: 22px !important; height: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: var(--adolin-blue-deep) !important; font-size: 18px !important; line-height: 1 !important; opacity: .68 !important; cursor: pointer !important; z-index: 5 !important; } .page-account .toggle-password:hover { color: var(--adolin-blue) !important; opacity: 1 !important; } .page-account #panel-login-new #BtnLogin, .page-account #panel-login-fast #BtnLogin, .page-account #panel-login-esign #BtnLogin, .page-account #panel-login-sms #BtnLogin { min-width: 120px !important; height: 44px !important; box-sizing: border-box !important; margin: 8px 0 0 !important; padding: 0 24px !important; background: linear-gradient( 135deg, var(--adolin-blue) 0%, var(--adolin-blue-dark) 100% ) !important; border: 1px solid #00579F !important; border-bottom: 3px solid var(--adolin-orange) !important; border-radius: 9px !important; color: #FFFFFF !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 6px 16px rgba(0, 105, 180, .22) !important; cursor: pointer !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; } .page-account #panel-login-new #BtnLogin:hover, .page-account #panel-login-fast #BtnLogin:hover, .page-account #panel-login-esign #BtnLogin:hover, .page-account #panel-login-sms #BtnLogin:hover { background: linear-gradient( 135deg, #0878BD 0%, #0061A5 100% ) !important; transform: translateY(-1px) !important; box-shadow: 0 9px 21px rgba(0, 105, 180, .28) !important; } .page-account #BtnLogin:active { transform: translateY(0) !important; } .page-account #panel-resetpassword { position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none !important; } .page-account #panel-resetpassword::before, .page-account #panel-resetpassword::after { display: none !important; content: none !important; } .page-account #PageErrorMessage:empty { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .page-account #panel-resetpassword:has(#PageErrorMessage:empty) { display: none !important; } .page-account #PageErrorMessage:not(:empty) { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 10px 12px !important; list-style: none !important; background: rgba(255, 244, 242, .98) !important; border: 1px solid #F0C6BF !important; border-radius: 8px !important; color: #B5473B !important; font-size: 12px !important; line-height: 1.4 !important; box-shadow: 0 5px 15px rgba(40, 20, 15, .07) !important; } .page-account .validation-summary-errors { margin: 0 0 14px !important; padding: 10px 12px !important; background: #FFF3F1 !important; border: 1px solid #F3CDC7 !important; border-radius: 8px !important; color: #B5473B !important; font-size: 12px !important; } .page-account .validation-summary-errors ul { margin: 0 !important; padding-left: 16px !important; } .page-account footer { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 10px 20px !important; background: transparent !important; border: 0 !important; color: rgba(255, 255, 255, .86) !important; font-size: 10.5px !important; text-align: center !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .40) !important; pointer-events: none !important; z-index: 30 !important; } .page-account footer p { margin: 0 !important; padding: 0 !important; } @media (max-width: 520px) { .page-account header { height: 62px !important; padding: 9px 12px !important; } .page-account header .logo { height: 42px !important; } .page-account .language-list > li > a, .page-account #act-environment { width: 38px !important; height: 38px !important; } .page-account .loginbody .col-right { width: calc(100vw - 28px) !important; max-width: none !important; } .page-account #panel-login-new, .page-account #panel-login-fast, .page-account #panel-login-esign, .page-account #panel-login-sms { padding: 30px 24px 28px !important; border-radius: 15px !important; } #panel-login-fast #message-welcome { font-size: 27px !important; } #panel-login-fast form { column-gap: 10px !important; } .page-account #panel-login-new #BtnLogin, .page-account #panel-login-fast #BtnLogin { min-width: 108px !important; padding-left: 18px !important; padding-right: 18px !important; } } @media (max-height: 590px) { html, body.page-account { overflow-y: auto !important; } .page-account .page-body.loginbody { position: absolute !important; min-height: 590px !important; height: auto !important; padding: 82px 0 48px !important; place-items: start center !important; overflow-y: auto !important; } } :root { --gray: rgb(84, 88, 89); --gray-bg: rgb(84, 88, 89, 0.03); /*rgb(240, 116, 46)*/ --white: #ffffff; --red: red; --focus-white: #f4f7fc; --btn-hover: rgb(50, 50, 50); --field-bg: rgb(255,255,255); /*#f4f7fc ;*/ --brick-dust: rgb(176 112 105); --coral-haze: rgb(227 142 132); --oil-green: rgb(128 133 109); } .lbl { font-weight: bold !important; } .lbl-main { /*padding-left: 5px;*/ font-weight: bold !important; /*background-color: rgb(0, 35, 82, 0.15);*/ /*border-radius: 10px;*/ color: var(--white) !important; text-align: center !important; font-size: 25px !important; } .lbl-main { background-color: var(--var(--white)) !important; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02), rgb(45, 45, 47, .15)) !important; color: var(--gray) !important; font-weight: bold !important; text-align: left !important; height: 30px !important; line-height: 30px !important; padding: 0; margin: 0; border-bottom: 1px solid var(--gray); border-radius: 5px; } .lbl-main-h2 { /*padding-left: 5px;*/ font-weight: bold !important; /*background-color: var(--gray);*/ /*border-radius: 10px;*/ color: var(--white) !important; text-align: center; font-size: 14px; } .lbl-main-h2 { background-color: var(--var(--white)) !important; background-image: linear-gradient(rgb( 168, 192, 187, .48), rgb( 168, 192, 187, .76), rgb( 168, 192, 187, .34)) !important; /*background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02), rgb( 168, 192, 187)) !important;*/ color: var(--gray) !important; font-weight: bold !important; text-align: left !important; height: 20px !important; line-height: 20px !important; padding: 0; margin: 0; border-bottom: 1px solid rgb(168, 192, 187); /*border-top: 1px solid var(--gray);*/ border-radius: 5px; font-size: 14px !important; height: 10px !important; } .lbl-hint { font-size: 12px !important; color: #ad0000 !important; } /************************************************************ BUTON *************************************************************/ .btn-save, .k-multiselect .k-button { font-weight: bold !important; background-color: var(--gray) !important; opacity: 80%; color: var(--white) !important; } .btn-save-2 { font-weight: bold !important; background-color: rgb( 168, 192, 187) !important; opacity: 100%; color: var(--gray) !important; } .btn-save:hover, .btn-save-2:hover, .btn-margin:hover{ background-color: var(--coral-haze) !important; } .btn-save:focus, .btn-save-2:focus{ background-color: var(--brick-dust) !important; } .btn-margin { font-weight: bold !important; background-color: rgb( 168, 192, 187) !important; opacity: 100%; color: var(--gray) !important; margin-top: 10px; } .k-grid tbody .k-button { font-weight: bold !important; background-color: var(--gray) !important; opacity: 80%; color: var(--white) !important; } /********************************************************KUTULAR*****************************************************************/ .input_arka_plan, .k-multiselect-wrap.k-floatwrap { border-radius: 8px !important; background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .input_arka_plan_pasif { border-radius: 8px !important; background-color: rgba(232, 232, 232, 1) !important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .input_arka_plan_txt { border-radius: 8px !important; background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .input_arka_plan_txt_pasif { border-radius: 8px !important; background-color: rgba(232, 232, 232, 1) !important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .input_arka_plan_txt .k-input:focus, .input_arka_plan-o .k-input:focus, .input_arka_plan .k-input:focus, .k-multiselect-wrap.k-floatwrap:focus, .k-multiselect-wrap.k-floatwrap:focus { background-color: var(--white) !important; height: 30px !important; } .input_arka_plan_txt .k-input, .input_arka_plan_txt_pasif .k-input, .k-widget.k-maskedtextbox .k-textbox { /*, .input_arka_plan .k-input*/ border: 1px solid #ddd !important; border-radius: 8px !important; background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .k-widget.k-textbox.input_arka_plan_txt.k-state-focused, .k-dropdown-wrap.k-state-default.k-state-focused, .k-numeric-wrap.k-state-default.k-state-focused, .k-picker-wrap.k-state-default.k-state-focused, .k-widget.k-maskedtextbox input:focus, .k-widget.k-multiselect.k-multiselect-clearable.k-state-focused.k-state-border-down { border-color: #0056b3 !important; border-radius: 8px !important; box-shadow: 0 0 7px 0 var(--red) !important; } .input_arka_plan_txt .k-input:focus, .input_arka_plan-o .k-input:focus, .input_arka_plan .k-input:focus, .k-multiselect-wrap.k-floatwrap:focus, .k-multiselect-wrap.k-floatwrap:focus { background-color: var(--white) !important; height: 30px !important; } span.k-numeric-wrap input.k-formatted-value { border: 1px solid #ddd !important; border-radius: 8px !important; background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; transition: border-color 0.1s ease !important; } .input_arka_plan_txt .k-input, .input_arka_plan_txt_pasif .k-input, .k-widget.k-maskedtextbox .k-textbox { /*, .input_arka_plan .k-input*/ border: 1px solid #ddd !important; border-radius: 8px !important; background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; transition: border-color 0.3s ease !important; } .k-widget.k-textbox.input_arka_plan_txt.k-state-focused, .k-dropdown-wrap.k-state-default.k-state-focused, .k-numeric-wrap.k-state-default.k-state-focused, .k-picker-wrap.k-state-default.k-state-focused, .k-widget.k-maskedtextbox input:focus, .k-widget.k-multiselect.k-multiselect-clearable.k-state-focused.k-state-border-down { border-color: #0056b3 !important; border-radius: 8px !important; box-shadow: 0 0 7px 0 var(--red) !important; } .k-state-default { border-radius: 8px !important; } .k-numeric-wrap.k-state-default.k-state-focused { border-color: #0056b3 !important; border-radius: 8px !important; height: 30px; box-shadow: 0 0 7px 0 var(--red) !important; } .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap { padding-right: 0em !important; } .k-numeric-wrap .k-link { margin-top: 1.5px !important; } .k-picker-wrap .k-icon { margin-top: 5px !important; } /*********************************************************LİSTE****************************************************************/ .k-icon k-i-arrow-60-down { margin-top: 5px !important; } .k-dropzone { background-color: #f1f1f1 !important; } .k-alt { background-color: rgba(193, 188, 216, 0.301) !important; } .k-grid tr:hover { background-color: #A8C0BB85 !important; } .k-state-selected td { background-color: var(--gray) !important; } /*************************************************************************************************************************/ .k-grid-header th.k-header { font-weight: bold !important; font-size: 12px; } .k-grid-content.k-auto-scrollable {font-size: 12px;} .tab-content .padding-5 .k-header{ background-color: #ad0000 !important; } .k-form-error, .k-invalid-msg, .field-validation-error { visibility: hidden; position: relative; } .k-form-error::after, .k-invalid-msg::after, .field-validation-error::after { content: "Bu alan zorunludur"; visibility: visible; position: absolute; top: 0; left: 0; } /* ===================================================================== ADOLIN FIRMA RENKLERI Kaynak: Kullanıcının ilettiği firma banner/logo görseli. Yeni Kalite Kontrol V2 CSS bu değişkenleri kullanır. ===================================================================== */ :root { --adolin-blue: #0069B4; --adolin-blue-dark: #005CAA; --adolin-blue-deep: #29427F; --adolin-blue-mid: #285792; --adolin-blue-light: #0785C8; --adolin-blue-soft: #EEF6FB; --adolin-orange: #F18800; --adolin-orange-soft: #FFF4E5; --adolin-page-bg: #F5F8FB; --adolin-card: #FFFFFF; --adolin-border: #D8E4ED; --adolin-border-soft: #E7EEF4; --adolin-text: #253746; --adolin-muted: #667786; } :root { --gray: rgb(84, 88, 89); --gray-bg: rgb(84, 88, 89, 0.03); /*rgb(240, 116, 46)*/ --white: #ffffff; --red: red; --focus-white: #f4f7fc; --btn-hover: rgb(50, 50, 50); --field-bg: rgb(255,255,255); /*#f4f7fc ;*/ --brick-dust: rgb(176 112 105); --coral-haze: rgb(227 142 132); --oil-green: rgb(128 133 109); } .btn-dashboard { font-weight: bold !important; width: 210px !important; height: 30px !important; background-color: rgb(66, 85, 99)!important; /*opacity: 90%;*/ color: var(--white) !important; } .btn-dashboard:hover{ background-color: var(--coral-haze) !important; } .btn-dashboard:focus{ background-color: var(--brick-dust) !important; } .lbl-dashboard { opacity: 80%; font-style: bold !important; color: rgb(66, 85, 99) !important; fill: black; /*border: 1px solid rgb(66, 85, 99) !important;*/ border-bottom: none !important; } .lbl-line{ border: 1px solid var(--coral-haze) !important; } .input_arka_plan_dash { background-color: var(--field-bg)!important; height: 30px !important; outline: none !important; } .page-account .btn { background: var(--gray) !important; } .page-account header{ background-color: rgb(255,255,255, 0.5) !important; } #login-form{ padding: 25px; } #panel-login-fast, #panel-login-new { background-color: rgb(255, 255, 255, 0.5); border-radius: 30px; height: 265px !important; width: 400px !important; max-width: 1000px !important; } .page-account { background-image: url("http://localhost:57001/Uploads/bg-login.jpg") } .page-dashboard header { background: var(--gray) !important; } #toggle-side-menu { background-color: rgb(45, 45, 47, 0.85) !important; } .navbar.default-layout .navbar-brand-wrapper .navbar-brand img { width: 147px !important; } .page-account .col-left .login-bg { max-width: 100% !important; margin-top: 150px !important; margin-right: 50px !important; } .form-group { font-weight: bold !important; } #BtnLogin { background-color: #545859; /* Firma rengi */ color: #ffffff; /* Yazı rengi */ padding: 12px 24px; /* Buton iç boşluğu */ border: none; /* Çerçeve yok */ border-radius: 8px; /* Hafif yuvarlatılmış köşeler */ font-size: 16px; /* Yazı boyutu */ font-weight: 500; /* Orta kalınlık */ text-align: center; cursor: pointer; /* İmleç üzerine geldiğinde işaretçi */ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */ transition: transform 0.2s, box-shadow 0.2s; /* Geçiş efektleri */ } #BtnLogin:hover { transform: scale(1.05); /* Hover sırasında büyüme efekti */ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Daha belirgin gölge */ } #BtnLogin:active { transform: scale(0.98); /* Tıklamada hafif küçülme efekti */ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Daha yumuşak gölge */ } #act-swtich-user{ color:black; } .card-body { background-color: var(--gray-bg) !important; } .tab-content.padding-5.k-header { background-color: var(--gray-bg) !important; } .content-wrapper { background-color: var(--gray-bg) !important; } .card { /*-webkit-box-shadow: none !important; box-shadow: none !important; border:none !important;*/ } .fa.md-add-circle-outline.iconlabelleft { margin-top:7px !important; padding-left: 7px; } .iconlabelright { padding: 8px 14px !important; } /****************************************************Liste Search Sola Hizalama****************************************************************/ .k-spacer{ display: none !important; } /****************************************************Prog bar font size****************************************************************/ .k-arcgauge-label { font-size: 20px; } /****************************************************Toast Mesaj****************************************************************/ /* ========================================================= XPODA TOAST STACK FIX ========================================================= */ /* XPODA TOAST STACK FIX */ #toast-container { z-index: 999999 !important; } #toast-container > .toast { margin-bottom: 8px !important; } /* ============================================================ XPODA PERMANENT EDITORS V12 ============================================================ */ /* ============================================================ TÜM PERMANENT EDITOR CELL ============================================================ */ td.xpoda-permanent-editor-v12 { padding: 2px 4px !important; vertical-align: middle !important; overflow: visible !important; } /* ============================================================ COMBO / DROPDOWN ============================================================ */ td.xpoda-permanent-combo-v12 .k-picker, td.xpoda-permanent-combo-v12 .k-dropdownlist, td.xpoda-permanent-combo-v12 .k-combobox, td.xpoda-permanent-combo-v12 .k-multicolumncombobox { width: 100% !important; max-width: 100% !important; } td.xpoda-permanent-combo-v12 .k-input-inner { min-height: 28px !important; } /* ============================================================ TEXT ============================================================ */ td.xpoda-permanent-text-v12 .xpoda-permanent-text-v12-input { width: 100% !important; height: 30px !important; box-sizing: border-box !important; padding: 4px 7px !important; background: #fff !important; border: 1px solid #d5d5d5 !important; border-radius: 3px !important; outline: none !important; font: inherit !important; } td.xpoda-permanent-text-v12 .xpoda-permanent-text-v12-input:focus { border-color: #999 !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) !important; } /* ============================================================ DYNAMIC EDITOR İLK OLUŞURKEN ============================================================ */ td.xpoda-permanent-editor-v12 > input:not([type="hidden"]) { width: 100% !important; height: 30px !important; box-sizing: border-box !important; padding: 4px 7px !important; background: #fff !important; border: 1px solid #d5d5d5 !important; border-radius: 3px !important; outline: none !important; } /* ========================================================= KENDO GRID - FARE İLE SÜRÜKLEYEREK TOPLU SEÇİM ALANI ADOLIN TURUNCU ========================================================= */ /* Seçim alanının dış çerçevesi */ .k-marquee { background: transparent !important; border: 1px solid #F18800 !important; } /* Asıl mor yarı saydam katman */ .k-marquee-color, .k-marquee .k-marquee-color { background-color: #F18800 !important; background-image: none !important; opacity: 0.22 !important; } /* ========================================================= XPODA GRID İÇİ BUTONLAR - ADOLIN GENEL TASARIM ========================================================= */ /* Grid hücresindeki XPODA button container */ .k-grid .k-table-td > li.box { width: auto !important; min-width: 0 !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= TÜM GRID BUTONLARI ========================================================= */ .k-grid .k-table-td > li.box > button.k-button { width: auto !important; min-width: 64px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid #BFD3E2 !important; border-radius: 7px !important; color: #0069B4 !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 2px 5px rgba(0, 105, 180, .06) !important; cursor: pointer !important; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important; } /* İçindeki XPODA boş icon span'i */ .k-grid .k-table-td > li.box > button.k-button > .empty { display: none !important; } /* Hover */ .k-grid .k-table-td > li.box > button.k-button:hover { background: #0069B4 !important; border-color: #0069B4 !important; color: #FFFFFF !important; transform: translateY(-1px) !important; box-shadow: 0 5px 12px rgba(0, 105, 180, .18) !important; } /* Basılma */ .k-grid .k-table-td > li.box > button.k-button:active { transform: translateY(0) !important; box-shadow: 0 2px 5px rgba(0, 105, 180, .10) !important; } /* Focus */ .k-grid .k-table-td > li.box > button.k-button:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, .10) !important; } /* ========================================================= SİL BUTONU data-text="sil" olan XPODA butonları ========================================================= */ .k-grid .k-table-td > li.box[data-text="sil"] > button.k-button { min-width: 58px !important; background: #FFF8EE !important; border-color: #F3C27E !important; color: #B86100 !important; box-shadow: 0 2px 5px rgba(241, 136, 0, .07) !important; text-transform: uppercase !important; } /* Sil ikonunu CSS ile ekle */ .k-grid .k-table-td > li.box[data-text="sil"] > button.k-button::before { content: "×" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 15px !important; height: 15px !important; color: #F18800 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1 !important; } /* Sil hover */ .k-grid .k-table-td > li.box[data-text="sil"] > button.k-button:hover { background: #F18800 !important; border-color: #F18800 !important; color: #FFFFFF !important; box-shadow: 0 5px 12px rgba(241, 136, 0, .23) !important; } .k-grid .k-table-td > li.box[data-text="sil"] > button.k-button:hover::before { color: #29427F !important; } /* ========================================================= HÜCRE İÇİNDE BUTONU DİKEY ORTALA ========================================================= */ .k-grid .k-table-td:has(> li.box > button.k-button) { vertical-align: middle !important; padding-top: 4px !important; padding-bottom: 4px !important; } /* ===================================================================== XPODA - KALITE KONTROL DEGERLENDIRME FORMU MODERN UI V2 - ADOLIN FIRMA RENKLERI ===================================================================== Firma renkleri: #0069B4 Ana mavi #005CAA Koyu mavi #285792 Destek mavi #29427F Derin mavi #0785C8 Açık mavi #F18800 Turuncu vurgu NOT: UUID id'leri rakamla başladığı için #63b95... gibi selector YANLIŞTIR. V2'de hepsi [id="63b95..."] formatında düzeltildi. Bu dosya yeni field eklemez. Mevcut XPODA/Kendo kontrollerini yalnızca görsel olarak düzenler. ===================================================================== */ /* ===================================================================== 1. SAYFA ===================================================================== */ #myTabContent1, #s1 { background: var(--adolin-page-bg, #F5F8FB) !important; } #s1 { padding: 18px 20px 24px !important; box-sizing: border-box !important; } /* ===================================================================== 2. ANA BAŞLIK ===================================================================== */ #s1 .lbl-main { display: block !important; width: 100% !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 0 0 8px 2px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; border-bottom: 2px solid var(--adolin-blue, #0069B4) !important; color: var(--adolin-blue-deep, #29427F) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 34px !important; letter-spacing: -0.45px !important; text-align: left !important; } /* Başlık altına küçük turuncu firma vurgusu */ [data-id="Form_6_Lbl_1"]::after { content: "" !important; display: block !important; width: 72px !important; height: 3px !important; position: absolute !important; left: 2px !important; bottom: -1px !important; background: var(--adolin-orange, #F18800) !important; border-radius: 3px !important; } /* ===================================================================== 3. SOL + SAĞ ANA LAYOUT ===================================================================== */ /* KRITIK DÜZELTME: id rakamla başladığı için attribute selector */ [id="63b95f93-b78d-43e1-81a3-2863c7cc6be1"] { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* SOL KART */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] { position: relative !important; flex: 0 0 390px !important; width: 390px !important; max-width: 390px !important; box-sizing: border-box !important; padding: 56px 18px 18px !important; background: var(--adolin-card, #FFFFFF) !important; border: 1px solid var(--adolin-border, #D8E4ED) !important; border-radius: 14px !important; box-shadow: 0 2px 5px rgba(37, 55, 70, 0.025), 0 12px 28px rgba(37, 55, 70, 0.055) !important; } /* "GENEL BİLGİLER" sadece görsel bölüm başlığıdır, field değildir */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"]::before { content: "GENEL BİLGİLER" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 42px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; padding: 0 18px 0 31px !important; background: linear-gradient( 90deg, #F5FAFD 0%, #FFFFFF 100% ) !important; border-bottom: 1px solid var(--adolin-border-soft, #E7EEF4) !important; border-radius: 14px 14px 0 0 !important; color: var(--adolin-blue, #0069B4) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .45px !important; } /* Bölüm başlığındaki küçük turuncu işaret */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"]::after { content: "" !important; position: absolute !important; top: 13px !important; left: 17px !important; width: 5px !important; height: 16px !important; background: var(--adolin-orange, #F18800) !important; border-radius: 5px !important; } /* SAĞ KOLON */ [id="3ae9f81b-85d7-4d1c-a57b-187984f8c181"] { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; box-sizing: border-box !important; } /* XPODA'nın sabit px genişlikli li elemanlarını karta yay */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] li.octopusitem { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } [id="3ae9f81b-85d7-4d1c-a57b-187984f8c181"] li[data-id="Form_6_GridListe_1"] { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } /* ===================================================================== 4. SOL KART LABEL ===================================================================== */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .lbl { color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 650 !important; line-height: 19px !important; } /* ===================================================================== 5. SOL KART INPUT / DATE ===================================================================== */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-input, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-picker, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-textbox, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-datepicker { background: #FFFFFF !important; border: 1px solid #D6E1EA !important; border-radius: 8px !important; box-shadow: none !important; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important; } [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-input-inner { color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; padding-left: 10px !important; padding-right: 10px !important; } /* Firma mavisi focus + çok hafif turuncu vurgu */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-input:focus-within, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-picker:focus-within, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-textbox:focus-within, [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-datepicker:focus-within { border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, 0.11), inset 3px 0 0 rgba(241, 136, 0, 0.75) !important; } /* Readonly */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-readonly { background: #F6F9FB !important; border-color: #E0E8EE !important; } [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-readonly .k-input-inner { color: #5C6D79 !important; } /* Datepicker button */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] .k-datepicker .k-input-button { background: #F4F8FB !important; border: 0 !important; border-left: 1px solid #DCE6ED !important; color: var(--adolin-blue, #0069B4) !important; } /* ===================================================================== 6. FARK % ===================================================================== */ [data-id="Form_6_Txt_5"] .k-input, [data-id="Form_6_Txt_5"] .k-textbox { background: #FFF4F2 !important; border-color: #F0CBC5 !important; } #Form_6_Txt_5 { color: #B5473B !important; font-weight: 700 !important; text-align: center !important; } /* ===================================================================== 7. KONTROL BASLAT ===================================================================== */ [data-id="Form_6_Btn_1"] { margin-top: 13px !important; } #Form_6_Btn_1.btn-save, #Form_6_Btn_1 { width: 100% !important; height: 38px !important; margin-top: 0 !important; background: linear-gradient( 135deg, var(--adolin-blue, #0069B4) 0%, var(--adolin-blue-dark, #005CAA) 100% ) !important; border: 1px solid #00579F !important; border-bottom: 3px solid var(--adolin-orange, #F18800) !important; border-radius: 8px !important; color: #FFFFFF !important; opacity: 1 !important; box-shadow: 0 5px 14px rgba(0, 105, 180, 0.18) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; transition: background .15s ease, transform .15s ease, box-shadow .15s ease !important; } #Form_6_Btn_1 .k-button-text { color: #FFFFFF !important; font-weight: 700 !important; } #Form_6_Btn_1:hover { background: linear-gradient( 135deg, #0075BC 0%, #0062A8 100% ) !important; transform: translateY(-1px) !important; box-shadow: 0 7px 17px rgba(0, 105, 180, 0.24) !important; } #Form_6_Btn_1:focus, #Form_6_Btn_1:focus-visible { outline: none !important; box-shadow: 0 0 0 3px rgba(241, 136, 0, 0.20), 0 6px 15px rgba(0, 105, 180, 0.18) !important; } #Form_6_Btn_1:active { transform: translateY(0) !important; } /* ===================================================================== 8. GRID KART ===================================================================== */ #Form_6_GridListe_1 { width: 100% !important; background: #FFFFFF !important; border: 1px solid var(--adolin-border, #D8E4ED) !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 2px 5px rgba(37, 55, 70, 0.025), 0 12px 28px rgba(37, 55, 70, 0.055) !important; color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; } /* ===================================================================== 9. GRID TOOLBAR Mockup'a yaklaşmak için toolbar'ın soluna bölüm başlığı koyuyoruz. ===================================================================== */ #Form_6_GridListe_1 .k-grid-toolbar { min-height: 52px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; padding: 8px 12px 8px 16px !important; background: linear-gradient( 90deg, #F5FAFD 0%, #FFFFFF 55% ) !important; border: 0 !important; border-bottom: 1px solid var(--adolin-border-soft, #E7EEF4) !important; } /* Görsel bölüm başlığı - field değildir */ #Form_6_GridListe_1 .k-grid-toolbar::before { content: "DEĞERLENDİRME KRİTERLERİ" !important; position: relative !important; padding-left: 14px !important; margin-right: 16px !important; color: var(--adolin-blue, #0069B4) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .45px !important; } /* Turuncu mini çizgi */ #Form_6_GridListe_1 .k-grid-toolbar::after { content: "" !important; position: absolute !important; left: 16px !important; width: 5px !important; height: 16px !important; background: var(--adolin-orange, #F18800) !important; border-radius: 5px !important; } /* Eski Genel Ayarlar.css .k-spacer'ı gizliyor. Bu grid içinde tekrar açıp aramayı sağa itiyoruz. */ #Form_6_GridListe_1 .k-grid-toolbar .k-spacer { display: block !important; flex: 1 1 auto !important; } /* Search */ #Form_6_GridListe_1 .k-grid-search { width: 230px !important; background: #F7FAFC !important; border: 1px solid #DCE5EC !important; border-radius: 8px !important; box-shadow: none !important; } #Form_6_GridListe_1 .k-grid-search:focus-within { background: #FFFFFF !important; border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, 0.10) !important; } #Form_6_GridListe_1 .k-grid-search .k-input-inner { color: var(--adolin-text, #253746) !important; font-size: 12px !important; } /* Toolbar filter */ #Form_6_GridListe_1 .xpoda-toolbar-filter { margin-left: 8px !important; padding: 7px !important; border-radius: 7px !important; color: var(--adolin-blue, #0069B4) !important; } #Form_6_GridListe_1 .xpoda-toolbar-filter:hover { background: var(--adolin-blue-soft, #EEF6FB) !important; color: var(--adolin-blue-dark, #005CAA) !important; } /* ===================================================================== 10. GRID HEADER ===================================================================== */ #Form_6_GridListe_1 .k-grid-header, #Form_6_GridListe_1 .k-grid-header-table, #Form_6_GridListe_1 .k-table-th, #Form_6_GridListe_1 th.k-header { background: #F3F8FC !important; } #Form_6_GridListe_1 .k-grid-header { border: 0 !important; border-bottom: 1px solid #D8E5EF !important; } #Form_6_GridListe_1 .k-table-th, #Form_6_GridListe_1 th.k-header { color: #30485B !important; border-color: #DFE8EF !important; font-size: 12px !important; font-weight: 700 !important; vertical-align: middle !important; } #Form_6_GridListe_1 .k-column-title { color: #30485B !important; font-size: 12px !important; font-weight: 700 !important; } #Form_6_GridListe_1 .k-grid-header-menu { color: var(--adolin-blue, #0069B4) !important; opacity: .55 !important; } #Form_6_GridListe_1 .k-table-th:hover .k-grid-header-menu { opacity: 1 !important; } /* ===================================================================== 11. GRID SATIRLARI ===================================================================== */ #Form_6_GridListe_1 .k-grid-content { background: #FFFFFF !important; } #Form_6_GridListe_1 .k-table-row, #Form_6_GridListe_1 .k-table-alt-row, #Form_6_GridListe_1 .k-alt { background: #FFFFFF !important; } #Form_6_GridListe_1 .k-table-td { background: #FFFFFF !important; color: var(--adolin-text, #253746) !important; border-color: #E9EFF4 !important; font-size: 12.5px !important; vertical-align: middle !important; transition: background-color .12s ease !important; } /* Hafif mavi hover */ #Form_6_GridListe_1 .k-table-row:hover, #Form_6_GridListe_1 .k-table-row:hover .k-table-td { background: #F2F8FC !important; } /* Seçili row */ #Form_6_GridListe_1 .k-selected .k-table-td, #Form_6_GridListe_1 .k-state-selected .k-table-td, #Form_6_GridListe_1 .k-state-selected td { background: #E7F2F9 !important; color: #203644 !important; } /* ===================================================================== 12. GRID TEXT EDITOR ===================================================================== */ #Form_6_GridListe_1 td.xpoda-permanent-text-v12 .xpoda-permanent-text-v12-input, #Form_6_GridListe_1 td.xpoda-permanent-editor-v12 > input:not([type="hidden"]) { width: 100% !important; height: 32px !important; box-sizing: border-box !important; padding: 5px 9px !important; background: #FFFFFF !important; border: 1px solid #D7E2EA !important; border-radius: 7px !important; outline: none !important; color: var(--adolin-text, #253746) !important; font: inherit !important; } #Form_6_GridListe_1 td.xpoda-permanent-text-v12 .xpoda-permanent-text-v12-input:focus, #Form_6_GridListe_1 td.xpoda-permanent-editor-v12 > input:not([type="hidden"]):focus { border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, 0.10) !important; } /* ===================================================================== 13. GRID DROPDOWN Sadece görünüm; V12 JS davranışına dokunmaz. ===================================================================== */ #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-picker, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-dropdownlist, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-combobox, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-multicolumncombobox { width: 100% !important; max-width: 100% !important; min-height: 32px !important; background: #FFFFFF !important; border: 1px solid #D7E2EA !important; border-radius: 7px !important; box-shadow: none !important; } #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-picker:focus-within, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-dropdownlist:focus-within { border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, 0.10) !important; } #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-input-inner { min-height: 30px !important; padding-left: 9px !important; color: var(--adolin-text, #253746) !important; font-size: 12.5px !important; } #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-input-button { background: #F3F8FC !important; border: 0 !important; border-left: 1px solid #DCE6ED !important; color: var(--adolin-blue, #0069B4) !important; } /* Kendo popup body altına açılır; renk görünümü */ .k-animation-container .k-list-container, .k-animation-container .k-popup, .k-animation-container .k-list { border-color: #D7E2EA !important; } .k-animation-container .k-list-item.k-selected, .k-animation-container .k-list-item.k-selected:hover { background: var(--adolin-blue, #0069B4) !important; color: #FFFFFF !important; } .k-animation-container .k-list-item:hover { background: var(--adolin-blue-soft, #EEF6FB) !important; color: var(--adolin-text, #253746) !important; } /* ===================================================================== 14. SCROLLBAR ===================================================================== */ #Form_6_GridListe_1 .k-grid-content::-webkit-scrollbar { width: 9px !important; height: 9px !important; } #Form_6_GridListe_1 .k-grid-content::-webkit-scrollbar-track { background: #F4F7F9 !important; } #Form_6_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb { background: #B9CAD7 !important; border: 2px solid #F4F7F9 !important; border-radius: 20px !important; } #Form_6_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb:hover { background: #8FAABE !important; } /* ===================================================================== 15. RESPONSIVE ===================================================================== */ @media (max-width: 1180px) { [id="85ca6818-39d1-4a88-b117-14b9696da37f"] { flex-basis: 340px !important; width: 340px !important; max-width: 340px !important; } [id="63b95f93-b78d-43e1-81a3-2863c7cc6be1"] { gap: 13px !important; } } @media (max-width: 860px) { [id="63b95f93-b78d-43e1-81a3-2863c7cc6be1"] { display: block !important; } [id="85ca6818-39d1-4a88-b117-14b9696da37f"] { width: 100% !important; max-width: none !important; margin-bottom: 14px !important; } [id="3ae9f81b-85d7-4d1c-a57b-187984f8c181"] { width: 100% !important; } } /* ===================================================================== V3 - PIXEL / HIZA DÜZELTMELERİ Kullanıcının gerçek XPODA render ekran görüntüsüne göre. ===================================================================== */ /* --------------------------------------------------------------------- A) ANA BAŞLIK SATIRI V2'de kartların üst kenarı başlık çizgisine fazla yakındı ve XPODA'nın absolute li yapısı küçük çizgi/kayma oluşturuyordu. --------------------------------------------------------------------- */ [id="a05e8e45-05fc-4c91-9efc-f50cc39c7b4d"] { position: relative !important; width: 100% !important; min-height: 48px !important; height: 48px !important; margin: 0 0 12px 0 !important; padding: 0 !important; } [id="a05e8e45-05fc-4c91-9efc-f50cc39c7b4d"] > [id="3b67802d-233d-4b60-a602-30ddb9afc1e1"] { position: relative !important; width: 100% !important; max-width: none !important; min-height: 48px !important; padding: 0 !important; } /* Başlık li'sini XPODA'nın absolute 1213px ölçüsünden kurtar */ [data-id="Form_6_Lbl_1"] { position: relative !important; width: 100% !important; max-width: none !important; height: 42px !important; max-height: 42px !important; top: auto !important; left: auto !important; margin: 0 !important; } /* Uzun mavi çizgi yerine temiz başlık + kısa turuncu vurgu */ #s1 .lbl-main { border-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 5px !important; min-height: 38px !important; line-height: 34px !important; } [data-id="Form_6_Lbl_1"]::after { left: 0 !important; bottom: 0 !important; width: 64px !important; height: 3px !important; background: var(--adolin-orange, #F18800) !important; } /* Kartlar ile başlık arasında gerçek nefes alanı */ [id="63b95f93-b78d-43e1-81a3-2863c7cc6be1"] { margin-top: 0 !important; } /* --------------------------------------------------------------------- B) SOL KARTIN BOOTSTRAP NEGATİF MARGIN / PADDING KAYMALARINI TEMİZLE XPODA xrow + xcol yapısı kartın içinde fazladan 15px sağ/sol kayma yaratıyordu. --------------------------------------------------------------------- */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] > .xrow { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } [id="85ca6818-39d1-4a88-b117-14b9696da37f"] > .xrow > .xcol { padding-left: 0 !important; padding-right: 0 !important; } /* Form elemanlarını kart iç genişliğine tam yay */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"] > .xrow > .xcol > li.octopusitem { width: 100% !important; max-width: none !important; } /* --------------------------------------------------------------------- C) MİKTAR SATIRI 5/5/2 Bootstrap kolonları yerine kontrollü 3 kolon. --------------------------------------------------------------------- */ [id="b7116fb4-0387-4306-b0c7-e745edf5f5d2"] { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 62px !important; column-gap: 14px !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } [id="b7116fb4-0387-4306-b0c7-e745edf5f5d2"] > .xcol { width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; } [id="b7116fb4-0387-4306-b0c7-e745edf5f5d2"] > .xcol li.octopusitem { width: 100% !important; max-width: none !important; } /* Fark alanı artık sağ kenara düzgün otursun */ [data-id="Form_6_Lbl_7"], [data-id="Form_6_Txt_5"] { width: 100% !important; max-width: none !important; } /* --------------------------------------------------------------------- D) KONTROL BAŞLAT Inputlarla aynı sol/sağ hizaya getir. --------------------------------------------------------------------- */ [id="4926dd73-79ce-4577-b795-5acae5428675"] { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } [id="4926dd73-79ce-4577-b795-5acae5428675"] > [id="63d64470-9807-4343-9d31-b388c90e4e33"] { width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } [data-id="Form_6_Btn_1"] { width: 100% !important; max-width: none !important; } /* --------------------------------------------------------------------- E) KART YÜKSEKLİKLERİNİ EŞİTLE Ekran görüntüsünde sol kart sağ grid'den aşağı taşıyordu. --------------------------------------------------------------------- */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"], #Form_6_GridListe_1 { min-height: 505px !important; } /* Grid'in XPODA inline 471px sınırını V3 kart yüksekliğine uydur */ [id="3ae9f81b-85d7-4d1c-a57b-187984f8c181"] li[data-id="Form_6_GridListe_1"] { height: 505px !important; max-height: 505px !important; } #Form_6_GridListe_1 { height: 505px !important; max-height: 505px !important; } /* Toolbar + kolon başlığı çıktıktan sonra kalan alanı doldur */ #Form_6_GridListe_1 .k-grid-container { height: calc(100% - 89px) !important; } #Form_6_GridListe_1 .k-grid-content { height: 100% !important; max-height: none !important; } /* --------------------------------------------------------------------- F) GRID TOOLBAR HİZASI --------------------------------------------------------------------- */ #Form_6_GridListe_1 .k-grid-toolbar { position: relative !important; height: 52px !important; min-height: 52px !important; } #Form_6_GridListe_1 .k-grid-toolbar::before { display: flex !important; align-items: center !important; height: 32px !important; line-height: 32px !important; margin-top: 0 !important; margin-bottom: 0 !important; } #Form_6_GridListe_1 .k-grid-toolbar::after { top: 18px !important; } #Form_6_GridListe_1 .k-grid-search { height: 30px !important; margin: 0 !important; } #Form_6_GridListe_1 .xpoda-toolbar-filter { margin-top: 0 !important; margin-bottom: 0 !important; } /* --------------------------------------------------------------------- G) GRID SATIR / EDITOR HİZASI --------------------------------------------------------------------- */ #Form_6_GridListe_1 td.xpoda-permanent-editor-v12 { padding: 3px 6px !important; } #Form_6_GridListe_1 .k-table-td { height: 36px !important; box-sizing: border-box !important; } #Form_6_GridListe_1 td.xpoda-permanent-text-v12 .xpoda-permanent-text-v12-input, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-picker, #Form_6_GridListe_1 td.xpoda-permanent-combo-v12 .k-dropdownlist { height: 32px !important; min-height: 32px !important; } /* --------------------------------------------------------------------- H) SOL KART BAŞLIĞI VE SAĞ KART BAŞLIĞI AYNI ÇİZGİDE --------------------------------------------------------------------- */ [id="85ca6818-39d1-4a88-b117-14b9696da37f"]::before { height: 43px !important; } #Form_6_GridListe_1 .k-grid-toolbar { border-radius: 14px 14px 0 0 !important; } /* --------------------------------------------------------------------- I) DAR EKRANDA V3 YÜKSEKLİK EŞİTLEMEYİ KAPAT --------------------------------------------------------------------- */ @media (max-width: 860px) { [id="85ca6818-39d1-4a88-b117-14b9696da37f"], #Form_6_GridListe_1 { min-height: 0 !important; } [id="3ae9f81b-85d7-4d1c-a57b-187984f8c181"] li[data-id="Form_6_GridListe_1"], #Form_6_GridListe_1 { height: 471px !important; max-height: 471px !important; } } /* ========================================================= KONTROLÜ TAMAMLA Primary: Kontrol Başlat Secondary final action: Kontrolü Tamamla ========================================================= */ li[data-id="Form_6_Btn_2"] { width: 100% !important; height: 34px !important; max-height: 34px !important; margin: 6px 0 0 0 !important; padding: 0 !important; position: relative !important; top: auto !important; left: auto !important; box-sizing: border-box !important; } #Form_6_Btn_2 { width: 100% !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 0 14px !important; background: #FFFFFF !important; border: 1px solid #B9D2E4 !important; border-bottom: 2px solid #F18800 !important; border-radius: 7px !important; color: #0069B4 !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 2px 5px rgba(0,105,180,.06) !important; cursor: pointer !important; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important; } #Form_6_Btn_2 .k-button-text { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; color: inherit !important; font-weight: 700 !important; } /* Check ikonu */ #Form_6_Btn_2 .k-button-text::before { content: "✓" !important; width: 18px !important; height: 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #FFF4E6 !important; border: 1px solid #F2C17C !important; border-radius: 50% !important; color: #F18800 !important; font-size: 11px !important; font-weight: 900 !important; } #Form_6_Btn_2:hover { background: linear-gradient( 135deg, #0069B4 0%, #005CAA 100% ) !important; border-color: #005CAA !important; border-bottom-color: #F18800 !important; color: #FFFFFF !important; transform: translateY(-1px) !important; box-shadow: 0 6px 14px rgba(0,105,180,.18) !important; } #Form_6_Btn_2:hover .k-button-text::before { background: #F18800 !important; border-color: #F18800 !important; color: #29427F !important; } #Form_6_Btn_2:active { transform: translateY(0) !important; } /* ===================================================================== V7 - ALFA STD NM ALT KARTI ------------------------------------------------------------ ÖNEMLİ: V6'daki :has() seçicisi üstteki ana xrow'u da yakaladığı için bütün ekranı bozuyordu. Bu sürümde :has() YOK. Gerçek HTML'de: - Sağ ana kolon: 99d01be1-2bc0-47d3-8fb7-c5eda06279af - Grid row : 19b95c03-b527-459d-af2a-d557190e8c14 - Numune row : Grid row'un hemen sonraki .xrow.row kardeşi ===================================================================== */ /* Sağ alan grid + Alfa Std Nm kartını alt alta taşır */ [id="99d01be1-2bc0-47d3-8fb7-c5eda06279af"] { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; display: flex !important; flex-direction: column !important; padding: 0 !important; box-sizing: border-box !important; } /* Grid bölümü tam genişlik */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================================== ALFA STD NM KARTI Grid row'un HEMEN SONRAKİ sibling'ını hedefliyoruz. Başka hiçbir üst row etkilenmez. ===================================================================== */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row { position: relative !important; display: grid !important; grid-template-columns: minmax(150px, 1fr) minmax(160px, 1fr) minmax(120px, .75fr) minmax(300px, 2.25fr) 165px !important; column-gap: 12px !important; row-gap: 0 !important; align-items: end !important; width: 100% !important; min-height: 112px !important; box-sizing: border-box !important; margin: 14px 0 0 0 !important; padding: 48px 16px 14px 16px !important; background: var(--adolin-card, #FFFFFF) !important; border: 1px solid var(--adolin-border, #D8E4ED) !important; border-radius: 14px !important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 10px 26px rgba(37,55,70,.05) !important; overflow: hidden !important; } /* Kart başlığı */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row::before { content: "Alfa Std Nm" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 40px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; padding: 0 18px 0 31px !important; background: linear-gradient( 90deg, #F5FAFD 0%, #FFFFFF 62% ) !important; border-bottom: 1px solid var(--adolin-border-soft, #E7EEF4) !important; color: var(--adolin-blue, #0069B4) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .45px !important; z-index: 2 !important; } /* Turuncu kart vurgusu */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row::after { content: "" !important; position: absolute !important; top: 12px !important; left: 17px !important; width: 5px !important; height: 16px !important; background: var(--adolin-orange, #F18800) !important; border-radius: 5px !important; z-index: 3 !important; } /* Numune satırındaki Bootstrap kolonlarını grid hücreleri gibi kullan */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row > .xcol { width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* XPODA absolute li düzenini sadece bu satırda iptal et */ [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row li.octopusitem { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ===================================================================== LABEL'LAR ===================================================================== */ [data-id="Form_6_Lbl_16"], [data-id="Form_6_Lbl_17"], [data-id="Form_6_Lbl_20"], [data-id="Form_6_Lbl_23"] { height: 21px !important; max-height: 21px !important; margin: 0 0 5px 0 !important; } #Form_6_Lbl_16, #Form_6_Lbl_17, #Form_6_Lbl_20, #Form_6_Lbl_23 { display: block !important; width: 100% !important; height: 21px !important; margin: 0 !important; padding: 0 !important; color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; line-height: 21px !important; text-align: left !important; } /* ===================================================================== INPUTLAR ===================================================================== */ [data-id="Form_6_Txt_13"], [data-id="Form_6_Txt_14"], [data-id="Form_6_Dt_2"], [data-id="Form_6_Txt_16"] { height: 36px !important; max-height: 36px !important; } /* İş Emri + Kalan Gün */ [data-id="Form_6_Txt_13"] .k-input, [data-id="Form_6_Txt_13"] .k-textbox, [data-id="Form_6_Txt_14"] .k-input, [data-id="Form_6_Txt_14"] .k-textbox { width: 100% !important; height: 36px !important; min-height: 36px !important; background: #FFFFFF !important; border: 1px solid #D6E1EA !important; border-radius: 8px !important; box-shadow: none !important; } #Form_6_Txt_13, #Form_6_Txt_14 { height: 34px !important; color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; } /* Tarih */ [data-id="Form_6_Dt_2"] .k-datepicker { width: 100% !important; height: 36px !important; min-height: 36px !important; background: #FFFFFF !important; border: 1px solid #D6E1EA !important; border-radius: 8px !important; box-shadow: none !important; } [data-id="Form_6_Dt_2"] .k-input-button { background: #F4F8FB !important; border: 0 !important; border-left: 1px solid #DCE6ED !important; color: var(--adolin-blue, #0069B4) !important; } /* Not - kompakt yatay şerit alanı */ #Form_6_Txt_16 { display: block !important; width: 100% !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 10px !important; resize: none !important; overflow-y: auto !important; background: #FFFFFF !important; border: 1px solid #D6E1EA !important; border-radius: 8px !important; outline: none !important; color: var(--adolin-text, #253746) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; line-height: 20px !important; } /* Ortak focus */ [data-id="Form_6_Txt_13"] .k-input:focus-within, [data-id="Form_6_Txt_14"] .k-input:focus-within, [data-id="Form_6_Dt_2"] .k-datepicker:focus-within, #Form_6_Txt_16:focus { border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0,105,180,.10), inset 3px 0 0 rgba(241,136,0,.60) !important; } /* ===================================================================== NUMUNE AL ===================================================================== */ [id="a9d5ebc8-c1d9-47f2-bc52-0b915ebe3b73"] { align-self: end !important; /* Etiket olmadığı için label yüksekliği kadar aşağı al */ padding-top: 26px !important; } [data-id="Form_6_Btn_5"] { height: 36px !important; max-height: 36px !important; } #Form_6_Btn_5 { width: 100% !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F7FBFE 100% ) !important; border: 1px solid #AFCFE5 !important; border-bottom: 2px solid var(--adolin-orange, #F18800) !important; border-radius: 8px !important; color: var(--adolin-blue, #0069B4) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 2px 5px rgba(0,105,180,.06) !important; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important; } #Form_6_Btn_5 .k-button-text { color: inherit !important; font-weight: 700 !important; } #Form_6_Btn_5 .k-button-text::before { content: "↗" !important; color: var(--adolin-orange, #F18800) !important; font-size: 14px !important; font-weight: 800 !important; } #Form_6_Btn_5:hover { background: linear-gradient( 135deg, var(--adolin-blue, #0069B4) 0%, var(--adolin-blue-dark, #005CAA) 100% ) !important; border-color: var(--adolin-blue-dark, #005CAA) !important; border-bottom-color: var(--adolin-orange, #F18800) !important; color: #FFFFFF !important; transform: translateY(-1px) !important; box-shadow: 0 5px 13px rgba(0,105,180,.18) !important; } #Form_6_Btn_5:hover .k-button-text::before { color: #FFB24A !important; } /* Teknik buton görünmesin */ [data-id="Form_6_Btn_3"] { display: none !important; } /* ===================================================================== RESPONSIVE ===================================================================== */ @media (max-width: 1220px) { [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: 12px !important; } [id="e819e040-c511-4d4b-97b7-0f4764ab97e4"] { grid-column: 1 / 3 !important; } [id="a9d5ebc8-c1d9-47f2-bc52-0b915ebe3b73"] { grid-column: 3 !important; } } @media (max-width: 760px) { [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row { display: block !important; padding-top: 48px !important; } [id="19b95c03-b527-459d-af2a-d557190e8c14"] + .xrow.row > .xcol { width: 100% !important; margin-bottom: 10px !important; } [id="a9d5ebc8-c1d9-47f2-bc52-0b915ebe3b73"] { padding-top: 0 !important; } } /* ============================================================ ADOLIN - KALİTE KONTROL PLANLAMALARI RAPORU Form_10 ------------------------------------------------------------ SADECE bu rapor ekranının gerçek Form_10 / grid ID'lerini hedefler. Global #s1, #FrmNewForm, .k-grid vb. sınıfları tek başına ezmez. Diğer ekranları kaydırmaz. ============================================================ */ :root{ --adolin-blue:#0069B4; --adolin-blue-dark:#005CAA; --adolin-blue-deep:#29427F; --adolin-orange:#F18800; --adolin-page:#F5F8FB; --adolin-card:#FFFFFF; --adolin-border:#D8E4ED; --adolin-border-soft:#E7EEF4; --adolin-text:#253746; --adolin-muted:#6B7D8C; --adolin-row-hover:#F3F8FC; --adolin-row-selected:#E7F2F9; } /* ============================================================ 1) SAYFA İÇİ ANA BAŞLIK ============================================================ */ #Form_10_Lbl_1{ display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 0 6px 0 !important; color:var(--adolin-blue-deep) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:26px !important; font-weight:700 !important; line-height:34px !important; letter-spacing:-.45px !important; background:transparent !important; border:0 !important; } /* Başlık satırı */ #7c961795-6a49-4eaa-a462-5eac2e0088f2{ position:relative !important; width:100% !important; margin:0 0 12px 0 !important; padding:0 0 8px 0 !important; box-sizing:border-box !important; } #7c961795-6a49-4eaa-a462-5eac2e0088f2::after{ content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important; width:64px !important; height:3px !important; background:var(--adolin-orange) !important; border-radius:4px !important; } /* ============================================================ 2) ÜST AKSİYON ŞERİDİ / YENİ KAYIT ============================================================ */ #98a9da21-7343-419b-b358-a033544fd13e{ width:100% !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; min-height:48px !important; margin:0 0 10px 0 !important; padding:0 !important; box-sizing:border-box !important; } /* Boş label tarafı aksiyon satırında alan kaplamasın */ #8d5b96e5-e560-4577-b129-58968154b52a{ flex:1 1 auto !important; width:auto !important; max-width:none !important; } #acff2fdf-7cb6-45f8-af44-7b56c5e52419{ flex:0 0 170px !important; width:170px !important; max-width:170px !important; padding:0 !important; } /* XPODA absolute li'yi normal akışa al */ [data-id="Form_10_Btn_1"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:36px !important; max-height:36px !important; margin:0 !important; } /* Yeni Kayıt: secondary action */ #Form_10_Btn_1{ width:100% !important; height:36px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#FFFFFF !important; border:1px solid #AFCFE5 !important; border-bottom:2px solid var(--adolin-orange) !important; border-radius:8px !important; color:var(--adolin-blue) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:0 2px 6px rgba(0,105,180,.06) !important; transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease !important; } #Form_10_Btn_1 .k-button-text{ color:inherit !important; font-weight:700 !important; } #Form_10_Btn_1:hover{ background:linear-gradient( 135deg, var(--adolin-blue) 0%, var(--adolin-blue-dark) 100% ) !important; border-color:var(--adolin-blue-dark) !important; border-bottom-color:var(--adolin-orange) !important; color:#FFFFFF !important; transform:translateY(-1px) !important; box-shadow:0 6px 14px rgba(0,105,180,.18) !important; } /* ============================================================ 3) ORTAK RAPOR KARTI YAPISI ============================================================ */ #45e48491-8451-40e2-94dd-2595600c1287, #39e480d5-7f3a-460a-b05f-927c276fae6d{ position:relative !important; width:100% !important; box-sizing:border-box !important; background:var(--adolin-card) !important; border:1px solid var(--adolin-border) !important; border-radius:14px !important; overflow:hidden !important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 10px 26px rgba(37,55,70,.05) !important; } /* Birinci grid kartı */ #45e48491-8451-40e2-94dd-2595600c1287{ padding:44px 0 0 0 !important; margin:0 0 14px 0 !important; } /* İkinci grid kartı */ #39e480d5-7f3a-460a-b05f-927c276fae6d{ padding:44px 0 0 0 !important; margin:0 !important; min-height:150px !important; } /* Kart başlık bantları */ #45e48491-8451-40e2-94dd-2595600c1287::before, #39e480d5-7f3a-460a-b05f-927c276fae6d::before{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:44px !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; padding:0 18px 0 32px !important; background:linear-gradient( 90deg, #F3F9FD 0%, #FFFFFF 70% ) !important; border-bottom:1px solid var(--adolin-border-soft) !important; color:var(--adolin-blue) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12px !important; font-weight:750 !important; letter-spacing:.45px !important; z-index:2 !important; } #45e48491-8451-40e2-94dd-2595600c1287::before{ content:"PLANLAMA KAYITLARI" !important; } #39e480d5-7f3a-460a-b05f-927c276fae6d::before{ content:"SEÇİLEN PLANLAMAYA AİT KRİTERLER" !important; } /* Turuncu başlık vurgusu */ #45e48491-8451-40e2-94dd-2595600c1287::after, #39e480d5-7f3a-460a-b05f-927c276fae6d::after{ content:"" !important; position:absolute !important; top:14px !important; left:17px !important; width:5px !important; height:16px !important; background:var(--adolin-orange) !important; border-radius:5px !important; z-index:3 !important; } /* Kart içindeki xcol */ #7d5445d7-6ac1-4f72-acb6-f65427171cc3, #cf6c1e43-8460-4eff-a2ba-524843965dad{ width:100% !important; max-width:none !important; flex:0 0 100% !important; margin:0 !important; padding:0 !important; } /* Grid li absolute olmasın */ [data-id="Form_10_GridListe_1"], [data-id="Form_10_GridListe_2"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* Birinci grid yüksekliği */ [data-id="Form_10_GridListe_1"]{ height:370px !important; max-height:370px !important; } /* Detay grid içerik kadar büyüsün ama kart çok küçük kalmasın */ [data-id="Form_10_GridListe_2"]{ height:auto !important; min-height:110px !important; max-height:280px !important; } /* ============================================================ 4) GRID ANA GÖRÜNÜMÜ ============================================================ */ #Form_10_GridListe_1, #Form_10_GridListe_2{ width:100% !important; background:#FFFFFF !important; border:0 !important; border-radius:0 !important; color:var(--adolin-text) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12px !important; } /* Üst grid belirli yüksekliği doldursun */ #Form_10_GridListe_1{ height:370px !important; max-height:370px !important; } /* Detay grid */ #Form_10_GridListe_2{ min-height:110px !important; max-height:280px !important; } /* ============================================================ 5) TOOLBAR / SEARCH ============================================================ */ #Form_10_GridListe_1 .k-grid-toolbar, #Form_10_GridListe_2 .k-grid-toolbar{ min-height:46px !important; padding:7px 12px !important; background:#FFFFFF !important; border:0 !important; border-bottom:1px solid var(--adolin-border-soft) !important; } /* Search sağda, kart görünümünde */ #Form_10_GridListe_1 .k-grid-search, #Form_10_GridListe_2 .k-grid-search{ width:235px !important; height:34px !important; background:#F8FBFD !important; border:1px solid #D5E2EB !important; border-radius:8px !important; box-shadow:none !important; color:var(--adolin-text) !important; } #Form_10_GridListe_1 .k-grid-search:focus-within, #Form_10_GridListe_2 .k-grid-search:focus-within{ background:#FFFFFF !important; border-color:var(--adolin-blue) !important; box-shadow:0 0 0 3px rgba(0,105,180,.09) !important; } /* Search metni */ #Form_10_GridListe_1 .k-grid-search .k-input-inner, #Form_10_GridListe_2 .k-grid-search .k-input-inner{ font-size:12px !important; color:var(--adolin-text) !important; } /* Filter ikonu */ #Form_10_GridListe_1 .xpoda-toolbar-filter, #Form_10_GridListe_2 .xpoda-toolbar-filter{ margin-left:10px !important; color:var(--adolin-blue) !important; opacity:.85 !important; cursor:pointer !important; transition: opacity .15s ease, transform .15s ease !important; } #Form_10_GridListe_1 .xpoda-toolbar-filter:hover, #Form_10_GridListe_2 .xpoda-toolbar-filter:hover{ opacity:1 !important; transform:translateY(-1px) !important; } /* ============================================================ 6) GRID HEADER ============================================================ */ #Form_10_GridListe_1 .k-grid-header, #Form_10_GridListe_2 .k-grid-header{ background:#F2F7FB !important; border:0 !important; border-bottom:1px solid #D9E5EE !important; } #Form_10_GridListe_1 .k-grid-header-table, #Form_10_GridListe_2 .k-grid-header-table, #Form_10_GridListe_1 .k-table-thead, #Form_10_GridListe_2 .k-table-thead{ background:#F2F7FB !important; } #Form_10_GridListe_1 .k-table-th, #Form_10_GridListe_2 .k-table-th, #Form_10_GridListe_1 th.k-header, #Form_10_GridListe_2 th.k-header{ height:38px !important; padding:8px 10px !important; background:#F2F7FB !important; border-color:#DDE7EF !important; color:#2F485B !important; font-size:11.5px !important; font-weight:700 !important; vertical-align:middle !important; } #Form_10_GridListe_1 .k-column-title, #Form_10_GridListe_2 .k-column-title{ color:#2F485B !important; font-size:11.5px !important; font-weight:700 !important; } /* Kolon menüsü */ #Form_10_GridListe_1 .k-grid-header-menu, #Form_10_GridListe_2 .k-grid-header-menu{ color:var(--adolin-blue) !important; opacity:.45 !important; transition:opacity .15s ease !important; } #Form_10_GridListe_1 .k-table-th:hover .k-grid-header-menu, #Form_10_GridListe_2 .k-table-th:hover .k-grid-header-menu{ opacity:1 !important; } /* ============================================================ 7) GRID CONTENT / SATIRLAR ============================================================ */ #Form_10_GridListe_1 .k-grid-content, #Form_10_GridListe_2 .k-grid-content{ background:#FFFFFF !important; } /* Top grid content height */ #Form_10_GridListe_1 .k-grid-content{ height:calc(100% - 85px) !important; max-height:none !important; } /* Detay grid scroll gerekiyorsa */ #Form_10_GridListe_2 .k-grid-content{ max-height:210px !important; overflow:auto !important; } #Form_10_GridListe_1 .k-table-row, #Form_10_GridListe_2 .k-table-row, #Form_10_GridListe_1 .k-table-alt-row, #Form_10_GridListe_2 .k-table-alt-row, #Form_10_GridListe_1 .k-alt, #Form_10_GridListe_2 .k-alt{ background:#FFFFFF !important; } /* Zebra yerine temiz beyaz; hover daha modern */ #Form_10_GridListe_1 .k-table-td, #Form_10_GridListe_2 .k-table-td{ min-height:38px !important; padding:9px 11px !important; background:#FFFFFF !important; border-color:#E6EDF3 !important; color:var(--adolin-text) !important; font-size:12px !important; line-height:1.35 !important; vertical-align:middle !important; transition: background-color .12s ease, box-shadow .12s ease !important; } /* Hover */ #Form_10_GridListe_1 .k-table-row:hover .k-table-td, #Form_10_GridListe_2 .k-table-row:hover .k-table-td{ background:var(--adolin-row-hover) !important; } /* Seçili satır - MOR YOK */ #Form_10_GridListe_1 tr.k-selected .k-table-td, #Form_10_GridListe_1 .k-selected .k-table-td, #Form_10_GridListe_1 tr.k-state-selected .k-table-td, #Form_10_GridListe_2 tr.k-selected .k-table-td, #Form_10_GridListe_2 .k-selected .k-table-td, #Form_10_GridListe_2 tr.k-state-selected .k-table-td{ background:var(--adolin-row-selected) !important; color:#203644 !important; box-shadow:inset 3px 0 0 var(--adolin-orange) !important; } /* Seçili hücrede ayrı mor/efekt oluşmasın */ #Form_10_GridListe_1 .k-selected .k-table-td:focus, #Form_10_GridListe_2 .k-selected .k-table-td:focus, #Form_10_GridListe_1 .k-table-td:focus, #Form_10_GridListe_2 .k-table-td:focus{ outline:none !important; } /* Uzun stok isimleri düzgün kırılsın */ #Form_10_GridListe_1 .k-table-td, #Form_10_GridListe_2 .k-table-td{ white-space:normal !important; word-break:break-word !important; } /* ============================================================ 8) KRİTİK DEĞER CHECKBOX Purple yerine ADOLIN mavi ============================================================ */ #Form_10_GridListe_2 input.k-checkbox{ width:17px !important; height:17px !important; accent-color:var(--adolin-blue) !important; } #Form_10_GridListe_2 input.k-checkbox:checked{ background-color:var(--adolin-blue) !important; border-color:var(--adolin-blue) !important; } /* ============================================================ 9) SCROLLBAR ============================================================ */ #Form_10_GridListe_1 .k-grid-content::-webkit-scrollbar, #Form_10_GridListe_2 .k-grid-content::-webkit-scrollbar{ width:9px !important; height:9px !important; } #Form_10_GridListe_1 .k-grid-content::-webkit-scrollbar-track, #Form_10_GridListe_2 .k-grid-content::-webkit-scrollbar-track{ background:#F4F7F9 !important; } #Form_10_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb, #Form_10_GridListe_2 .k-grid-content::-webkit-scrollbar-thumb{ background:#B8CBD8 !important; border:2px solid #F4F7F9 !important; border-radius:20px !important; } /* ============================================================ 10) BOŞ ALT ROW'LAR ============================================================ */ #1c691ac7-b8ec-46fe-a3fb-2e95613d981c, #8f1fb147-6c80-44a9-b1ed-a93390856ca9, #2fabce11-97ab-44f6-b0f5-ef207890f01b{ display:none !important; } /* ============================================================ 11) RESPONSIVE ============================================================ */ @media(max-width:1100px){ #Form_10_GridListe_1 .k-grid-search, #Form_10_GridListe_2 .k-grid-search{ width:190px !important; } #acff2fdf-7cb6-45f8-af44-7b56c5e52419{ flex-basis:150px !important; width:150px !important; max-width:150px !important; } } @media(max-width:760px){ #Form_10_Lbl_1{ font-size:22px !important; } #98a9da21-7343-419b-b358-a033544fd13e{ justify-content:stretch !important; } #8d5b96e5-e560-4577-b129-58968154b52a{ display:none !important; } #acff2fdf-7cb6-45f8-af44-7b56c5e52419{ flex:1 1 100% !important; width:100% !important; max-width:none !important; } #Form_10_GridListe_1 .k-grid-toolbar, #Form_10_GridListe_2 .k-grid-toolbar{ flex-wrap:wrap !important; gap:6px !important; } #Form_10_GridListe_1 .k-grid-search, #Form_10_GridListe_2 .k-grid-search{ width:100% !important; } } /* ============================================================ XPODA - KALİTE KONTROL PLANLAMA TANIMLAMA MODERN UI / ADOLIN Form_1 ekranına özeldir. JS/Kendo davranışını değiştirmez. ============================================================ */ :root{ --adolin-blue:#0069B4; --adolin-blue-dark:#005CAA; --adolin-deep:#29427F; --adolin-light:#0785C8; --adolin-orange:#F18800; --adolin-bg:#F5F8FB; --adolin-card:#FFFFFF; --adolin-border:#D8E4ED; --adolin-border-soft:#E7EEF4; --adolin-text:#253746; } /* PAGE */ #myTabContent1,#s1{background:var(--adolin-bg)!important;} #s1{box-sizing:border-box!important;padding:18px 20px 26px!important;} /* MAIN TITLE */ [id="d6a6f9f9-9443-4b05-b793-d8e2a3d93b77"]{ position:relative!important;width:100%!important;height:48px!important; min-height:48px!important;margin:0 0 12px!important;padding:0!important; } [id="d6a6f9f9-9443-4b05-b793-d8e2a3d93b77"]> [id="5c07b4ce-c588-4c3a-a666-78927e2d0f57"]{ width:100%!important;max-width:none!important;padding:0!important; } [data-id="Form_1_Lbl_1"]{ position:relative!important;width:100%!important;max-width:none!important; height:42px!important;max-height:42px!important;top:auto!important;left:auto!important;margin:0!important; } #s1 .lbl-main{ display:block!important;width:100%!important;height:auto!important; margin:0!important;padding:0 0 5px!important;background:transparent!important; background-image:none!important;border:0!important;border-radius:0!important; color:var(--adolin-deep)!important;font-family:"Segoe UI",Arial,sans-serif!important; font-size:25px!important;font-weight:700!important;line-height:34px!important; letter-spacing:-.45px!important;text-align:left!important; } [data-id="Form_1_Lbl_1"]::after{ content:""!important;position:absolute!important;left:0!important;bottom:0!important; width:64px!important;height:3px!important;background:var(--adolin-orange)!important;border-radius:4px!important; } /* TARGET ROW RESET */ [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"], [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"], [id="05574481-485a-403c-918a-db7767c1b719"], [id="cdeaa4d5-ae7a-4750-9e5e-59dc7be33b3c"]{ margin-left:0!important;margin-right:0!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]>.xcol, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"]>.xcol, [id="05574481-485a-403c-918a-db7767c1b719"]>.xcol, [id="cdeaa4d5-ae7a-4750-9e5e-59dc7be33b3c"]>.xcol{ width:auto!important;max-width:none!important;flex:none!important; padding-left:0!important;padding-right:0!important;box-sizing:border-box!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]>.xcol, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"]>.xcol, [id="05574481-485a-403c-918a-db7767c1b719"]>.xcol{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] li.octopusitem, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] li.octopusitem, [id="05574481-485a-403c-918a-db7767c1b719"] li.octopusitem{ position:relative!important;width:100%!important;max-width:none!important; top:auto!important;left:auto!important;margin:0!important;box-sizing:border-box!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] li[data-octopus-type="1"], [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] li[data-octopus-type="1"], [id="05574481-485a-403c-918a-db7767c1b719"] li[data-octopus-type="1"]{ height:24px!important;max-height:24px!important;margin-bottom:5px!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .lbl, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .lbl, [id="05574481-485a-403c-918a-db7767c1b719"] .lbl{ margin:0!important;padding:0!important;color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important;font-size:12.5px!important; font-weight:650!important;line-height:22px!important;text-align:left!important; } /* INPUTS */ [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-input, [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-combobox, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-input, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-combobox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-input, [id="05574481-485a-403c-918a-db7767c1b719"] .k-combobox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-textbox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-numerictextbox{ background:#fff!important;border:1px solid #D6E1EA!important;border-radius:8px!important; box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] li[data-octopus-type="7"], [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] li[data-octopus-type="7"], [id="05574481-485a-403c-918a-db7767c1b719"] li[data-octopus-type="7"], [id="05574481-485a-403c-918a-db7767c1b719"] li[data-octopus-type="2"], [id="05574481-485a-403c-918a-db7767c1b719"] li[data-octopus-type="3"]{ height:40px!important;max-height:40px!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-input, [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-combobox, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-input, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-combobox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-input, [id="05574481-485a-403c-918a-db7767c1b719"] .k-combobox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-textbox, [id="05574481-485a-403c-918a-db7767c1b719"] .k-numerictextbox{ min-height:40px!important;height:40px!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-input-inner, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-input-inner, [id="05574481-485a-403c-918a-db7767c1b719"] .k-input-inner{ color:var(--adolin-text)!important;font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important;padding-left:11px!important;padding-right:11px!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-input:focus-within, [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-combobox:focus-within, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-input:focus-within, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-combobox:focus-within, [id="05574481-485a-403c-918a-db7767c1b719"] .k-input:focus-within, [id="05574481-485a-403c-918a-db7767c1b719"] .k-combobox:focus-within, [id="05574481-485a-403c-918a-db7767c1b719"] .k-textbox:focus-within, [id="05574481-485a-403c-918a-db7767c1b719"] .k-numerictextbox:focus-within{ border-color:var(--adolin-blue)!important;box-shadow:0 0 0 3px rgba(0,105,180,.10)!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"] .k-input-button, [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"] .k-input-button, [id="05574481-485a-403c-918a-db7767c1b719"] .k-combobox .k-input-button{ background:#F3F8FC!important;border:0!important;border-left:1px solid #DCE6ED!important; color:var(--adolin-blue)!important; } /* TANIM BİLGİLERİ CARD */ [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]{ position:relative!important;display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important; width:100%!important;box-sizing:border-box!important;padding:54px 18px 12px!important; background:var(--adolin-card)!important;border:1px solid var(--adolin-border)!important; border-bottom:0!important;border-radius:14px 14px 0 0!important; box-shadow:0 2px 5px rgba(37,55,70,.025),0 9px 24px rgba(37,55,70,.045)!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]::before, [id="05574481-485a-403c-918a-db7767c1b719"]::before{ position:absolute!important;top:0!important;left:0!important;right:0!important;height:42px!important; display:flex!important;align-items:center!important;box-sizing:border-box!important; padding:0 18px 0 32px!important;background:linear-gradient(90deg,#F3F9FD 0%,#fff 62%)!important; border-bottom:1px solid var(--adolin-border-soft)!important;border-radius:14px 14px 0 0!important; color:var(--adolin-blue)!important;font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important;font-weight:750!important;letter-spacing:.45px!important; } [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]::before{content:"TANIM BİLGİLERİ"!important;} [id="05574481-485a-403c-918a-db7767c1b719"]::before{content:"KONTROL KRİTERİ"!important;} [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]::after, [id="05574481-485a-403c-918a-db7767c1b719"]::after{ content:""!important;position:absolute!important;top:13px!important;left:17px!important; width:5px!important;height:16px!important;background:var(--adolin-orange)!important;border-radius:5px!important; } [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"]{ width:100%!important;box-sizing:border-box!important;padding:3px 18px 18px!important; margin-top:0!important;margin-bottom:16px!important;background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important;border-top:0!important; border-radius:0 0 14px 14px!important;box-shadow:0 7px 20px rgba(37,55,70,.045)!important; } [id="f3071e5e-98ba-4e9a-8eae-7b25e1d607b7"]> [id="0d1e91fe-2dae-4ad3-b807-d8aa65b100ff"]{width:100%!important;} /* KONTROL KRİTERİ CARD */ [id="05574481-485a-403c-918a-db7767c1b719"]{ position:relative!important;display:grid!important; grid-template-columns:minmax(185px,1.15fr) 44px minmax(210px,1.35fr) minmax(135px,.95fr) minmax(135px,.95fr) minmax(105px,.7fr) 110px minmax(165px,.95fr)!important; gap:14px!important;align-items:end!important;width:100%!important;box-sizing:border-box!important; padding:54px 18px 18px!important;margin-bottom:16px!important;background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important;border-radius:14px!important; box-shadow:0 2px 5px rgba(37,55,70,.025),0 9px 24px rgba(37,55,70,.045)!important; } /* Eski yeşil + gizlenir; ayrı + butonu kullanılır */ [data-id="Form_1_Lbl_5"] .md-add-circle, [data-id="Form_1_Lbl_5"] .iconlabelright{display:none!important;} [id="cd0a8207-8243-4b7b-946e-93d09e8ba4c4"], [id="62827cd4-d924-4393-a129-1ff20662a517"]{padding-top:29px!important;} [data-id="Form_1_Btn_2"],[data-id="Form_1_Btn_1"]{height:40px!important;max-height:40px!important;} #Form_1_Btn_2{ width:40px!important;height:40px!important;min-width:40px!important;padding:0!important; background:#fff!important;border:1px solid #BFD3E2!important;border-radius:8px!important; color:var(--adolin-blue)!important;box-shadow:none!important;font-size:22px!important;font-weight:500!important; } #Form_1_Btn_2 .k-button-text{color:var(--adolin-blue)!important;font-size:22px!important;line-height:1!important;} #Form_1_Btn_2:hover{background:var(--adolin-blue)!important;border-color:var(--adolin-blue)!important;} #Form_1_Btn_2:hover .k-button-text{color:#fff!important;} [data-id="Form_1_Txt_1"] .k-textbox, [data-id="Form_1_Txt_2"] .k-textbox{width:100%!important;height:40px!important;} [data-id="Form_1_Num_1"],[data-id="Form_1_Num_1"] .k-numerictextbox{width:100%!important;} [data-id="Form_1_Num_1"] .k-spin-button{ background:#F3F8FC!important;border-left:1px solid #DCE6ED!important; } [data-id="Form_1_Num_1"] .k-spinner-increase, [data-id="Form_1_Num_1"] .k-spinner-decrease{ background:transparent!important;color:var(--adolin-blue)!important; } [id="f2b53ee2-6325-47fb-93da-edf2f619305a"]{align-items:flex-start!important;} [data-id="Form_1_Chk_1"]{ width:40px!important;height:40px!important;max-height:40px!important; display:flex!important;align-items:center!important;justify-content:flex-start!important; } #Form_1_Chk_1{width:25px!important;height:25px!important;accent-color:var(--adolin-blue)!important;} /* KAYDET */ #Form_1_Btn_1.btn-save,#Form_1_Btn_1{ width:100%!important;height:40px!important;margin:0!important; background:linear-gradient(135deg,var(--adolin-blue),var(--adolin-blue-dark))!important; border:1px solid #00579F!important;border-bottom:3px solid var(--adolin-orange)!important; border-radius:8px!important;color:#fff!important;opacity:1!important; box-shadow:0 5px 14px rgba(0,105,180,.17)!important;font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important;font-weight:700!important; } #Form_1_Btn_1 .k-button-text{color:#fff!important;font-weight:700!important;} #Form_1_Btn_1:hover{ background:linear-gradient(135deg,#0075BC,#0062A8)!important; transform:translateY(-1px)!important;box-shadow:0 7px 17px rgba(0,105,180,.23)!important; } /* GRID CARD */ [id="cdeaa4d5-ae7a-4750-9e5e-59dc7be33b3c"]{width:100%!important;box-sizing:border-box!important;} [id="cdeaa4d5-ae7a-4750-9e5e-59dc7be33b3c"]> [id="c233c98d-c711-4e38-8865-ef7679a621cd"]{width:100%!important;padding:0!important;} li[data-id="Form_1_GridListe_1"]{ position:relative!important;width:100%!important;max-width:none!important; height:clamp(390px,calc(100vh - 485px),560px)!important;max-height:560px!important; top:auto!important;left:auto!important;margin:0!important; } #Form_1_GridListe_1{ width:100%!important;height:100%!important;max-height:none!important;background:#fff!important; border:1px solid var(--adolin-border)!important;border-radius:14px!important;overflow:hidden!important; box-shadow:0 2px 5px rgba(37,55,70,.025),0 10px 26px rgba(37,55,70,.05)!important; color:var(--adolin-text)!important;font-family:"Segoe UI",Arial,sans-serif!important; } #Form_1_GridListe_1 .k-grid-toolbar{ position:relative!important;display:flex!important;align-items:center!important; height:52px!important;min-height:52px!important;box-sizing:border-box!important; padding:8px 12px 8px 17px!important;background:linear-gradient(90deg,#F3F9FD,#fff 60%)!important; border:0!important;border-bottom:1px solid var(--adolin-border-soft)!important; } #Form_1_GridListe_1 .k-grid-toolbar::before{ content:"TANIMLI KALİTE KONTROL KRİTERLERİ"!important;position:relative!important; display:flex!important;align-items:center!important;height:32px!important;padding-left:15px!important; margin-right:18px!important;color:var(--adolin-blue)!important;font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important;font-weight:750!important;letter-spacing:.42px!important; } #Form_1_GridListe_1 .k-grid-toolbar::after{ content:""!important;position:absolute!important;top:18px!important;left:17px!important; width:5px!important;height:16px!important;background:var(--adolin-orange)!important;border-radius:5px!important; } #Form_1_GridListe_1 .k-grid-toolbar .k-spacer{display:block!important;flex:1 1 auto!important;} #Form_1_GridListe_1 .k-grid-search{ width:235px!important;height:32px!important;margin:0!important;background:#F7FAFC!important; border:1px solid #DCE5EC!important;border-radius:8px!important;box-shadow:none!important; } #Form_1_GridListe_1 .k-grid-search:focus-within{ background:#fff!important;border-color:var(--adolin-blue)!important; box-shadow:0 0 0 3px rgba(0,105,180,.10)!important; } #Form_1_GridListe_1 .xpoda-toolbar-filter{ margin-left:8px!important;padding:7px!important;border-radius:7px!important;color:var(--adolin-blue)!important; } #Form_1_GridListe_1 .xpoda-toolbar-filter:hover{background:#EEF6FB!important;color:var(--adolin-blue-dark)!important;} #Form_1_GridListe_1 .k-grid-header, #Form_1_GridListe_1 .k-grid-header-table, #Form_1_GridListe_1 .k-table-th, #Form_1_GridListe_1 th.k-header{background:#F3F8FC!important;} #Form_1_GridListe_1 .k-grid-header{ border:0!important;border-bottom:1px solid #D8E5EF!important; } #Form_1_GridListe_1 .k-table-th, #Form_1_GridListe_1 th.k-header{ color:#30485B!important;border-color:#DFE8EF!important;font-size:12px!important; font-weight:700!important;vertical-align:middle!important; } #Form_1_GridListe_1 .k-column-title{color:#30485B!important;font-size:12px!important;font-weight:700!important;} #Form_1_GridListe_1 .k-grid-header-menu{color:var(--adolin-blue)!important;opacity:.48!important;} #Form_1_GridListe_1 .k-table-th:hover .k-grid-header-menu{opacity:1!important;} #Form_1_GridListe_1 .k-grid-content{ height:calc(100% - 88px)!important;max-height:none!important;background:#fff!important; } #Form_1_GridListe_1 .k-table-row, #Form_1_GridListe_1 .k-table-alt-row, #Form_1_GridListe_1 .k-alt{background:#fff!important;} #Form_1_GridListe_1 .k-table-td{ color:var(--adolin-text)!important;background:#fff!important;border-color:#E9EFF4!important; font-size:12.5px!important;vertical-align:middle!important; } #Form_1_GridListe_1 .k-table-row:hover, #Form_1_GridListe_1 .k-table-row:hover .k-table-td{background:#F2F8FC!important;} #Form_1_GridListe_1 .k-selected .k-table-td, #Form_1_GridListe_1 .k-state-selected .k-table-td, #Form_1_GridListe_1 .k-state-selected td{background:#E7F2F9!important;color:#203644!important;} /* RESPONSIVE */ @media(max-width:1350px){ [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } [id="05574481-485a-403c-918a-db7767c1b719"]{ grid-template-columns:minmax(180px,1fr) 44px minmax(220px,1.25fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(105px,.65fr) 100px!important; } [id="62827cd4-d924-4393-a129-1ff20662a517"]{ grid-column:6/8!important;padding-top:0!important; } } @media(max-width:980px){ [id="d49bb882-f930-4b21-a9ab-63e9ece36e65"]{grid-template-columns:1fr!important;} [id="05574481-485a-403c-918a-db7767c1b719"]{ grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important; } [id="62827cd4-d924-4393-a129-1ff20662a517"]{grid-column:auto!important;padding-top:29px!important;} #Form_1_GridListe_1 .k-grid-toolbar::before{content:"TANIMLI KRİTERLER"!important;} } @media(max-width:720px){ #s1{padding-left:10px!important;padding-right:10px!important;} [id="05574481-485a-403c-918a-db7767c1b719"]{display:block!important;} [id="05574481-485a-403c-918a-db7767c1b719"]>.xcol{margin-bottom:12px!important;} [id="cd0a8207-8243-4b7b-946e-93d09e8ba4c4"], [id="62827cd4-d924-4393-a129-1ff20662a517"]{padding-top:0!important;} #Form_1_GridListe_1 .k-grid-toolbar::before, #Form_1_GridListe_1 .k-grid-toolbar::after{display:none!important;} #Form_1_GridListe_1 .k-grid-search{width:100%!important;} } /* ============================================================ PLANLAMA ÇAĞIR - TANIM BİLGİLERİ KARTI SAĞ ÜST AKSİYONU ------------------------------------------------------------ HTML: - Buton: Form_1_Btn_3 - Buton kolonu: d22c979d-717e-47b6-ad38-8827ddf7fa62 Buton XPODA'da başlık ile Tanım Bilgileri kartı arasında ayrı bir row olarak üretiliyor. Bu CSS yeni HTML oluşturmadan butonu kartın başlık bölümünün sağ tarafına taşır. ============================================================ */ /* Absolute konumun referansı Form_1 sayfası olsun */ #s1 { position: relative !important; } /* XPODA'nın ayrı kolonunu Tanım Bilgileri başlığı üzerine taşı */ [id="d22c979d-717e-47b6-ad38-8827ddf7fa62"] { position: absolute !important; top: 83px !important; right: 38px !important; left: auto !important; z-index: 20 !important; width: 154px !important; max-width: 154px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; flex: none !important; box-sizing: border-box !important; } /* XPODA inline absolute li ölçülerini temizle */ [data-id="Form_1_Btn_3"] { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; max-width: none !important; height: 32px !important; max-height: 32px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Secondary action görünümü */ #Form_1_Btn_3 { width: 100% !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 13px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F7FBFE 100% ) !important; border: 1px solid #AFCFE5 !important; border-radius: 7px !important; color: var(--adolin-blue, #0069B4) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; opacity: 1 !important; box-shadow: 0 2px 5px rgba(0, 105, 180, .06) !important; cursor: pointer !important; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important; } /* Yazı */ #Form_1_Btn_3 .k-button-text { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; color: var(--adolin-blue, #0069B4) !important; font-weight: 700 !important; line-height: 1 !important; } /* Turuncu çağır / yenile ikonu */ #Form_1_Btn_3 .k-button-text::before { content: "↻" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 17px !important; height: 17px !important; color: var(--adolin-orange, #F18800) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1 !important; } /* Hover */ #Form_1_Btn_3:hover { background: linear-gradient( 135deg, var(--adolin-blue, #0069B4) 0%, var(--adolin-blue-dark, #005CAA) 100% ) !important; border-color: var(--adolin-blue-dark, #005CAA) !important; color: #FFFFFF !important; box-shadow: 0 5px 13px rgba(0, 105, 180, .18) !important; transform: translateY(-1px) !important; } #Form_1_Btn_3:hover .k-button-text { color: #FFFFFF !important; } /* Hover'da turuncu firma vurgusu devam etsin */ #Form_1_Btn_3:hover .k-button-text::before { color: #FFB24A !important; } /* Klavye focus */ #Form_1_Btn_3:focus, #Form_1_Btn_3:focus-visible { outline: none !important; border-color: var(--adolin-blue, #0069B4) !important; box-shadow: 0 0 0 3px rgba(0, 105, 180, .11), 0 3px 8px rgba(0, 105, 180, .10) !important; } #Form_1_Btn_3:active { transform: translateY(0) !important; } /* ============================================================ RESPONSIVE - PLANLAMA ÇAĞIR ============================================================ */ @media (max-width: 980px) { [id="d22c979d-717e-47b6-ad38-8827ddf7fa62"] { right: 30px !important; width: 148px !important; max-width: 148px !important; } } @media (max-width: 720px) { [id="d22c979d-717e-47b6-ad38-8827ddf7fa62"] { right: 20px !important; width: 138px !important; max-width: 138px !important; } #Form_1_Btn_3 { padding-left: 9px !important; padding-right: 9px !important; font-size: 11.5px !important; } #Form_1_Btn_3 .k-button-text { gap: 5px !important; } } /* ============================================================ FINAL FIX - KONTROL KRİTERİ / DÖNEMSEL / KAYDET HİZALAMA ------------------------------------------------------------ Yeni Dönemsel alanı eklendiği için bu satır artık 9 eleman: 1 Tip 2 + 3 Parametre 4 İlk Değer 5 İkinci Değer 6 Puan 7 Kritik Değer 8 Dönemsel 9 Kaydet ============================================================ */ [id="05574481-485a-403c-918a-db7767c1b719"] { display: grid !important; grid-template-columns: minmax(180px, 1.15fr) 44px minmax(205px, 1.30fr) minmax(130px, .90fr) minmax(130px, .90fr) minmax(105px, .68fr) 100px 100px minmax(165px, .95fr) !important; column-gap: 14px !important; row-gap: 0 !important; align-items: end !important; } [id="f2b53ee2-6325-47fb-93da-edf2f619305a"], [id="32137bb4-9829-4477-ba00-b061cc3ede04"] { width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; } [data-id="Form_1_Lbl_10"], [data-id="Form_1_Lbl_16"] { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 24px !important; max-height: 24px !important; margin: 0 0 5px 0 !important; padding: 0 !important; } #Form_1_Lbl_10, #Form_1_Lbl_16 { width: 100% !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 24px !important; text-align: center !important; } [data-id="Form_1_Chk_1"], [data-id="Form_1_Chk_2"] { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 40px !important; max-height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: none !important; } [data-id="Form_1_Chk_1"] .k-checkbox-wrap, [data-id="Form_1_Chk_2"] .k-checkbox-wrap { width: 18px !important; height: 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #Form_1_Chk_1, #Form_1_Chk_2 { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; margin: 0 !important; accent-color: var(--adolin-blue, #0069B4) !important; } [id="62827cd4-d924-4393-a129-1ff20662a517"] { grid-column: 9 !important; width: 100% !important; min-width: 0 !important; padding-top: 29px !important; margin: 0 !important; align-self: end !important; } [data-id="Form_1_Btn_1"] { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; } #Form_1_Btn_1 { width: 100% !important; height: 40px !important; } @media (min-width: 981px) and (max-width: 1350px) { [id="05574481-485a-403c-918a-db7767c1b719"] { grid-template-columns: minmax(145px, 1.10fr) 42px minmax(170px, 1.20fr) minmax(110px, .85fr) minmax(110px, .85fr) minmax(90px, .65fr) 86px 86px minmax(140px, .90fr) !important; column-gap: 10px !important; } [id="62827cd4-d924-4393-a129-1ff20662a517"] { grid-column: 9 !important; padding-top: 29px !important; } } @media (max-width: 980px) { [id="05574481-485a-403c-918a-db7767c1b719"] { grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) !important; row-gap: 12px !important; } [id="62827cd4-d924-4393-a129-1ff20662a517"] { grid-column: auto !important; padding-top: 29px !important; } } /* ============================================================ ADOLIN - KALİTE KONTROL RAPORU FORM: Form_11 CLEAN V3 ------------------------------------------------------------ ÖNEMLİ: Bu dosya önceki Form_11 rapor CSS'lerinin TAMAMI yerine kullanılmalı. Eski V1 / V2 / FINAL bloklarını altında bırakmayın. KPI için mevcut custom.js widget kodu aynen kalabilir. ============================================================ */ :root{ --adolin-blue:#0069B4; --adolin-blue-dark:#005A9C; --adolin-blue-deep:#29427F; --adolin-orange:#F18800; --adolin-green:#1B9C67; --adolin-red:#DD514E; --adolin-page:#F5F8FB; --adolin-card:#FFFFFF; --adolin-border:#D8E4ED; --adolin-border-soft:#E7EEF4; --adolin-text:#253746; --adolin-muted:#6B7D8C; --adolin-hover:#F4F9FC; --adolin-selected:#E7F2F9; --adolin-shadow: 0 2px 5px rgba(37,55,70,.025), 0 10px 26px rgba(37,55,70,.055); } /* ============================================================ 1) SAYFA BAŞLIĞI ============================================================ */ [data-id="Form_11_Lbl_1"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:auto !important; max-height:none !important; margin:0 0 18px 0 !important; } [octopus-id="Form_11_Lbl_1"]{ display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 0 9px 0 !important; position:relative !important; background:transparent !important; border:0 !important; color:var(--adolin-blue-deep) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:26px !important; font-weight:700 !important; line-height:34px !important; letter-spacing:-.4px !important; text-align:left !important; } [data-id="Form_11_Lbl_1"]::after{ content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important; width:68px !important; height:3px !important; background:var(--adolin-orange) !important; border-radius:4px !important; } /* ============================================================ 2A) RAPOR TARİH FİLTRESİ ============================================================ */ [id="4133dff4-2709-4a9e-bb47-fac8f41f7e58"]{ position:relative !important; display:grid !important; grid-template-columns:minmax(220px,260px) minmax(220px,260px) minmax(0,1fr) !important; column-gap:14px !important; align-items:end !important; width:100% !important; min-height:106px !important; box-sizing:border-box !important; margin:0 0 16px 0 !important; padding:50px 16px 14px 16px !important; background:linear-gradient(90deg,#FFFFFF 0%,#FBFDFE 100%) !important; border:1px solid var(--adolin-border) !important; border-radius:14px !important; box-shadow:0 2px 5px rgba(37,55,70,.02),0 8px 22px rgba(37,55,70,.045) !important; overflow:hidden !important; } [id="4133dff4-2709-4a9e-bb47-fac8f41f7e58"]::before{ content:"RAPOR TARİH ARALIĞI" !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:42px !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; padding:0 16px 0 32px !important; background:linear-gradient(90deg,#F3F9FD 0%,#FAFCFE 55%,#FFFFFF 100%) !important; border-bottom:1px solid var(--adolin-border-soft) !important; color:var(--adolin-blue) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:11.5px !important; font-weight:800 !important; letter-spacing:.5px !important; z-index:3 !important; } [id="4133dff4-2709-4a9e-bb47-fac8f41f7e58"]::after{ content:"" !important; position:absolute !important; top:12px !important; left:16px !important; width:5px !important; height:18px !important; background:var(--adolin-orange) !important; border-radius:5px !important; z-index:4 !important; } [id="8aaa42f8-5699-43f8-a54d-46c5889326b0"], [id="1db086d8-5087-4c5a-8fbf-1fb89555f5e1"]{ position:relative !important; display:flex !important; flex-direction:column !important; width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important; min-height:0 !important; flex:none !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; } [data-id="Form_11_Lbl_7"], [data-id="Form_11_Lbl_8"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:auto !important; max-height:none !important; margin:0 0 6px 0 !important; padding:0 !important; } [octopus-id="Form_11_Lbl_7"], [octopus-id="Form_11_Lbl_8"]{ display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; color:#2E4455 !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12px !important; font-weight:700 !important; line-height:17px !important; text-align:left !important; } [data-id="Form_11_Dt_1"], [data-id="Form_11_Dt_2"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:38px !important; max-height:38px !important; margin:0 !important; padding:0 !important; } [data-id="Form_11_Dt_1"] > .k-datepicker, [data-id="Form_11_Dt_2"] > .k-datepicker, [data-id="Form_11_Dt_1"] > .k-input, [data-id="Form_11_Dt_2"] > .k-input{ display:flex !important; width:100% !important; height:38px !important; box-sizing:border-box !important; background:#FFFFFF !important; border:1px solid #CEDDE8 !important; border-radius:9px !important; box-shadow:none !important; overflow:hidden !important; transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease !important; } [data-id="Form_11_Dt_1"] > .k-datepicker:focus-within, [data-id="Form_11_Dt_2"] > .k-datepicker:focus-within, [data-id="Form_11_Dt_1"] > .k-input:focus-within, [data-id="Form_11_Dt_2"] > .k-input:focus-within{ background:#FFFFFF !important; border-color:var(--adolin-blue) !important; box-shadow:0 0 0 3px rgba(0,105,180,.08) !important; } #Form_11_Dt_1, #Form_11_Dt_2{ height:36px !important; box-sizing:border-box !important; padding:0 10px !important; background:transparent !important; color:var(--adolin-text) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12px !important; } [data-id="Form_11_Dt_1"] .k-input-button, [data-id="Form_11_Dt_2"] .k-input-button{ width:38px !important; min-width:38px !important; height:36px !important; margin:0 !important; padding:0 !important; background:#F3F8FC !important; border:0 !important; border-left:1px solid #DCE7EF !important; border-radius:0 !important; color:var(--adolin-blue) !important; box-shadow:none !important; } [data-id="Form_11_Dt_1"] .k-input-button:hover, [data-id="Form_11_Dt_2"] .k-input-button:hover{ background:#E9F4FB !important; color:var(--adolin-blue-dark) !important; } [id="e3324944-fc98-450c-8d91-ca32273632b9"]{ margin-top:0 !important; } @media(max-width:760px){ [id="4133dff4-2709-4a9e-bb47-fac8f41f7e58"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media(max-width:520px){ [id="4133dff4-2709-4a9e-bb47-fac8f41f7e58"]{ grid-template-columns:1fr !important; row-gap:12px !important; } } /* ============================================================ 2) KPI WIDGET ALANI ============================================================ */ [id="e3324944-fc98-450c-8d91-ca32273632b9"]{ display:grid !important; grid-template-columns: repeat(5,minmax(150px,1fr)) !important; gap:14px !important; width:100% !important; margin:0 0 22px 0 !important; padding:0 !important; } [id="e3324944-fc98-450c-8d91-ca32273632b9"] > .xcol{ width:auto !important; max-width:none !important; min-width:0 !important; flex:none !important; padding:0 !important; margin:0 !important; } [data-id="Form_11_Lbl_2"], [data-id="Form_11_Lbl_3"], [data-id="Form_11_Lbl_4"], [data-id="Form_11_Lbl_5"], [data-id="Form_11_Lbl_6"]{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:94px !important; max-height:94px !important; margin:0 !important; } /* KPI kart */ [octopus-id="Form_11_Lbl_2"], [octopus-id="Form_11_Lbl_3"], [octopus-id="Form_11_Lbl_4"], [octopus-id="Form_11_Lbl_5"], [octopus-id="Form_11_Lbl_6"]{ --kpi-color:var(--adolin-blue); --kpi-soft:rgba(0,105,180,.09); display:grid !important; grid-template-columns: 50px minmax(0,1fr) !important; align-items:center !important; gap:14px !important; width:100% !important; height:94px !important; box-sizing:border-box !important; margin:0 !important; padding:14px 16px !important; position:relative !important; overflow:hidden !important; background: radial-gradient( circle at 93% 15%, var(--kpi-soft) 0, transparent 38% ), linear-gradient( 180deg, #FFFFFF 0%, #FBFDFE 100% ) !important; border:1px solid var(--adolin-border) !important; border-bottom:3px solid var(--kpi-color) !important; border-radius:15px !important; box-shadow: 0 2px 4px rgba(37,55,70,.025), 0 9px 23px rgba(37,55,70,.06) !important; color:var(--adolin-text) !important; font-family:"Segoe UI",Arial,sans-serif !important; text-align:left !important; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important; } [octopus-id="Form_11_Lbl_2"]{ --kpi-color:#0877BE; --kpi-soft:rgba(8,119,190,.10); } [octopus-id="Form_11_Lbl_3"]{ --kpi-color:#F18800; --kpi-soft:rgba(241,136,0,.11); } [octopus-id="Form_11_Lbl_4"]{ --kpi-color:#1B9C67; --kpi-soft:rgba(27,156,103,.10); } [octopus-id="Form_11_Lbl_5"]{ --kpi-color:#0069B4; --kpi-soft:rgba(0,105,180,.10); } [octopus-id="Form_11_Lbl_6"]{ --kpi-color:#DD514E; --kpi-soft:rgba(221,81,78,.10); } /* Eski sol renk çubuklarını kesin olarak kapat */ [octopus-id="Form_11_Lbl_2"]::before, [octopus-id="Form_11_Lbl_3"]::before, [octopus-id="Form_11_Lbl_4"]::before, [octopus-id="Form_11_Lbl_5"]::before, [octopus-id="Form_11_Lbl_6"]::before{ content:none !important; display:none !important; } [octopus-id="Form_11_Lbl_2"]:hover, [octopus-id="Form_11_Lbl_3"]:hover, [octopus-id="Form_11_Lbl_4"]:hover, [octopus-id="Form_11_Lbl_5"]:hover, [octopus-id="Form_11_Lbl_6"]:hover{ transform:translateY(-2px) !important; box-shadow: 0 12px 28px rgba(37,55,70,.10) !important; } /* KPI ikon */ .kk-kpi-icon{ width:48px !important; height:48px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:13px !important; background:var(--kpi-soft) !important; color:var(--kpi-color) !important; border:1px solid rgba(55,80,100,.08) !important; } .kk-kpi-icon svg{ display:block !important; width:24px !important; height:24px !important; fill:currentColor !important; } /* KPI metin */ .kk-kpi-copy{ min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:4px !important; } .kk-kpi-title{ display:block !important; color:var(--adolin-muted) !important; font-size:11.5px !important; font-weight:650 !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .kk-kpi-value{ display:block !important; color:var(--adolin-blue-deep) !important; font-size:28px !important; font-weight:750 !important; line-height:29px !important; letter-spacing:-.7px !important; } .kk-kpi-value::after{ content:"" !important; display:inline-block !important; width:5px !important; height:5px !important; margin-left:7px !important; vertical-align:middle !important; border-radius:50% !important; background:var(--kpi-color) !important; opacity:.75 !important; } /* ============================================================ 3) RAPOR KARTLARI YERLEŞİMİ ------------------------------------------------------------ Gerçek HTML: sol xcol = b9ea6de3-426b-475f-8b67-c190db58be7a sağ xcol = 67742055-bc92-439d-89d1-925363553845 ------------------------------------------------------------ Başlığı artık GRID li üzerine değil, doğrudan XCOL KARTINA koyuyoruz. Böylece başlık ve liste gerçekten tek kart olur. ============================================================ */ [id="4770551d-66f1-434f-b4a2-318dc90e13e4"]{ display:grid !important; grid-template-columns: minmax(0,1fr) minmax(290px,320px) !important; gap:18px !important; align-items:stretch !important; width:100% !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; } /* Her iki gerçek xcol'u bağımsız kart yap */ [id="b9ea6de3-426b-475f-8b67-c190db58be7a"], [id="67742055-bc92-439d-89d1-925363553845"]{ position:relative !important; display:flex !important; flex-direction:column !important; width:auto !important; max-width:none !important; min-width:0 !important; height:610px !important; min-height:610px !important; box-sizing:border-box !important; margin:0 !important; padding:50px 0 0 0 !important; background:var(--adolin-card) !important; border:1px solid var(--adolin-border) !important; border-radius:15px !important; overflow:hidden !important; box-shadow:var(--adolin-shadow) !important; } /* Kart başlık bandı */ [id="b9ea6de3-426b-475f-8b67-c190db58be7a"]::before, [id="67742055-bc92-439d-89d1-925363553845"]::before{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:50px !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; padding:0 18px 0 34px !important; background: linear-gradient( 90deg, #F3F9FD 0%, #F8FBFD 48%, #FFFFFF 100% ) !important; border-bottom: 1px solid var(--adolin-border-soft) !important; color:var(--adolin-blue) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:11.5px !important; font-weight:800 !important; letter-spacing:.52px !important; z-index:5 !important; } [id="b9ea6de3-426b-475f-8b67-c190db58be7a"]::before{ content:"DEĞERLENDİRME KAYITLARI" !important; } [id="67742055-bc92-439d-89d1-925363553845"]::before{ content:"SEÇİLİ KAYIT DETAYI" !important; } /* Turuncu başlık vurgu çizgisi */ [id="b9ea6de3-426b-475f-8b67-c190db58be7a"]::after, [id="67742055-bc92-439d-89d1-925363553845"]::after{ content:"" !important; position:absolute !important; top:15px !important; left:17px !important; width:5px !important; height:20px !important; background:var(--adolin-orange) !important; border-radius:5px !important; z-index:6 !important; } /* ============================================================ 4) XPODA GRID LI ============================================================ */ [data-id="Form_11_GridListe_1"], [data-id="Form_11_GridListe_2"]{ position:relative !important; top:auto !important; left:auto !important; flex:1 1 auto !important; min-height:0 !important; width:100% !important; max-width:none !important; height:auto !important; max-height:none !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; background:#FFFFFF !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:hidden !important; } /* Eski CSS'ten kalan li pseudo başlıklarını iptal et. Kart başlığı artık xcol üzerinde. */ [data-id="Form_11_GridListe_1"]::before, [data-id="Form_11_GridListe_1"]::after, [data-id="Form_11_GridListe_2"]::before, [data-id="Form_11_GridListe_2"]::after{ content:none !important; display:none !important; } /* ============================================================ 5) GRID ROOT ============================================================ */ #Form_11_GridListe_1, #Form_11_GridListe_2{ display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; max-height:none !important; min-height:0 !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; background:#FFFFFF !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:hidden !important; color:var(--adolin-text) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:12px !important; } /* ============================================================ 6) TOOLBAR / SEARCH ============================================================ */ #Form_11_GridListe_1 .k-grid-toolbar, #Form_11_GridListe_2 .k-grid-toolbar{ flex:0 0 54px !important; min-height:54px !important; height:54px !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; padding:8px 12px !important; background:#FFFFFF !important; border:0 !important; border-bottom:1px solid var(--adolin-border-soft) !important; } /* Kendo spacer search'i sağda tutar */ #Form_11_GridListe_1 .k-grid-search, #Form_11_GridListe_2 .k-grid-search{ width:220px !important; height:36px !important; background:#F8FBFD !important; border:1px solid #D5E2EB !important; border-radius:9px !important; box-shadow:none !important; color:var(--adolin-text) !important; } #Form_11_GridListe_1 .k-grid-search:focus-within, #Form_11_GridListe_2 .k-grid-search:focus-within{ background:#FFFFFF !important; border-color:var(--adolin-blue) !important; box-shadow: 0 0 0 3px rgba(0,105,180,.08) !important; } #Form_11_GridListe_1 .k-grid-search .k-input-inner, #Form_11_GridListe_2 .k-grid-search .k-input-inner{ color:var(--adolin-text) !important; font-size:12px !important; } /* Toolbar filter */ #Form_11_GridListe_1 .xpoda-toolbar-filter, #Form_11_GridListe_2 .xpoda-toolbar-filter{ margin-left:9px !important; color:var(--adolin-blue) !important; opacity:.82 !important; transition: opacity .15s ease, transform .15s ease !important; } #Form_11_GridListe_1 .xpoda-toolbar-filter:hover, #Form_11_GridListe_2 .xpoda-toolbar-filter:hover{ opacity:1 !important; transform:translateY(-1px) !important; } /* ============================================================ 7) GRID HEADER ============================================================ */ #Form_11_GridListe_1 .k-grid-header, #Form_11_GridListe_2 .k-grid-header{ flex:0 0 auto !important; background:#F1F7FB !important; border:0 !important; border-bottom:1px solid #DCE7EF !important; } #Form_11_GridListe_1 .k-grid-header-table, #Form_11_GridListe_2 .k-grid-header-table, #Form_11_GridListe_1 .k-table-thead, #Form_11_GridListe_2 .k-table-thead{ background:#F1F7FB !important; } #Form_11_GridListe_1 .k-table-th, #Form_11_GridListe_2 .k-table-th, #Form_11_GridListe_1 th.k-header, #Form_11_GridListe_2 th.k-header{ height:42px !important; box-sizing:border-box !important; padding:9px 10px !important; background:#F1F7FB !important; border-color:#DCE7EF !important; color:#294354 !important; font-size:11.5px !important; font-weight:700 !important; vertical-align:middle !important; } /* Başlık metnini filtre ikonu ile üst üste bindirme. */ #Form_11_GridListe_1 .k-cell-inner, #Form_11_GridListe_2 .k-cell-inner{ display:flex !important; align-items:center !important; min-width:0 !important; gap:6px !important; } #Form_11_GridListe_1 .k-link, #Form_11_GridListe_2 .k-link{ min-width:0 !important; flex:1 1 auto !important; } #Form_11_GridListe_1 .k-column-title, #Form_11_GridListe_2 .k-column-title{ display:block !important; min-width:0 !important; color:#294354 !important; font-size:11.5px !important; font-weight:700 !important; line-height:1.25 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #Form_11_GridListe_1 .k-grid-header-menu, #Form_11_GridListe_2 .k-grid-header-menu, #Form_11_GridListe_1 .k-grid-filter-menu, #Form_11_GridListe_2 .k-grid-filter-menu{ flex:0 0 20px !important; width:20px !important; min-width:20px !important; margin:0 !important; color:#0785C8 !important; opacity:.62 !important; } #Form_11_GridListe_1 .k-table-th:hover .k-grid-header-menu, #Form_11_GridListe_2 .k-table-th:hover .k-grid-header-menu, #Form_11_GridListe_1 .k-table-th:hover .k-grid-filter-menu, #Form_11_GridListe_2 .k-table-th:hover .k-grid-filter-menu{ opacity:1 !important; } /* ============================================================ 8) GRID CONTAINER / CONTENT ============================================================ */ #Form_11_GridListe_1 > .k-grid-container, #Form_11_GridListe_2 > .k-grid-container{ flex:1 1 auto !important; min-height:0 !important; overflow:hidden !important; } #Form_11_GridListe_1 .k-grid-content, #Form_11_GridListe_2 .k-grid-content{ width:100% !important; height:100% !important; max-height:none !important; overflow:auto !important; background:#FFFFFF !important; } /* ============================================================ 9) SATIR / HÜCRE ============================================================ */ #Form_11_GridListe_1 .k-table-row, #Form_11_GridListe_2 .k-table-row, #Form_11_GridListe_1 .k-table-alt-row, #Form_11_GridListe_2 .k-table-alt-row, #Form_11_GridListe_1 .k-alt, #Form_11_GridListe_2 .k-alt{ background:#FFFFFF !important; } #Form_11_GridListe_1 .k-table-td, #Form_11_GridListe_2 .k-table-td{ min-height:40px !important; padding:9px 11px !important; background:#FFFFFF !important; border-color:#E7EEF4 !important; color:var(--adolin-text) !important; font-size:12px !important; line-height:1.35 !important; vertical-align:middle !important; white-space:normal !important; word-break:break-word !important; transition:background-color .12s ease !important; } #Form_11_GridListe_1 .k-table-row:hover .k-table-td, #Form_11_GridListe_2 .k-table-row:hover .k-table-td{ background:var(--adolin-hover) !important; } /* Seçili satır */ #Form_11_GridListe_1 tr.k-selected .k-table-td, #Form_11_GridListe_1 .k-selected .k-table-td, #Form_11_GridListe_1 tr.k-state-selected .k-table-td, #Form_11_GridListe_2 tr.k-selected .k-table-td, #Form_11_GridListe_2 .k-selected .k-table-td, #Form_11_GridListe_2 tr.k-state-selected .k-table-td{ background:var(--adolin-selected) !important; color:#203644 !important; box-shadow:none !important; } #Form_11_GridListe_1 tr.k-selected .k-table-td:first-child, #Form_11_GridListe_1 .k-selected .k-table-td:first-child, #Form_11_GridListe_1 tr.k-state-selected .k-table-td:first-child{ box-shadow: inset 4px 0 0 var(--adolin-orange) !important; } /* ============================================================ 10) SCROLLBAR ============================================================ */ #Form_11_GridListe_1 .k-grid-content::-webkit-scrollbar, #Form_11_GridListe_2 .k-grid-content::-webkit-scrollbar{ width:9px !important; height:9px !important; } #Form_11_GridListe_1 .k-grid-content::-webkit-scrollbar-track, #Form_11_GridListe_2 .k-grid-content::-webkit-scrollbar-track{ background:#F4F7F9 !important; } #Form_11_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb, #Form_11_GridListe_2 .k-grid-content::-webkit-scrollbar-thumb{ background:#B8CBD8 !important; border:2px solid #F4F7F9 !important; border-radius:20px !important; } /* ============================================================ 11) RESPONSIVE ============================================================ */ @media(max-width:1250px){ [id="e3324944-fc98-450c-8d91-ca32273632b9"]{ grid-template-columns: repeat(3,minmax(170px,1fr)) !important; } [id="4770551d-66f1-434f-b4a2-318dc90e13e4"]{ grid-template-columns: minmax(0,1fr) minmax(260px,290px) !important; gap:14px !important; } } @media(max-width:900px){ [id="4770551d-66f1-434f-b4a2-318dc90e13e4"]{ grid-template-columns: 1fr !important; } [id="b9ea6de3-426b-475f-8b67-c190db58be7a"]{ height:560px !important; min-height:560px !important; } [id="67742055-bc92-439d-89d1-925363553845"]{ height:280px !important; min-height:280px !important; } } @media(max-width:760px){ [octopus-id="Form_11_Lbl_1"]{ font-size:22px !important; line-height:30px !important; } [id="e3324944-fc98-450c-8d91-ca32273632b9"]{ grid-template-columns: repeat(2,minmax(150px,1fr)) !important; } } @media(max-width:480px){ [id="e3324944-fc98-450c-8d91-ca32273632b9"]{ grid-template-columns: 1fr !important; } #Form_11_GridListe_1 .k-grid-toolbar, #Form_11_GridListe_2 .k-grid-toolbar{ flex-wrap:wrap !important; } #Form_11_GridListe_1 .k-grid-search, #Form_11_GridListe_2 .k-grid-search{ width:100% !important; } } .navbar.default-layout .navbar-brand-wrapper { background: var(--white) !important; } .sidebar /*, .sidebar > .nav .nav-item .collapse*/ { background: linear-gradient(0.50turn, var(--gray), #285792) !important; /* ADOLIN */ } .page-dashboard .navigation ul .nav-item.active, .page-dashboard .navigation ul .nav-item:hover { border-bottom: 2px solid var(--gray) } .sidebar>.nav .nav-item>.nav-link:hover, .sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:hover { background: var(--gray) !important; } .nav.nav-tabs.bordered li a.active { /*background: none!important;*/ border: #F18800 1px solid !important; /* ADOLIN turuncu */ border-bottom: none !important; } /* ============================================================ XPODA - TİP TANIMLAMA KARTI MODERN UI / ADOLIN ------------------------------------------------------------ Form_2 ekranına özeldir. Yeni alan eklemez, JavaScript/Kendo davranışına dokunmaz. ============================================================ */ :root{ --adolin-blue:#0069B4; --adolin-blue-dark:#005CAA; --adolin-blue-deep:#29427F; --adolin-blue-light:#0785C8; --adolin-orange:#F18800; --adolin-page:#F5F8FB; --adolin-card:#FFFFFF; --adolin-border:#D8E4ED; --adolin-border-soft:#E7EEF4; --adolin-text:#253746; --adolin-muted:#667786; } /* ============================================================ 1) SAYFA ============================================================ */ #myTabContent1, #s1{ background:var(--adolin-page)!important; } #s1{ box-sizing:border-box!important; padding:18px 20px 28px!important; } /* Bu küçük kartın tamamı çok yayılmasın */ [id="9d89306a-6503-48b7-add8-0b245e25afcd"], [id="c1f63551-eca8-46bb-9622-767fb117369b"], [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"], [id="bed57396-672e-45fe-8b38-563d13e98d00"], [id="99031c25-08e7-4bba-8a78-c8ef20b992f0"]{ width:min(100%,720px)!important; max-width:720px!important; margin-left:0!important; margin-right:0!important; } /* Bootstrap kolonunu mevcut 4 kolon sınırından kurtar */ [id="9d89306a-6503-48b7-add8-0b245e25afcd"]>.xcol, [id="c1f63551-eca8-46bb-9622-767fb117369b"]>.xcol, [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"]>.xcol, [id="bed57396-672e-45fe-8b38-563d13e98d00"]>.xcol, [id="99031c25-08e7-4bba-8a78-c8ef20b992f0"]>.xcol{ width:100%!important; max-width:none!important; flex:0 0 100%!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } /* ============================================================ 2) ANA BAŞLIK ============================================================ */ [id="9d89306a-6503-48b7-add8-0b245e25afcd"]{ position:relative!important; height:48px!important; min-height:48px!important; margin-bottom:12px!important; } [data-id="Form_2_Lbl_1"]{ position:relative!important; width:100%!important; max-width:none!important; height:42px!important; max-height:42px!important; top:auto!important; left:auto!important; margin:0!important; } #s1 [data-id="Form_2_Lbl_1"] .lbl-main{ display:block!important; width:100%!important; height:auto!important; margin:0!important; padding:0 0 5px 0!important; background:transparent!important; background-image:none!important; border:0!important; color:var(--adolin-blue-deep)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:25px!important; font-weight:700!important; line-height:34px!important; letter-spacing:-.4px!important; text-align:left!important; } [data-id="Form_2_Lbl_1"]::after{ content:""!important; position:absolute!important; left:0!important; bottom:0!important; width:58px!important; height:3px!important; background:var(--adolin-orange)!important; border-radius:4px!important; } /* ============================================================ 3) TİP BİLGİLERİ KARTI Üç ayrı XPODA row'u tek kart gibi görünür. ============================================================ */ /* TIP - kart üst bölümü */ [id="c1f63551-eca8-46bb-9622-767fb117369b"]{ position:relative!important; box-sizing:border-box!important; padding:55px 18px 8px!important; background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important; border-bottom:0!important; border-radius:14px 14px 0 0!important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 8px 20px rgba(37,55,70,.04)!important; } /* Kart başlığı */ [id="c1f63551-eca8-46bb-9622-767fb117369b"]::before{ content:"TİP BİLGİLERİ"!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:42px!important; display:flex!important; align-items:center!important; box-sizing:border-box!important; padding:0 18px 0 32px!important; background:linear-gradient( 90deg, #F3F9FD 0%, #FFFFFF 70% )!important; border-bottom:1px solid var(--adolin-border-soft)!important; border-radius:14px 14px 0 0!important; color:var(--adolin-blue)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important; font-weight:750!important; letter-spacing:.45px!important; } /* Turuncu mini vurgu */ [id="c1f63551-eca8-46bb-9622-767fb117369b"]::after{ content:""!important; position:absolute!important; top:13px!important; left:17px!important; width:5px!important; height:16px!important; background:var(--adolin-orange)!important; border-radius:5px!important; } /* YÖNTEM - kart orta bölümü */ [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"]{ box-sizing:border-box!important; padding:2px 18px 8px!important; background:var(--adolin-card)!important; border-left:1px solid var(--adolin-border)!important; border-right:1px solid var(--adolin-border)!important; } /* KAYDET - kart alt bölümü */ [id="bed57396-672e-45fe-8b38-563d13e98d00"]{ box-sizing:border-box!important; padding:4px 18px 18px!important; margin-bottom:16px!important; background:var(--adolin-card)!important; border:1px solid var(--adolin-border)!important; border-top:0!important; border-radius:0 0 14px 14px!important; box-shadow: 0 8px 22px rgba(37,55,70,.05)!important; } /* ============================================================ 4) FORM ELEMANLARINI ABSOLUTE YAPIDAN ÇIKAR ============================================================ */ [id="c1f63551-eca8-46bb-9622-767fb117369b"] li.octopusitem, [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"] li.octopusitem, [id="bed57396-672e-45fe-8b38-563d13e98d00"] li.octopusitem{ position:relative!important; width:100%!important; max-width:none!important; top:auto!important; left:auto!important; margin:0!important; box-sizing:border-box!important; } /* Label satırları */ [id="c1f63551-eca8-46bb-9622-767fb117369b"] li[data-octopus-type="1"], [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"] li[data-octopus-type="1"]{ height:23px!important; max-height:23px!important; margin-bottom:5px!important; } /* Etiketler */ [id="c1f63551-eca8-46bb-9622-767fb117369b"] .lbl, [id="bad26827-9d7a-4a7e-85b1-bb8e3d59cd83"] .lbl{ margin:0!important; padding:0!important; color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; font-weight:650!important; line-height:22px!important; text-align:left!important; } /* Textbox li yüksekliği */ [data-id="Form_2_Txt_1"], [data-id="Form_2_Txt_2"]{ height:40px!important; max-height:40px!important; } /* Textbox wrapper */ [data-id="Form_2_Txt_1"] .k-textbox, [data-id="Form_2_Txt_2"] .k-textbox{ width:100%!important; height:40px!important; min-height:40px!important; background:#FFFFFF!important; border:1px solid #D6E1EA!important; border-radius:8px!important; box-shadow:none!important; transition: border-color .16s ease, box-shadow .16s ease!important; } /* Input içi */ #Form_2_Txt_1, #Form_2_Txt_2{ color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; padding-left:11px!important; padding-right:11px!important; } /* Focus */ [data-id="Form_2_Txt_1"] .k-textbox:focus-within, [data-id="Form_2_Txt_2"] .k-textbox:focus-within{ border-color:var(--adolin-blue)!important; box-shadow: 0 0 0 3px rgba(0,105,180,.10)!important; } /* ============================================================ 5) KAYDET ============================================================ */ [data-id="Form_2_Btn_1"]{ height:40px!important; max-height:40px!important; } #Form_2_Btn_1.btn-save, #Form_2_Btn_1{ width:100%!important; height:40px!important; margin:0!important; background:linear-gradient( 135deg, var(--adolin-blue) 0%, var(--adolin-blue-dark) 100% )!important; border:1px solid #00579F!important; border-bottom:3px solid var(--adolin-orange)!important; border-radius:8px!important; color:#FFFFFF!important; opacity:1!important; box-shadow: 0 5px 14px rgba(0,105,180,.17)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12.5px!important; font-weight:700!important; transition: background .15s ease, transform .15s ease, box-shadow .15s ease!important; } #Form_2_Btn_1 .k-button-text{ color:#FFFFFF!important; font-weight:700!important; } #Form_2_Btn_1:hover{ background:linear-gradient( 135deg, #0075BC 0%, #0062A8 100% )!important; transform:translateY(-1px)!important; box-shadow: 0 7px 17px rgba(0,105,180,.23)!important; } /* ============================================================ 6) GRID KARTI ============================================================ */ [id="99031c25-08e7-4bba-8a78-c8ef20b992f0"]{ box-sizing:border-box!important; } [id="99031c25-08e7-4bba-8a78-c8ef20b992f0"]> [id="60ffbf16-f325-4470-8d65-25b958089081"]{ width:100%!important; max-width:none!important; padding:0!important; } /* XPODA'nın 384x600 absolute grid li'si */ li[data-id="Form_2_GridListe_1"]{ position:relative!important; width:100%!important; max-width:none!important; height:430px!important; max-height:430px!important; top:auto!important; left:auto!important; margin:0!important; } #Form_2_GridListe_1{ width:100%!important; height:100%!important; max-height:none!important; background:#FFFFFF!important; border:1px solid var(--adolin-border)!important; border-radius:14px!important; overflow:hidden!important; box-shadow: 0 2px 5px rgba(37,55,70,.025), 0 10px 26px rgba(37,55,70,.05)!important; color:var(--adolin-text)!important; font-family:"Segoe UI",Arial,sans-serif!important; } /* Toolbar */ #Form_2_GridListe_1 .k-grid-toolbar{ position:relative!important; display:flex!important; align-items:center!important; height:52px!important; min-height:52px!important; box-sizing:border-box!important; padding:8px 12px 8px 17px!important; background:linear-gradient( 90deg, #F3F9FD 0%, #FFFFFF 68% )!important; border:0!important; border-bottom:1px solid var(--adolin-border-soft)!important; } /* Görsel başlık */ #Form_2_GridListe_1 .k-grid-toolbar::before{ content:"TANIMLI TİPLER"!important; position:relative!important; display:flex!important; align-items:center!important; height:32px!important; padding-left:15px!important; margin-right:15px!important; color:var(--adolin-blue)!important; font-family:"Segoe UI",Arial,sans-serif!important; font-size:12px!important; font-weight:750!important; letter-spacing:.42px!important; } /* Toolbar turuncu çizgi */ #Form_2_GridListe_1 .k-grid-toolbar::after{ content:""!important; position:absolute!important; top:18px!important; left:17px!important; width:5px!important; height:16px!important; background:var(--adolin-orange)!important; border-radius:5px!important; } /* Spacer tekrar görünür olsun */ #Form_2_GridListe_1 .k-grid-toolbar .k-spacer{ display:block!important; flex:1 1 auto!important; } /* Arama */ #Form_2_GridListe_1 .k-grid-search{ width:220px!important; height:32px!important; margin:0!important; background:#F7FAFC!important; border:1px solid #DCE5EC!important; border-radius:8px!important; box-shadow:none!important; } #Form_2_GridListe_1 .k-grid-search:focus-within{ background:#FFFFFF!important; border-color:var(--adolin-blue)!important; box-shadow: 0 0 0 3px rgba(0,105,180,.10)!important; } #Form_2_GridListe_1 .k-grid-search .k-input-inner{ color:var(--adolin-text)!important; font-size:12px!important; } /* Filtre */ #Form_2_GridListe_1 .xpoda-toolbar-filter{ margin-left:8px!important; padding:7px!important; border-radius:7px!important; color:var(--adolin-blue)!important; } #Form_2_GridListe_1 .xpoda-toolbar-filter:hover{ background:#EEF6FB!important; color:var(--adolin-blue-dark)!important; } /* Grid header */ #Form_2_GridListe_1 .k-grid-header, #Form_2_GridListe_1 .k-grid-header-table, #Form_2_GridListe_1 .k-table-th, #Form_2_GridListe_1 th.k-header{ background:#F3F8FC!important; } #Form_2_GridListe_1 .k-grid-header{ border:0!important; border-bottom:1px solid #D8E5EF!important; } #Form_2_GridListe_1 .k-table-th, #Form_2_GridListe_1 th.k-header{ color:#30485B!important; border-color:#DFE8EF!important; font-size:12px!important; font-weight:700!important; vertical-align:middle!important; } #Form_2_GridListe_1 .k-column-title{ color:#30485B!important; font-size:12px!important; font-weight:700!important; } #Form_2_GridListe_1 .k-grid-header-menu{ color:var(--adolin-blue)!important; opacity:.48!important; } #Form_2_GridListe_1 .k-table-th:hover .k-grid-header-menu{ opacity:1!important; } /* Grid content */ #Form_2_GridListe_1 .k-grid-content{ height:calc(100% - 88px)!important; max-height:none!important; background:#FFFFFF!important; } #Form_2_GridListe_1 .k-table-row, #Form_2_GridListe_1 .k-table-alt-row, #Form_2_GridListe_1 .k-alt{ background:#FFFFFF!important; } #Form_2_GridListe_1 .k-table-td{ height:36px!important; color:var(--adolin-text)!important; background:#FFFFFF!important; border-color:#E9EFF4!important; font-size:12.5px!important; vertical-align:middle!important; transition:background-color .12s ease!important; } /* Hover */ #Form_2_GridListe_1 .k-table-row:hover, #Form_2_GridListe_1 .k-table-row:hover .k-table-td{ background:#F2F8FC!important; } /* Mevcut mor seçili satırı firma mavisine çek */ #Form_2_GridListe_1 .k-selected .k-table-td, #Form_2_GridListe_1 .k-state-selected .k-table-td, #Form_2_GridListe_1 .k-state-selected td, #Form_2_GridListe_1 tr.k-selected td{ background:#E7F2F9!important; color:#203644!important; } /* Scrollbar */ #Form_2_GridListe_1 .k-grid-content::-webkit-scrollbar{ width:9px!important; height:9px!important; } #Form_2_GridListe_1 .k-grid-content::-webkit-scrollbar-track{ background:#F4F7F9!important; } #Form_2_GridListe_1 .k-grid-content::-webkit-scrollbar-thumb{ background:#B9CAD7!important; border:2px solid #F4F7F9!important; border-radius:20px!important; } /* ============================================================ 7) DAR EKRAN ============================================================ */ @media(max-width:620px){ #s1{ padding-left:12px!important; padding-right:12px!important; } #Form_2_GridListe_1 .k-grid-toolbar::before{ content:"TİP LİSTESİ"!important; } #Form_2_GridListe_1 .k-grid-search{ width:180px!important; } } @media(max-width:480px){ #Form_2_GridListe_1 .k-grid-toolbar::before, #Form_2_GridListe_1 .k-grid-toolbar::after{ display:none!important; } #Form_2_GridListe_1 .k-grid-search{ width:100%!important; } } /* ========================================================= XPODA - ADOLIN NAVIGATION FINAL Sol Menü + Üst Bar + Logo --------------------------------------------------------- Kullanım: - Bu dosyayı mevcut genel / menu CSS dosyalarından SONRA yükleyin. - HTML / JS değişikliği gerektirmez. - #toggle-side-menu mevcut XPODA JS'iyle çalışmaya devam eder. ========================================================= */ :root { --adolin-blue: #0069B4; --adolin-blue-dark: #005CAA; --adolin-blue-deep: #29427F; --adolin-blue-mid: #285792; --adolin-blue-light: #0785C8; --adolin-orange: #F18800; --nav-height: 64px; --sidebar-width: 230px; --chrome-text: #253746; --chrome-muted: #667786; --chrome-border: #DCE6ED; --chrome-soft: #F5F8FB; } /* ========================================================= 1) ÜST NAVBAR - GENEL ========================================================= */ .navbar.default-layout { height: var(--nav-height) !important; min-height: var(--nav-height) !important; background: rgba(255,255,255,.985) !important; border: 0 !important; border-bottom: 1px solid var(--chrome-border) !important; box-shadow: 0 2px 12px rgba(37,55,70,.055) !important; z-index: 1030 !important; } /* ========================================================= 2) LOGO / BRAND ALANI ========================================================= */ .navbar.default-layout .navbar-brand-wrapper { position: relative !important; flex: 0 0 var(--sidebar-width) !important; width: var(--sidebar-width) !important; min-width: var(--sidebar-width) !important; max-width: var(--sidebar-width) !important; height: var(--nav-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; padding: 0 14px !important; margin: 0 !important; background: #FFFFFF !important; border-right: 1px solid var(--chrome-border) !important; overflow: visible !important; } /* Brand alanındaki küçük turuncu imza */ .navbar.default-layout .navbar-brand-wrapper::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: -1px !important; width: 48px !important; height: 3px !important; transform: translateX(-50%) !important; background: var(--adolin-orange) !important; border-radius: 4px 4px 0 0 !important; z-index: 2 !important; } /* Ana logo linki */ .navbar.default-layout .navbar-brand.brand-logo { display: flex !important; align-items: center !important; justify-content: center !important; width: 132px !important; height: 50px !important; box-sizing: border-box !important; margin: 0 !important; padding: 5px 8px !important; background: transparent !important; } /* Logo resmi */ .navbar.default-layout .navbar-brand.brand-logo img { display: block !important; width: auto !important; max-width: 118px !important; height: auto !important; max-height: 39px !important; margin: 0 !important; object-fit: contain !important; border-radius: 4px !important; box-shadow: none !important; } /* Desktop'ta mini logo gizli */ .navbar.default-layout .brand-logo-mini { display: none !important; } /* ========================================================= 3) SOL MENÜ AÇ/KAPAT BUTONU ========================================================= */ #toggle-side-menu { position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: #F2F7FB !important; border: 1px solid #D5E3ED !important; border-radius: 8px !important; color: var(--adolin-blue-deep) !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer !important; box-shadow: none !important; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important; z-index: 5 !important; } #toggle-side-menu:hover { background: var(--adolin-blue) !important; border-color: var(--adolin-blue) !important; color: #FFFFFF !important; } #toggle-side-menu:active { transform: translateY(-50%) scale(.96) !important; } /* ========================================================= 4) NAVBAR SAĞ / ORTA ALAN ========================================================= */ .navbar.default-layout .navbar-menu-wrapper { flex: 1 1 auto !important; width: calc(100% - var(--sidebar-width)) !important; min-width: 0 !important; height: var(--nav-height) !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 18px !important; background: #FFFFFF !important; } /* Sayfa başlığı */ .navbar.default-layout .page-title-header { flex: 0 1 360px !important; min-width: 180px !important; max-width: 360px !important; margin: 0 !important; padding: 0 !important; } .navbar.default-layout .page-title-header > .col-12, .navbar.default-layout .page-title-header .page-header { width: 100% !important; margin: 0 !important; padding: 0 !important; } #form-title-extra { display: block !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: var(--chrome-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 15.5px !important; font-weight: 650 !important; line-height: 1.25 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* ========================================================= 5) MENÜDE ARA ========================================================= */ .navbar.default-layout .search-form { flex: 1 1 440px !important; width: auto !important; max-width: 520px !important; margin: 0 auto !important; padding: 0 18px !important; } .navbar.default-layout #search, .navbar.default-layout #search form { width: 100% !important; margin: 0 !important; padding: 0 !important; } .navbar.default-layout #search .k-autocomplete { width: 100% !important; height: 38px !important; min-height: 38px !important; box-sizing: border-box !important; background: #F8FAFC !important; border: 1px solid #DCE5EC !important; border-radius: 9px !important; box-shadow: none !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important; } .navbar.default-layout #search .k-autocomplete:focus-within { background: #FFFFFF !important; border-color: var(--adolin-blue) !important; box-shadow: 0 0 0 3px rgba(0,105,180,.09) !important; } .navbar.default-layout #search-menu { height: 36px !important; padding-left: 13px !important; padding-right: 34px !important; color: var(--chrome-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; } .navbar.default-layout #search-menu::placeholder { color: #8997A4 !important; opacity: 1 !important; } /* ========================================================= 6) NAVBAR SAĞ İKONLAR ========================================================= */ .navbar.default-layout .navbar-nav.ml-auto { flex: 0 0 auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 5px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .navbar.default-layout .navbar-nav > .nav-item { width: auto !important; margin: 0 !important; padding: 0 !important; } .navbar.default-layout .navbar-nav > .nav-item > .nav-link { min-height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 10px !important; border-radius: 9px !important; color: var(--adolin-blue-deep) !important; transition: background .15s ease, color .15s ease !important; } .navbar.default-layout .navbar-nav > .nav-item > .nav-link:hover { background: #EEF6FB !important; color: var(--adolin-blue) !important; } /* Bildirim */ .navbar.default-layout #activity { width: 40px !important; padding: 0 !important; } .navbar.default-layout #notificationIcon { margin: 0 !important; color: var(--adolin-blue-deep) !important; font-size: 20px !important; } /* Dil alanı */ .navbar.default-layout .language-dropdown > .nav-link { gap: 7px !important; padding-left: 8px !important; padding-right: 9px !important; } .navbar.default-layout .flag-icon-holder { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .navbar.default-layout #img-current-lang { display: block !important; width: 23px !important; height: auto !important; margin: 0 !important; } .navbar.default-layout #txt-current-lang { margin: 0 !important; color: var(--chrome-text) !important; font-size: 12.5px !important; font-weight: 600 !important; } /* Üst profil resmi */ .navbar.default-layout #UserDropdown { width: 44px !important; padding: 0 !important; } .navbar.default-layout #UserDropdown img.img-xs { width: 34px !important; height: 34px !important; object-fit: cover !important; border: 2px solid #E1EAF0 !important; box-shadow: 0 2px 7px rgba(37,55,70,.10) !important; } /* Navbar dropdown'ları */ .navbar.default-layout .navbar-dropdown { margin-top: 9px !important; background: rgba(255,255,255,.99) !important; border: 1px solid var(--chrome-border) !important; border-radius: 11px !important; box-shadow: 0 14px 38px rgba(31,55,72,.14) !important; overflow: hidden !important; } /* ========================================================= 7) SOL MENÜ ANA YAPI ========================================================= */ #sidebar.sidebar { flex: 0 0 var(--sidebar-width) !important; width: var(--sidebar-width) !important; min-width: var(--sidebar-width) !important; max-width: var(--sidebar-width) !important; min-height: calc(100vh - var(--nav-height)) !important; box-sizing: border-box !important; padding: 0 10px 18px !important; background: linear-gradient( 180deg, #233E69 0%, #28527E 58%, #245B8D 100% ) !important; border: 0 !important; border-right: 1px solid rgba(255,255,255,.06) !important; box-shadow: 5px 0 18px rgba(23,45,67,.07) !important; } /* Menü listesi */ #sidebar.sidebar > .nav { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 8) PROFİL KARTI ========================================================= */ #sidebar .nav-profile { width: 100% !important; margin: 0 0 12px !important; padding: 10px 0 12px !important; border-bottom: 1px solid rgba(255,255,255,.11) !important; } #sidebar .nav-profile > .nav-link { position: relative !important; width: 100% !important; height: 64px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 9px 11px !important; background: rgba(255,255,255,.075) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 11px !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } #sidebar .nav-profile .profile-image { position: relative !important; flex: 0 0 38px !important; width: 38px !important; height: 38px !important; margin-right: 10px !important; } #sidebar .nav-profile .profile-image img { width: 38px !important; height: 38px !important; object-fit: cover !important; border: 2px solid rgba(255,255,255,.82) !important; box-shadow: 0 3px 10px rgba(0,0,0,.16) !important; } #sidebar .nav-profile .dot-indicator { right: -1px !important; bottom: 1px !important; width: 9px !important; height: 9px !important; border: 2px solid #294D76 !important; } #sidebar .nav-profile .text-wrapper { min-width: 0 !important; margin: 0 !important; } #sidebar .nav-profile .profile-name { margin: 0 0 2px !important; overflow: hidden !important; color: #FFFFFF !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } #sidebar .nav-profile .designation { margin: 0 !important; overflow: hidden !important; color: rgba(255,255,255,.68) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 500 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* ========================================================= 9) SOL MENÜ ELEMANLARI ========================================================= */ #sidebar .nav > .nav-item:not(.nav-profile) { width: 100% !important; margin: 3px 0 !important; padding: 0 !important; } #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link { position: relative !important; width: 100% !important; min-height: 44px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 9px 11px 9px 12px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 9px !important; color: rgba(255,255,255,.82) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 550 !important; line-height: 1.25 !important; text-decoration: none !important; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important; } /* Menü hover */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link:hover { background: rgba(255,255,255,.09) !important; border-color: rgba(255,255,255,.08) !important; color: #FFFFFF !important; transform: translateX(2px) !important; } /* Aktif menü */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active { background: linear-gradient( 90deg, rgba(0,105,180,.55) 0%, rgba(0,105,180,.24) 100% ) !important; border-color: rgba(255,255,255,.13) !important; color: #FFFFFF !important; box-shadow: 0 4px 12px rgba(7,35,58,.10) !important; } /* Aktif menünün turuncu çizgisi */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; width: 3px !important; height: 0 !important; transform: translateY(-50%) !important; background: transparent !important; border-radius: 0 4px 4px 0 !important; transition: height .15s ease, background .15s ease !important; } #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active::before { height: 24px !important; background: var(--adolin-orange) !important; } /* Menü ikonları */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link > i { flex: 0 0 19px !important; width: 19px !important; margin: 0 8px 0 0 !important; color: rgba(255,255,255,.62) !important; font-size: 12px !important; text-align: center !important; transition: color .15s ease !important; } #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link:hover > i, #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active > i { color: var(--adolin-orange) !important; } /* Menü adı */ #sidebar .menu-title { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; overflow: hidden !important; color: inherit !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* Sağ aksiyon ikonu */ #sidebar .menu-action-icon { flex: 0 0 auto !important; margin-left: 7px !important; color: rgba(255,255,255,.48) !important; transition: color .15s ease !important; } #sidebar .menu-action-icon:hover { color: var(--adolin-orange) !important; } /* ========================================================= 10) MENÜ POPOVER ========================================================= */ #menupopover { padding: 5px 7px !important; background: #FFFFFF !important; border: 1px solid var(--chrome-border) !important; border-radius: 999px !important; box-shadow: 0 12px 28px rgba(27,50,69,.16) !important; } #menupopover button { width: 30px !important; height: 30px !important; margin: 0 2px !important; padding: 0 !important; background: #F7FAFC !important; border: 1px solid #DCE5EC !important; border-radius: 50% !important; color: var(--adolin-blue-deep) !important; box-shadow: none !important; transition: background .15s ease, border-color .15s ease, color .15s ease !important; } #menupopover button:hover { background: var(--adolin-blue) !important; border-color: var(--adolin-blue) !important; color: #FFFFFF !important; } /* ========================================================= 11) ANA PANEL GENİŞLİĞİ Sidebar 230px ile senkron ========================================================= */ .page-body-wrapper { padding-top: var(--nav-height) !important; } .main-panel { width: calc(100% - var(--sidebar-width)) !important; transition: width .20s ease !important; } .main-panel.full-width { width: 100% !important; } /* ========================================================= 12) MOBİL / DAR EKRAN ========================================================= */ @media (max-width: 1199px) { :root { --sidebar-width: 220px; } .navbar.default-layout .page-title-header { flex-basis: 280px !important; max-width: 280px !important; } .navbar.default-layout .search-form { max-width: 400px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 991px) { .navbar.default-layout .navbar-brand-wrapper { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; border-right: 0 !important; } .navbar.default-layout .navbar-brand.brand-logo { display: none !important; } .navbar.default-layout .brand-logo-mini { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin: 0 !important; } .navbar.default-layout .brand-logo-mini img { max-width: 34px !important; max-height: 34px !important; } #toggle-side-menu { display: none !important; } .navbar.default-layout .navbar-menu-wrapper { width: calc(100% - 76px) !important; padding-left: 10px !important; padding-right: 10px !important; } .navbar.default-layout .page-title-header { flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; } #sidebar.sidebar { width: 230px !important; min-width: 230px !important; max-width: 230px !important; } .main-panel { width: 100% !important; } } @media (max-width: 767px) { .navbar.default-layout { height: 60px !important; min-height: 60px !important; } .navbar.default-layout .navbar-brand-wrapper, .navbar.default-layout .navbar-menu-wrapper { height: 60px !important; } .navbar.default-layout .page-title-header { display: none !important; } .navbar.default-layout .navbar-nav { margin-left: auto !important; } .navbar.default-layout #txt-current-lang { display: none !important; } .page-body-wrapper { padding-top: 60px !important; } } /* ========================================================= ADOLIN NAVIGATION V2 - SON GÖRSEL DÜZELTMELER ========================================================= */ /* --------------------------------------------------------- 1) SOL ÜST MENÜ AÇ/KAPAT: Turuncu zemin + mavi ok --------------------------------------------------------- */ #toggle-side-menu { background: #F18800 !important; border-color: #D97A00 !important; color: #29427F !important; box-shadow: 0 4px 12px rgba(241, 136, 0, .20) !important; } #toggle-side-menu::before { color: #29427F !important; } #toggle-side-menu:hover { background: #FFA01A !important; border-color: #E48100 !important; color: #005CAA !important; box-shadow: 0 6px 15px rgba(241, 136, 0, .28) !important; } #toggle-side-menu:hover::before { color: #005CAA !important; } /* --------------------------------------------------------- 2) LOGO ALTINDAKİ TURUNCU ÇİZGİYİ KALDIR --------------------------------------------------------- */ .navbar.default-layout .navbar-brand-wrapper::after { display: none !important; content: none !important; } /* --------------------------------------------------------- 3) SOL MENÜ - DAHA ÖZEL / MODERN NAVIGATION TILE TASARIMI --------------------------------------------------------- */ /* Profil ile menü arasında biraz daha kaliteli ayrım */ #sidebar .nav-profile { margin-bottom: 14px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(255,255,255,.13) !important; } /* Menü itemları artık düz satır değil, küçük navigation kartları */ #sidebar .nav > .nav-item:not(.nav-profile) { margin: 6px 0 !important; } /* Ana menu card */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link { min-height: 52px !important; padding: 9px 10px !important; gap: 10px !important; background: linear-gradient( 135deg, rgba(255,255,255,.060) 0%, rgba(255,255,255,.025) 100% ) !important; border: 1px solid rgba(255,255,255,.065) !important; border-radius: 11px !important; color: rgba(255,255,255,.88) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; transform: translateX(0) !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } /* Eski aktif sol çizgiyi kapatıyoruz. Yeni tasarımda box-shadow içinde kullanacağız. */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link::before { display: none !important; content: none !important; } /* Sol taraftaki 0 / 1 ikonlarını küçük marka badge'ine çevir */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link > i { flex: 0 0 30px !important; width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; background: rgba(255,255,255,.075) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 8px !important; color: #F18800 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important; } /* Menü başlığı - ellipsis yerine iki satıra izin ver */ #sidebar .menu-title { flex: 1 1 auto !important; min-width: 0 !important; display: -webkit-box !important; overflow: hidden !important; color: inherit !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.28 !important; letter-spacing: .08px !important; white-space: normal !important; text-overflow: initial !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } /* Hover */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link:hover { background: linear-gradient( 135deg, rgba(255,255,255,.115) 0%, rgba(255,255,255,.055) 100% ) !important; border-color: rgba(255,255,255,.14) !important; color: #FFFFFF !important; transform: translateX(3px) !important; box-shadow: 0 7px 16px rgba(10,35,61,.10), inset 0 1px 0 rgba(255,255,255,.035) !important; } #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link:hover > i { background: rgba(241,136,0,.14) !important; border-color: rgba(241,136,0,.55) !important; color: #FF9C1A !important; transform: scale(1.04) !important; } /* Aktif menü: diğerlerinden net biçimde ayrışan premium görünüm */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active { background: linear-gradient( 135deg, rgba(0,105,180,.58) 0%, rgba(40,87,146,.30) 100% ) !important; border-color: rgba(255,255,255,.16) !important; color: #FFFFFF !important; transform: translateX(2px) !important; box-shadow: inset 4px 0 0 #F18800, 0 8px 18px rgba(7,34,58,.15), inset 0 1px 0 rgba(255,255,255,.045) !important; } /* Aktif menü badge: turuncu zemin + firma mavisi numara */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active > i { background: #F18800 !important; border-color: #F18800 !important; color: #29427F !important; box-shadow: 0 4px 10px rgba(241,136,0,.17) !important; } /* Aktif menü yazısı biraz daha güçlü */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link.active .menu-title { font-weight: 700 !important; letter-spacing: .10px !important; } /* Menü aksiyon ikonu varsa daha zarif göster */ #sidebar .menu-action-icon { margin-left: 4px !important; color: rgba(255,255,255,.38) !important; } #sidebar .menu-action-icon:hover { color: #F18800 !important; } /* --------------------------------------------------------- 4) PROFİL KARTI - MENÜYLE BİRAZ DAHA UYUMLU --------------------------------------------------------- */ #sidebar .nav-profile > .nav-link { background: linear-gradient( 135deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.055) 100% ) !important; border-color: rgba(255,255,255,.12) !important; box-shadow: 0 5px 14px rgba(9,32,54,.08), inset 0 1px 0 rgba(255,255,255,.045) !important; } /* --------------------------------------------------------- 5) ÜST BAR - LOGO BÖLGESİNİ DAHA TEMİZ TUT --------------------------------------------------------- */ .navbar.default-layout .navbar-brand-wrapper { background: #FFFFFF !important; box-shadow: none !important; } /* Logo kendisi kart gibi görünmesin; marka görseli öne çıksın */ .navbar.default-layout .navbar-brand.brand-logo { padding: 4px 7px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 6) DAR EKRANDA MENÜ YAZISI YİNE 2 SATIR --------------------------------------------------------- */ @media (max-width: 1199px) { #sidebar .menu-title { font-size: 11.7px !important; } } /* ========================================================= ADOLIN NAVIGATION V3 - MENÜ BADGE İKONLARINI TAM ORTALA ========================================================= */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link > i { display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; text-align: center !important; box-sizing: border-box !important; } /* Font Awesome 0 / 1 gibi ikonları karenin geometrik merkezine sabitle */ #sidebar .nav > .nav-item:not(.nav-profile) > .nav-link > i::before { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } /* ========================================================= XPODA / TOASTR - ADOLIN MODERN BİLDİRİMLER --------------------------------------------------------- Genel CSS dosyalarının EN SONUNA yükleyin. ========================================================= */ :root { --adolin-blue: #0069B4; --adolin-blue-dark: #005CAA; --adolin-blue-deep: #29427F; --adolin-orange: #F18800; --toast-text: #253746; --toast-muted: #687986; --toast-border: #D8E4ED; } #toast-container.toast-top-right { top: 78px !important; right: 18px !important; } #toast-container > div { position: relative !important; width: 390px !important; max-width: calc(100vw - 36px) !important; min-height: 86px !important; box-sizing: border-box !important; margin: 0 0 10px 0 !important; padding: 15px 46px 15px 56px !important; overflow: hidden !important; background: rgba(255, 255, 255, .985) !important; background-image: none !important; border: 1px solid var(--toast-border) !important; border-radius: 12px !important; color: var(--toast-text) !important; opacity: 1 !important; box-shadow: 0 14px 38px rgba(29, 52, 68, .16), 0 3px 10px rgba(29, 52, 68, .07) !important; font-family: "Segoe UI", Arial, sans-serif !important; cursor: pointer !important; } #toast-container > div::before { position: absolute !important; top: 17px !important; left: 15px !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; } #toast-container > .toast-info::before { content: "i" !important; background: #EEF6FB !important; border: 1px solid #C7DFEF !important; color: var(--adolin-blue) !important; } #toast-container > .toast-success::before { content: "✓" !important; background: #EEF6FB !important; border: 1px solid #C7DFEF !important; color: var(--adolin-blue) !important; } #toast-container > .toast-warning::before { content: "!" !important; background: #FFF5E8 !important; border: 1px solid #F5D6A9 !important; color: #C96B00 !important; } #toast-container > .toast-error::before { content: "!" !important; background: #FFF1F0 !important; border: 1px solid #EECBC8 !important; color: #B84B43 !important; } #toast-container .toast-message strong { display: block !important; margin: 0 0 6px 0 !important; color: var(--adolin-blue-deep) !important; font-size: 13.5px !important; font-weight: 750 !important; line-height: 1.25 !important; } #toast-container .toast-message strong + br, #toast-container .toast-message strong + br + br { display: none !important; } #toast-container .toast-message { color: var(--toast-muted) !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.52 !important; } #toast-container .toast-close-button { position: absolute !important; top: 8px !important; right: 10px !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 7px !important; color: #84929D !important; opacity: 1 !important; font-family: Arial, sans-serif !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1 !important; text-shadow: none !important; transition: background .15s ease, color .15s ease !important; } #toast-container .toast-close-button:hover { background: #F0F4F7 !important; color: var(--adolin-blue-deep) !important; } #toast-container .toast-progress { position: absolute !important; left: 0 !important; right: auto !important; bottom: 0 !important; height: 3px !important; background: var(--adolin-orange) !important; opacity: 1 !important; } #toast-container .toast-error .toast-progress { background: #C95B52 !important; } #toast-container > div:hover { border-color: #C6D6E2 !important; box-shadow: 0 17px 44px rgba(29, 52, 68, .19), 0 4px 12px rgba(29, 52, 68, .08) !important; } @media (max-width: 600px) { #toast-container.toast-top-right { top: 68px !important; right: 10px !important; left: 10px !important; } #toast-container > div { width: 100% !important; max-width: none !important; } } /* ========================================================= V2 - GERÇEK GERİ SAYIM BARI + HOVER'DA DURAKLAT ========================================================= */ /* Toastr'ın kendi progress mekanizmasını kullanmıyoruz. */ #toast-container .toast-progress { display: none !important; } /* Alt barın rayı */ #toast-container .xpoda-toast-timer { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 4px !important; overflow: hidden !important; background: rgba(0, 105, 180, .08) !important; pointer-events: none !important; } /* Geri sayan dolu kısım */ #toast-container .xpoda-toast-timer-fill { width: 100% !important; height: 100% !important; transform: scaleX(1); transform-origin: left center; background: #F18800 !important; animation-name: xpodaToastCountdown; animation-duration: var(--xpoda-toast-duration, 10000ms); animation-timing-function: linear; animation-fill-mode: forwards; animation-play-state: running; } /* Fare toast'ın üzerindeyken süre ve bar TAM DURUR. */ #toast-container > div:hover .xpoda-toast-timer-fill { animation-play-state: paused !important; } /* Hata mesajlarında kırmızı bar */ #toast-container > .toast-error .xpoda-toast-timer-fill { background: #C95B52 !important; } /* Sayaç */ @keyframes xpodaToastCountdown { from { transform: scaleX(1); } to { transform: scaleX(0); } }