/* Kagan Style */
.MasterDivContent {
    border-right: 0px !important;
    border-left: 0px !important;
}
.pnlhdr {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.newmsg {
    background-size: cover !important;
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease-in-out;
}

.newmsg:hover {
    transform: scale(1.15);
    cursor: pointer;
    filter: brightness(1.2);
}

/* Öğretmen Bilgileri Sayfası Stilleri */
.ogretmenBilgisi {
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Başlık alanı */
.ogretmenBilgisi .baslik-alani {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 12px 15px !important;
    text-align: left !important;
    border-bottom: 1px solid #1c4a7b !important;
    box-sizing: border-box !important;
}

/* Tablo konteyner */
.ogretmenBilgisi .tablo-container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Tablo stillemesi */
.ogretmenBilgisi .ogretmen-tablo {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    border: 1px solid #ddd !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    table-layout: fixed !important;
}

/* Tablo başlıkları */
.ogretmenBilgisi .ogretmen-tablo thead tr {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
}

.ogretmenBilgisi .ogretmen-tablo thead td {
    font-weight: bold !important;
    padding: 1px 15px !important;
    text-align: left !important;
    border: 1px solid #1c4a7b !important;
    color: white !important;
    box-sizing: border-box !important;
}

/* DataList ve içindeki tablo */
.ogretmenBilgisi .grdOgretmenBilgi {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    table-layout: fixed !important;
}

/* Burayı güncelliyorum - DataList için table-layout: fixed ekledim */
.ogretmenBilgisi .grdOgretmenBilgi table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.ogretmenBilgisi .grdOgretmenBilgi tr {
    width: 100% !important;
    display: table !important;
    table-layout: fixed !important;
    border-bottom: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

/* Tablo veri hücreleri */
.ogretmenBilgisi .grdOgretmenBilgi td {
    padding: 10px 15px !important;
    font-size: 13px !important;
    border: 1px solid #ddd !important;
    text-align: left !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
}

/* Boş hücreleri gizle */
.ogretmenBilgisi .grdOgretmenBilgi tr td:empty {
    display: none !important;
}

/* Zebra çizgili tablo (tek/çift satırlar) */
.ogretmenBilgisi .grdOgretmenBilgi tr:nth-child(even) td {
    background-color: #f9f9f9 !important;
}

/* Satır hover efekti */
.ogretmenBilgisi .grdOgretmenBilgi tr:hover td {
    background-color: #e9f0f7 !important;
}

/* Tablo genişlikleri (kolona göre) - Header ve içerik tam uyumlu olacak şekilde güncellendi */
.ogretmenBilgisi .ogretmen-tablo td:nth-child(1),
.ogretmenBilgisi .grdOgretmenBilgi td:nth-child(1) {
    width: 25% !important;
    box-sizing: border-box !important;
}

.ogretmenBilgisi .ogretmen-tablo td:nth-child(2),
.ogretmenBilgisi .grdOgretmenBilgi td:nth-child(2) {
    width: 50% !important;
    box-sizing: border-box !important;
}

.ogretmenBilgisi .ogretmen-tablo td:nth-child(3),
.ogretmenBilgisi .grdOgretmenBilgi td:nth-child(3) {
    width: 25% !important;
    box-sizing: border-box !important;
}

/* DataList'te oluşan özel sorunları düzeltme */
table[id*="grdOgretmenBilgi"] {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
}

/* DataList'in ürettiği fazladan içerikleri gizleme */
table[id*="grdOgretmenBilgi"] tr:first-child td {
    display: none !important;
}

table[id*="grdOgretmenBilgi"] tr td:only-child {
    display: none !important;
}

/* DataList boş satır düzeltmeleri */
table[id*="grdOgretmenBilgi"] tr:empty {
    display: none !important;
}

/* Özel boş satır düzeltmesi */
table[id*="grdOgretmenBilgi"] tr td:empty {
    display: none !important;
}

/* DataList satır yapısı düzeltmesi */
.ogretmenBilgisi table[id*="grdOgretmenBilgi"] tr {
    display: table-row !important;
}

.ogretmenBilgisi table[id*="grdOgretmenBilgi"] tr:nth-child(odd):not(:first-child) {
    display: none !important;
}

/* Tablo sınırlarını düzgünleştirme */
.ogretmenBilgisi table[id*="grdOgretmenBilgi"] {
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ogretmenBilgisi table[id*="grdOgretmenBilgi"] td {
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

/* Scroll çubuğunu gizlemek için ek düzenlemeler */
body {
    overflow-x: hidden !important;
}

.MasterDivContent {
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Özel scroll düzeltme */
table[id*="grdOgretmenBilgi"] tr td {
    word-break: break-word !important;
}

/* Mobil uyumluluk için düzenlemeler */
@media (max-width: 768px) {
    .ogretmenBilgisi .baslik-alani {
        font-size: 15px !important;
        padding: 10px !important;
    }

    .ogretmenBilgisi .ogretmen-tablo thead td,
    .ogretmenBilgisi .grdOgretmenBilgi td {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
}

/* Öğretmen Görüş Sayfası Stilleri */
.ogretmenGorus {
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Başlık alanı */
.ust-baslik-alani {
    color: var(--header-color) !important;
    font-weight: bold !important;
    font-size: 18px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    padding: 8px 0px !important;
    padding-top: 0px !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

/* Grid container */
.ogretmenGorus .grid-container {
    margin-bottom: 0px !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* RadGrid stillemeleri */
.ogretmenGorus .RadGrid {
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Tablo başlığı */
.ogretmenGorus .RadGrid .rgHeader,
.ogretmenGorus .RadGrid .rgCommandRow {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    text-align: left !important;
    padding: 1px 12px !important;
    border: 1px solid #1c4a7b !important;
    vertical-align: middle !important;
    height: 29px !important;
}

/* Tablo başlık linkleri */
.ogretmenGorus .RadGrid_Metro .rgHeader a {
    color: white !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: block !important;
    padding: 2px 0 !important;
    font-size: 13px;
}

/* Tablo içeriği */
.ogretmenGorus .RadGrid .rgRow,
.ogretmenGorus .RadGrid .rgAltRow {
    border: 1px solid #ddd !important;
}

.ogretmenGorus .RadGrid .rgRow td,
.ogretmenGorus .RadGrid .rgAltRow td {
    padding: 8px 10px !important;
    border: 1px solid #ddd !important;
    font-size: 13px !important;
}

/* Zebra çizgili satırlar */
.ogretmenGorus .RadGrid .rgAltRow {
    background-color: #f9f9f9 !important;
}

/* Hover efekti */
.ogretmenGorus .RadGrid .rgRow:hover,
.ogretmenGorus .RadGrid .rgAltRow:hover {
    background-color: #e9f0f7 !important;
}

/* Tablo kenarları */
.ogretmenGorus .RadGrid .rgRow td,
.ogretmenGorus .RadGrid .rgAltRow td,
.ogretmenGorus .RadGrid .rgHeader,
.ogretmenGorus .RadGrid .rgCommandRow {
    border: 1px solid #ddd !important;
}

/* Filtre alanları */
.ogretmenGorus .RadGrid .rgFilterRow td {
    background-color: #f5f5f5 !important;
    padding: 10px 12px !important;
    border: 1px solid #ddd !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.ogretmenGorus .RadGrid .rgFilterBox {
    border: 1px solid #ddd !important;
    height: 32px !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    width: 90% !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
}

.ogretmenGorus .RadGrid .rgFilterBox:focus {
    border-color: var(--primary-color, #255282) !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05), 0 0 5px rgba(37, 82, 130, 0.2) !important;
}

/* Veri giriş satırları */
.ogretmenGorus .RadGrid .rgRow td,
.ogretmenGorus .RadGrid .rgAltRow td {
    padding: 10px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Takvim ikonu düzenlemesi */
.ogretmenGorus .RadPicker {
    vertical-align: middle !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.ogretmenGorus .RadPicker .rcTable {
    width: 90% !important;
    margin: 0 auto !important;
}

.ogretmenGorus .RadPicker .rcInputCell {
    padding-right: 4px !important;
}

.ogretmenGorus .RadPicker .rcCalPopup {
    position: relative !important;
    border: 1px solid #ddd !important;
    background-color: #f5f5f5 !important;
    padding: 3px !important;
    border-radius: 4px !important;
    height: 32px !important;
    width: 32px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    overflow: hidden !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23255282"><path d="M180-80q-24 0-42-18t-18-42v-620q0-24 18-42t42-18h65v-60h65v60h340v-60h65v60h65q24 0 42 18t18 42v620q0 24-18 42t-42 18H180Zm0-60h600v-430H180v430Zm0-490h600v-130H180v130Zm0 0v-130 130Zm300 230q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T480-460q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T480-400Zm-160 0q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T320-460q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T320-400Zm320 0q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T640-460q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T640-400Zm-160 160q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T480-300q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T480-240Zm-160 0q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T320-300q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T320-240Zm320 0q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T640-300q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T640-240Z"/></svg>') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    font-size: 0 !important; /* Hide text */
}

.ogretmenGorus .RadPicker .rcCalPopup:hover {
    background-color: #e9f0f7 !important;
}

/* Input box düzenlemesi */
.ogretmenGorus .RadInput_Metro .riTextBox {
    height: 32px !important;
    padding: 4px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
}

.ogretmenGorus .RadInput_Metro .riTextBox:focus {
    border-color: var(--primary-color, #255282) !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05), 0 0 5px rgba(37, 82, 130, 0.2) !important;
}

/* Tablo başlıkları hizalama */
.ogretmenGorus .RadGrid .rgHeader {
    text-align: left !important;
}

/* RadCalendar Popup Stil Düzenlemesi */
.RadCalendar_Metro {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Takvim başlık çubuğu */
.RadCalendar_Metro .rcTitlebar {
    background-color: var(--primary-color, #255282) !important;
    border: none !important;
    color: white !important;
    padding: 8px !important;
}

.RadCalendar_Metro .rcTitlebar table {
    width: 100% !important;
}

.RadCalendar_Metro .rcTitle {
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 4px 8px !important;
}

/* Önceki/Sonraki düğmeler */
.RadCalendar_Metro .rcFastPrev,
.RadCalendar_Metro .rcPrev,
.RadCalendar_Metro .rcNext,
.RadCalendar_Metro .rcFastNext {
    color: white !important;
    background-color: transparent !important;
    font-size: 16px !important;
    text-decoration: none !important;
    width: 28px !important;
    height: 28px !important;
    text-align: center !important;
    line-height: 26px !important;
    border-radius: 3px !important;
}

.RadCalendar_Metro .rcFastPrev:hover,
.RadCalendar_Metro .rcPrev:hover,
.RadCalendar_Metro .rcNext:hover,
.RadCalendar_Metro .rcFastNext:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Haftanın günleri */
.RadCalendar_Metro .rcWeek th {
    background-color: #f5f5f5 !important;
    border: none !important;
    padding: 8px 6px !important;
    color: #555 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-align: center !important;
}

/* Takvim hücreleri */
.RadCalendar_Metro .rcMainTable td a {
    text-decoration: none !important;
    color: #333 !important;
    padding: 6px !important;
    display: block !important;
    border-radius: 3px !important;
    text-align: center !important;
    margin: 1px !important;
    font-size: 13px !important;
}

.RadCalendar_Metro .rcMainTable td a:hover {
    background-color: #e9f0f7 !important;
}

/* Bugün */
.RadCalendar_Metro .rcMainTable td.rcToday a {
    background-color: rgba(37, 82, 130, 0.1) !important;
    border: 1px solid var(--primary-color, #255282) !important;
    font-weight: bold !important;
}

/* Seçili gün */
.RadCalendar_Metro .rcMainTable td.rcSelected a {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
}

/* Diğer aylar */
.RadCalendar_Metro .rcMainTable td.rcOtherMonth a {
    color: #aaa !important;
    opacity: 0.7 !important;
}

/* Hafta sonu */
.RadCalendar_Metro .rcMainTable td.rcWeekend a {
    color: #d04a4a !important;
}

/* No records message */
.ogretmenGorus .RadGrid .rgNoRecords td {
    padding: 5px !important;
    text-align: center !important;
    font-style: italic !important;
    color: #777 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
}

/* Özelleştirilmiş boş kayıt mesajı */
.ogretmenGorus .RadGrid .rgNoRecords td div {
    padding: 0px !important;
    text-align: center !important;
    font-style: italic !important;
    color: #777 !important;
    background-color: #f9f9f9 !important;
    border-radius: 3px !important;
}

/* Sayfalama */
.ogretmenGorus .RadGrid .rgPager {
    background-color: #f5f5f5 !important;
    border-top: 1px solid #ddd !important;
    padding: 5px !important;
}

/* Boş footer'ı gizle */
.ogretmenGorus .RadGrid .rgFooter:empty,
.ogretmenGorus .RadGrid tfoot:empty,
.ogretmenGorus .RadGrid .rgFooter td:empty,
.ogretmenGorus .RadGrid tfoot tr:has(td:empty) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Tüm footer alanını gizle */
.ogretmenGorus .RadGrid tfoot,
.ogretmenGorus .RadGrid .rgFooter {
    display: none !important;
}

/* Footer stil düzeltmesi */
.ogretmenGorus .RadGrid .rgFooter td {
    padding: 6px 10px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    font-weight: bold !important;
}

.ogretmenGorus .RadGrid .rgNumPart a {
    border: 1px solid #ddd !important;
    padding: 3px 8px !important;
    color: #333 !important;
    margin: 0 2px !important;
    border-radius: 3px !important;
}

.ogretmenGorus .RadGrid .rgNumPart a:hover {
    background-color: #e9f0f7 !important;
}

.ogretmenGorus .RadGrid .rgNumPart a.rgCurrentPage {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    border-color: var(--primary-color, #255282) !important;
}

/* Özel sıralama ikonları */
.ogretmenGorus .RadGrid_Metro .rgHeader .rgSortAsc,
.ogretmenGorus .RadGrid_Metro .rgHeader input.rgSortAsc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="white" d="M6 0L12 12H0z"/></svg>') !important;
    background-position: center right 5px !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
    margin-top: -2px !important;
    cursor: pointer !important;
    border: none !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

.ogretmenGorus .RadGrid_Metro .rgHeader .rgSortDesc,
.ogretmenGorus .RadGrid_Metro .rgHeader input.rgSortDesc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="white" d="M0 0L12 0L6 12z"/></svg>') !important;
    background-position: center right 5px !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
    margin-top: -2px !important;
    cursor: pointer !important;
    border: none !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

/* Sıralama butonları */
.ogretmenGorus .RadGrid_Metro .rgHeader input[type="submit"] {
    background-color: transparent !important;
    border: none !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .ogretmenGorus .baslik-alani {
        font-size: 15px !important;
        padding: 10px !important;
    }

    .ogretmenGorus .RadGrid .rgHeader,
    .ogretmenGorus .RadGrid .rgRow td,
    .ogretmenGorus .RadGrid .rgAltRow td {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    .ogretmenGorus .RadGrid .rgFilterBox {
        width: 85% !important;
    }
}

/* Haftalık Ders Programı Sayfası Stilleri */
.haftalikDersProgrami {
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}
    .haftalikDersProgrami .profile-header {
        padding: 7px !important;
        line-height: 19px !important;
    }
    /* Panel başlık alanı */
    .haftalikDersProgrami .panelInForm .pnlhdr {
        background-color: var(--primary-color, #255282) !important;
        color: white !important;
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 12px 15px !important;
        text-align: left !important;
        border-bottom: 1px solid #1c4a7b !important;
        box-sizing: border-box !important;
        border-radius: 4px 4px 0 0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    }

/* Grid genel düzenlemesi */
.haftalikDersProgrami .RadGrid {
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
}

/* Grid başlıkları */
.haftalikDersProgrami .RadGrid th.GridHeader_default,
.haftalikDersProgrami .RadGrid th.ResizeHeader_default {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 10px 5px !important;
    border: 1px solid #1c4a7b !important;
    vertical-align: middle !important;
    font-size: 13px !important;
}

/* Grid hücreleri */
.haftalikDersProgrami .RadGrid td {
    padding: 5px 3px !important;
    border: 1px solid #ddd !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important; /* Force break on long words */
    white-space: normal !important; /* Ensure text wraps */
    max-width: 110px !important; /* Reduce max-width for better wrapping */
    height: auto !important;
    min-height: 60px !important;
    overflow: hidden !important;
}

/* Tek ve çift satırlar */
.haftalikDersProgrami .RadGrid .GridRow_default td {
    background-color: #fff !important;
}

.haftalikDersProgrami .RadGrid .GridAltRow_default td {
    background-color: #f9f9f9 !important;
}

/* Hover efekti */
.haftalikDersProgrami .RadGrid tr:hover td {
    background-color: #e9f0f7 !important;
}

/* Ders bilgisi stilleri */
.haftalikDersProgrami .RadGrid td strong {
    display: block !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
    color: #333 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important; /* Force break on long words */
    hyphens: auto !important; /* Add hyphenation where possible */
    max-height: none !important;
}

/* Kısaltmalar için özel stil */
.haftalikDersProgrami .RadGrid td strong:contains("(MTA/KYNK)") {
    font-size: 10px !important;
}

/* Öğretmen adı için stil */
.haftalikDersProgrami .RadGrid td {
    font-size: 10px !important;
    color: #666 !important;
    line-height: 1.1 !important;
}

/* Sütun genişlikleri */
.haftalikDersProgrami .RadGrid .MasterTable_default col:nth-child(1) {
    width: 25px !important;
}

.haftalikDersProgrami .RadGrid .MasterTable_default col:nth-child(2) {
    width: 75px !important;
}

.haftalikDersProgrami .RadGrid .MasterTable_default col:nth-child(n+3) {
    width: calc((100% - 100px) / 7) !important; /* Kalan 7 gün için eşit genişlik */
}

/* Grid genişlik ayarı */
.haftalikDersProgrami .RadGrid table.MasterTable_default {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

/* CSS Hack: İç içe tablo ile düzeltme */
.haftalikDersProgrami .RadGrid td[title] {
    padding: 4px 2px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.haftalikDersProgrami .RadGrid td[title] strong {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    margin-bottom: 3px !important;
    color: #333 !important;
    display: block !important;
    font-weight: 600 !important;
    padding: 0 1px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    text-align: center !important;
    max-height: none !important;
    letter-spacing: -0.2px !important;
}

/* MTA/KYNK gibi parantez içi metinler için stil */
.haftalikDersProgrami .RadGrid td strong:after {
    content: "";
    display: block !important;
    margin: 2px auto !important;
    width: 50% !important;
    height: 1px !important;
    background-color: rgba(0,0,0,0.05) !important;
}

/* Öğretmen adları için stil */
.haftalikDersProgrami .RadGrid td[title] {
    font-size: 10px !important;
    color: #666 !important;
    line-height: 1.2 !important;
}

/* Renklendirme ve hover efektleri */
.haftalikDersProgrami .RadGrid td[title^="SEÇMELİ"] {
    background-color: rgba(37, 82, 130, 0.03) !important;
}

.haftalikDersProgrami .RadGrid td[title^="ARK KAYNAK"] {
    background-color: rgba(240, 173, 78, 0.03) !important;
}

.haftalikDersProgrami .RadGrid td[title^="GAZ KORUMALI"] {
    background-color: rgba(92, 184, 92, 0.03) !important;
}

.haftalikDersProgrami .RadGrid td[title]:hover {
    background-color: #e9f0f7 !important;
    box-shadow: inset 0 0 0 1px rgba(37, 82, 130, 0.2) !important;
    z-index: 1 !important;
}

/* Tooltip iyileştirmesi */
.haftalikDersProgrami .RadGrid td[title]:before {
    content: attr(title);
    visibility: hidden;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    background-color: rgba(51, 51, 51, 0.95);
    color: white;
    text-align: center;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.3;
    z-index: 100;
    width: max-content;
    max-width: 250px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    white-space: pre-line;
}

.haftalikDersProgrami .RadGrid td[title]:hover:before {
    visibility: visible;
    opacity: 1;
}

/* Boş hücreler için görsel iyileştirme */
.haftalikDersProgrami .RadGrid td:empty,
.haftalikDersProgrami .RadGrid td:contains("&nbsp;") {
    background-color: #fafafa !important;
    background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent) !important;
    background-size: 20px 20px !important;
    opacity: 0.5 !important;
}

/* Zaman sütunları için geliştirilmiş stil */
.haftalikDersProgrami .RadGrid td:nth-child(1),
.haftalikDersProgrami .RadGrid td:nth-child(2) {
    background-color: #f2f6fa !important;
    border-right: 2px solid #ddd !important;
    font-weight: 600 !important;
    color: #255282 !important;
}

.haftalikDersProgrami .RadGrid td:nth-child(2) {
    min-width: 85px !important; /* Saat aralığı için daha fazla genişlik */
}

/* Uzun ders adları için ekstra yardımcı sınıflar */
.haftalikDersProgrami .RadGrid td[title*="ELEMANLARI"] strong,
.haftalikDersProgrami .RadGrid td[title*="TEKNOLOJİSİ"] strong,
.haftalikDersProgrami .RadGrid td[title*="KORUMALI"] strong {
    font-size: 10px !important;
    letter-spacing: -0.3px !important;
}

/* Görsel tutarlılık için sütun genişlik optimizasyonu */
.haftalikDersProgrami .RadGrid .MasterTable_default {
    table-layout: fixed !important;
}

.haftalikDersProgrami .RadGrid .MasterTable_default td {
    overflow: hidden !important;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .haftalikDersProgrami .RadGrid td strong {
        font-size: 9px !important;
        letter-spacing: -0.3px !important;
    }

    .haftalikDersProgrami .RadGrid td[title] {
        font-size: 9px !important;
    }

    .haftalikDersProgrami .RadGrid td:before {
        display: none !important; /* Mobilde tooltip gösterme */
    }
}

/* İşaretçi stilini değiştir */
.haftalikDersProgrami .RadGrid td[title] {
    cursor: help !important;
}

/* text-wrap:balance yerine daha iyi desteklenen çözümler */
.haftalikDersProgrami strong {
    text-wrap: normal !important;
    word-break: break-word !important;
    white-space: normal !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    margin-bottom: 3px !important;
}

/* Uzun kelimeler için kırma desteği */
.haftalikDersProgrami .RadGrid td[title^="SEÇMELİ"],
.haftalikDersProgrami .RadGrid td[title^="ARK KAYNAK"],
.haftalikDersProgrami .RadGrid td[title^="GAZ KORUMALI"] {
    word-break: break-word !important;
    white-space: normal !important;
    padding: 3px 2px !important;
}

/* Tablo hücrelerinin içerik düzeni */
.haftalikDersProgrami .RadGrid td[title] br {
    display: block !important;
    content: "" !important;
    margin-top: 2px !important;
}

/* Genel tablo yapısını güçlendirme */
.haftalikDersProgrami .RadGrid table.MasterTable_default {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Boş günleri gizleme */
.haftalikDersProgrami .RadGrid tr.GridRow_default:first-child ~ tr.GridRow_default,
.haftalikDersProgrami .RadGrid tr.GridAltRow_default {
    counter-increment: rowCounter;
}

/* Sütun tamamen boş ise gizle - JS olmadan CSS ile yaklaşım */
.haftalikDersProgrami .RadGrid table.MasterTable_default td:nth-child(n+3):not(:has(*)) {
    display: none !important;
}

/* Tüm satırlarda aynı sütunun içeriği boş ise o sütunu gizle */
.haftalikDersProgrami .RadGrid table.MasterTable_default colgroup col:nth-child(n+3) {
    visibility: visible !important;
}

/* Cumartesi sütunu tamamen boşsa gizle (7. sütun) */
.haftalikDersProgrami .RadGrid table.MasterTable_default td:nth-child(7):empty,
.haftalikDersProgrami .RadGrid table.MasterTable_default td:nth-child(7):contains("&nbsp;") {
    background-color: rgba(255,0,0,0.05) !important; /* Test için işaretleme */
}

.haftalikDersProgrami .RadGrid.empty-saturday th:nth-child(7),
.haftalikDersProgrami .RadGrid.empty-saturday td:nth-child(7) {
    display: none !important;
}

/* Pazar sütunu tamamen boşsa gizle (8. sütun) */
.haftalikDersProgrami .RadGrid.empty-sunday th:nth-child(8),
.haftalikDersProgrami .RadGrid.empty-sunday td:nth-child(8) {
    display: none !important;
}

/* Javascript ekleme yöntemi */
.haftalikDersProgrami:after {
    content: "" !important;
    display: block !important;
    height: 0 !important;
    clear: both !important;
}

/* Bu scripti sayfa yüklendikten sonra çalıştırmak için */
.haftalikDersProgrami:after {
    content: "" !important;
}

/* Öğrenci profil alanı */
.haftalikDersProgrami table.mainTable {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

.haftalikDersProgrami .photo_medium {
    border: 1px solid #ddd !important;
    background-color: #f9f9f9 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.haftalikDersProgrami .photo_medium img {
    border-radius: 3px !important;
}

.haftalikDersProgrami table.mainTable td.ltd {
    padding: 8px 10px !important;
    font-weight: bold !important;
    color: #666 !important;
    vertical-align: middle !important;
}

.haftalikDersProgrami table.mainTable td:not(.ltd) {
    padding: 8px 10px !important;
    color: #333 !important;
    vertical-align: middle !important;
}

/* No records message */
.haftalikDersProgrami .RadGrid .rgNoRecords td {
    padding: 5px !important;
    text-align: center !important;
    font-style: italic !important;
    color: #777 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
}

.haftalikDersProgrami .pnlhdr {
    font-size: 13px !important;
    padding: 7px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 23px !important;
}

/* Öğrenci Sınıf Bilgisi Sayfası Stilleri */
.ogrenciSinifBilgisi {
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Panel başlık alanı */
.ogrenciSinifBilgisi .panelInForm .pnlhdr {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 12px 15px !important;
    text-align: left !important;
    border-bottom: 1px solid #1c4a7b !important;
    box-sizing: border-box !important;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* Grid genel düzenlemesi */
.ogrenciSinifBilgisi .RadGrid {
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Grid başlıkları */
.ogrenciSinifBilgisi .RadGrid th.GridHeader_default,
.ogrenciSinifBilgisi .RadGrid th.ResizeHeader_default,
.ogrenciSinifBilgisi .ui-widget-header {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px 5px !important;
    border: 1px solid #1c4a7b !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    line-height: 16px !important;
    height: 33px !important;
}
#ctl01_ctl00_BC_CPH_DersBGrid_ctl01 > thead > tr > th:nth-child(1){
    text-align: center !important;
}
.ogrenciSinifBilgisi .td {
    text-align: left !important;

}
/* Grid hücreleri */
.ogrenciSinifBilgisi .RadGrid td {
    padding: 8px 10px !important;
    border: 1px solid #ddd !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
}

/* Tek ve çift satırlar */
.ogrenciSinifBilgisi .RadGrid .GridRow_default td {
    background-color: #fff !important;
    white-space: normal !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    font-size: 13px !important;
}

.ogrenciSinifBilgisi .RadGrid .GridAltRow_default td {
    background-color: #f9f9f9 !important;
    white-space: normal !important;
    vertical-align: middle !important;
    line-height: 25px !important;
    font-size: 13px !important;
}

/* Hover efekti */
.ogrenciSinifBilgisi .RadGrid tr:hover td {
    background-color: #e9f0f7 !important;
}

/* Buton stilleri */
.ogrenciSinifBilgisi .Button,
.ogrenciSinifBilgisi .Btn {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    border: none !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
}

.ogrenciSinifBilgisi .Button:hover,
.ogrenciSinifBilgisi .Btn:hover {
    background-color: #1c4a7b !important;
}

/* Input alanları */
.ogrenciSinifBilgisi .EntryInput,
.ogrenciSinifBilgisi .EntryDropDownList {
    border: 1px solid #ddd !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.ogrenciSinifBilgisi .EntryInput:focus,
.ogrenciSinifBilgisi .EntryDropDownList:focus {
    border-color: var(--primary-color, #255282) !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05), 0 0 5px rgba(37, 82, 130, 0.2) !important;
}

/* Label stilleri */
.ogrenciSinifBilgisi .EntryLabel {
    font-size: 13px !important;
    color: #333 !important;
    font-weight: normal !important;
    margin-bottom: 5px !important;
    display: inline-block !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.ogrenciSinifBilgisi .EntryLabelBold {
    font-weight: bold !important;
    color: #333 !important;
}

.ogrenciSinifBilgisi .EntryLabelBoldBlue {
    padding-left: 5px !important;
    color: #1c94c4 !important;
    font-size: 0.8em !important;
}

/* Tabloların genel görünümü */
.ogrenciSinifBilgisi table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 10px !important;
    font-size: 1.2em !important;
}

/* No records message */
.ogrenciSinifBilgisi .RadGrid .rgNoRecords td {
    padding: 12px !important;
    text-align: center !important;
    font-style: italic !important;
    color: #777 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
}

/* Bootstrap uyumluluğu */
.ogrenciSinifBilgisi .container-fluid {
    padding: 0 !important;
}

.ogrenciSinifBilgisi .row-fluid {
    margin: 0 !important;
}

.ogrenciSinifBilgisi .span12 {
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobil uyumluluk için düzenlemeler */
@media (max-width: 768px) {
    .ogrenciSinifBilgisi .RadGrid th,
    .ogrenciSinifBilgisi .RadGrid td {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    .ogrenciSinifBilgisi .ui-widget-header {
        line-height: 25px !important;
        font-size: 12px !important;
    }

    .ogrenciSinifBilgisi .EntryInput,
    .ogrenciSinifBilgisi .EntryDropDownList {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Öğrenci Servis Takibi Sayfası Stilleri */
.ogrServisTakibi {
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    /*background-color: #f5f7fa !important;*/
    border-radius: 8px !important;
    position: relative !important;
    clear: both !important;
}

/* Bootstrap düzenlemeleri - responsive yapı için */
.ogrServisTakibi .row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
}

.ogrServisTakibi .span12 {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    position: relative !important;
}

.ogrServisTakibi .span5 {
    width: 48% !important;
    margin-right: 2% !important;
    background-color: transparent !important;
    flex: 0 0 auto !important;
    position: relative !important;
}

.ogrServisTakibi .span7 {
    width: 50% !important;
    margin-left: 0 !important;
    background-color: transparent !important;
    flex: 0 0 auto !important;
    position: relative !important;
}

/* Tablo başlıkları */
.ogrServisTakibi table thead {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 0 !important;
    text-align: left !important;
    border: none !important;
    border-radius: 6px 6px 0 0 !important;
    overflow: hidden !important;
}

    .ogrServisTakibi table thead td {
        color: white !important;
        border: none !important;
        font-size: 13px !important;
        letter-spacing: 0.5px !important;
        padding: 7px !important;
        line-height: 19px;
    }

/* Bölüm başlıkları */
.ogrServisTakibi .bLiteral {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Servis bilgileri tablosu */
.ogrServisTakibi table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: white !important;
    border: none !important;
    position: relative !important;
}

.ogrServisTakibi:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Tablo hücreleri */
.ogrServisTakibi table td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border: none !important;
    border-bottom: 1px solid #edf0f5 !important;
    color: #555 !important;
    font-size: 14px !important;
    transition: background-color 0.2s ease-in-out !important;
}

/* Başlık hücreleri */
.ogrServisTakibi .tableheader {
    background-color: #f8fafd !important;
    font-weight: 600 !important;
    color: #333 !important;
    width: 14% !important;
    font-size: 14px !important;
}

/* İçerik hücreleri */
.ogrServisTakibi .tablecontent {
    width: 10% !important;
    color: #444 !important;
}

/* Liste tablosu */
.ogrServisTakibi .listTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: white !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-top: 10px !important;
}

/* Liste tablosu başlık satırı */
.ogrServisTakibi .listTable .hdr {
    background-color: #f8fafd !important;
    font-weight: 600 !important;
}

.ogrServisTakibi .listTable .hdr td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #edf0f5 !important;
    text-align: left !important;
    color: #333 !important;
}

/* Liste tablosu veri hücreleri */
.ogrServisTakibi .listTable .etd {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #edf0f5 !important;
    text-align: left !important;
    color: #555 !important;
}

/* Öğrenci profil bölümü */
.ogrServisTakibi #ctl01_ctl00_BC_CPH_ogrProfil_NormalProfile {
    width: 100% !important;
    border: none !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    background-color: white !important;
    margin-bottom: 15px !important;
}

/* Profil tablo stilleri */
.ogrServisTakibi .mainTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: white !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.ogrServisTakibi .mainTable td.ltd {
    background-color: #f8fafd !important;
    font-weight: 600 !important;
    color: #333 !important;
    width: 35% !important;
    padding: 10px 15px !important;
}

.ogrServisTakibi .mainTable td:not(.ltd) {
    color: #444 !important;
    padding: 10px 15px !important;
}

/* Fotoğraf alanları */
.ogrServisTakibi .photo_medium,
.ogrServisTakibi .photo_small {
    border: 1px solid #edf0f5 !important;
    background-color: white !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    padding: 4px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    max-width: 100% !important;
    height: auto !important;
}

.ogrServisTakibi .photo_medium img,
.ogrServisTakibi .photo_small img {
    border-radius: 4px !important;
    object-fit: cover !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Servis görevlileri fotoğrafları */
.ogrServisTakibi .listTable [id*="Foto"] {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 100% !important;
}

/* Etiket stilleri */
.ogrServisTakibi .EntryLabel {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding-left: 5px !important;
}

    .ogrServisTakibi .profile-header {
        padding: 7px !important;
        line-height: 19px !important;
    }

    .ogrServisTakibi .EntryLabelBoldBlue {
        padding-left: 5px !important;
        color: #255282 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

.ogrServisTakibi .EntryLabelBoldRed {
    font-size: 14px !important;
    margin: 10px 0 !important;
    color: var(--danger-color, #9b2222) !important;
    font-weight: 600 !important;
    display: inline-block !important;
    padding: 8px 12px !important;
    background-color: rgba(155, 34, 34, 0.05) !important;
    border-radius: 4px !important;
}

/* Diğer kontroller */
.ogrServisTakibi .Btn,
.ogrServisTakibi .Button {
    background-color: var(--primary-color, #255282) !important;
    color: white !important;
    border: none !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 5px rgba(37, 82, 130, 0.15) !important;
}

/* Servis takibi kontrolü */
.ogrServisTakibi [id*="servisTakibi"] {
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    background-color: white !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Alternatif satır renklendirmesi */
.ogrServisTakibi tr:nth-child(even) td {
    background-color: #fbfcfe !important;
}

/* Son tablo satırı */
.ogrServisTakibi table tr:last-child td {
    border-bottom: none !important;
}

/* Tablo ayırıcı çizgiler */
.ogrServisTakibi table td {
    position: relative !important;
}

/* Uyarı mesajı */
.ogrServisTakibi [id*="uyariLbl"] {
    display: inline-block !important;
    padding: 10px 15px !important;
    background-color: rgba(155, 34, 34, 0.05) !important;
    color: var(--danger-color, #9b2222) !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    border-left: 4px solid var(--danger-color, #9b2222) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Tablet Responsive */
@media (max-width: 992px) {
    .ogrServisTakibi {
        padding: 10px !important;
    }

    .ogrServisTakibi .span5 {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    .ogrServisTakibi .span7 {
        width: 100% !important;
    }

    .ogrServisTakibi table td {
        padding: 10px 12px !important;
    }

    .ogrServisTakibi .tableheader,
    .ogrServisTakibi .tablecontent {
        width: auto !important;
    }

    .ogrServisTakibi .listTable .hdr td {
        padding: 10px 12px !important;
    }
}

/* Mobil Responsive */
@media (max-width: 768px) {
    .ogrServisTakibi {
        padding: 8px !important;
    }

    .ogrServisTakibi .row-fluid,
    .ogrServisTakibi .span12,
    .ogrServisTakibi .span5,
    .ogrServisTakibi .span7 {
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    .ogrServisTakibi table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .ogrServisTakibi table thead td {
        font-size: 13px !important;
        padding: 2px !important;
    }

    .ogrServisTakibi table td {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    /* Servis bilgileri tablosunu responsive yap */
    .ogrServisTakibi table[style*="border:solid 1px"] {
        table-layout: fixed !important;
    }

    .ogrServisTakibi table[style*="border:solid 1px"] tr {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .ogrServisTakibi table[style*="border:solid 1px"] .tableheader,
    .ogrServisTakibi table[style*="border:solid 1px"] .tablecontent {
        width: 50% !important;
    }

    /* Fotoğrafları responsive yap */
    .ogrServisTakibi .photo_medium,
    .ogrServisTakibi .photo_small {
        margin: 0 auto !important;
    }

    /* Liste tablosu responsive */
    .ogrServisTakibi .listTable .hdr td[rowspan="2"] {
        display: table-cell !important;
        width: 70px !important;
        padding: 5px !important;
    }

    .ogrServisTakibi .listTable td[style*="width:25%"] {
        width: auto !important;
        padding: 5px 8px !important;
    }

    .ogrServisTakibi .EntryLabelBoldRed {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
}

/* Küçük mobil ekranlar */
@media (max-width: 480px) {
    .ogrServisTakibi {
        padding: 5px !important;
    }

    .ogrServisTakibi table thead td {
        font-size: 13px !important;
        padding: 3px !important;
    }

    .ogrServisTakibi table td {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    .ogrServisTakibi .EntryLabel,
    .ogrServisTakibi .EntryLabelBoldBlue {
        font-size: 12px !important;
    }

    /* Ekran çok küçükse tablo hücrelerini blok olarak göster */
    .ogrServisTakibi table[style*="border:solid 1px"] .tableheader,
    .ogrServisTakibi table[style*="border:solid 1px"] .tablecontent {
        width: 100% !important;
    }

    /* Şoför ve yardımcı bilgileri tablosu */
    .ogrServisTakibi .listTable tr {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .ogrServisTakibi .listTable .hdr td[rowspan="2"] {
        width: 60px !important;
    }

    .ogrServisTakibi .listTable td[style*="width:25%"] {
        width: calc(100% - 60px) !important;
    }
}

/* Öğrenci Servis Takibi - Dikey çizgi sorununu gidermek için ek stiller */
.ogrServisTakibi .container-fluid {
    border: none !important;
    background-image: none !important;
}

.ogrServisTakibi .rgNoRecords,
.ogrServisTakibi .rgNoRecords td {
    border: none !important;
    background-image: none !important;
}

/* Kırmızı kutu içindeki alanı düzeltme */
.ogrServisTakibi #ctl01_ctl00_BC_CPH_uyariLbl {
    display: block !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 5 !important;
    border-right: none !important;
    border-left: 4px solid var(--danger-color, #9b2222) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* SERVİS BİLGİLERİ başlığı düzeltmesi */
.ogrServisTakibi #SERVİS_BİLGİLERİ,
.ogrServisTakibi [id*="SERVİS_BİLGİLERİ"] {
    overflow: hidden !important;
    border-radius: 6px !important;
    position: relative !important;
    z-index: 3 !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* Dikey çizgilerin gizlenmesi */
.ogrServisTakibi .MasterDivContent {
    border: none !important;
    background-image: none !important;
}

/* Tablo hücrelerindeki çizgileri kontrol */
.ogrServisTakibi table td {
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #edf0f5 !important;
}

/* İç içe geçmiş alanları düzeltme */
.ogrServisTakibi .span7 > div,
.ogrServisTakibi .span5 > div {
    position: relative !important;
    z-index: 2 !important;
}

/* Şoför/Yardımcı kısmındaki dikey çizgiyi düzeltme */
.ogrServisTakibi table[cellpadding="1"][cellspacing="1"][border="0"] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.ogrServisTakibi .Servis_Yardimcisi,
.ogrServisTakibi .Servis_Soforu {
    border-right: none !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Kırmızı kutu alanındaki dikey çizgi sorununu çözme */
.ogrServisTakibi {
    background-clip: padding-box !important;
}

/* Sayfadaki tüm olası border/çizgileri temizle */
.ogrServisTakibi *:before,
.ogrServisTakibi *:after {
    display: none !important;
}

/* Uyarı mesajını düzeltmek için özel stiller */
.ogrServisTakibi [id*="uyariLbl"] {
    position: relative !important;
    z-index: 999 !important;
    background-color: rgba(155, 34, 34, 0.05) !important;
    border-left: 4px solid var(--danger-color, #9b2222) !important;
    margin: 0 0 15px 0 !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden !important;
}

/* Ana tabloların konumunu düzeltme */
.ogrServisTakibi .span5 table,
.ogrServisTakibi .span7 table {
    position: relative !important;
    z-index: 2 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Tabloları rahatlatma */
.ogrServisTakibi table {
    table-layout: auto !important;
    margin-bottom: 15px !important;
}

/* Öğrenci bilgileri ve Servis bilgileri stil düzeltmeleri */
.ogrServisTakibi [id*="bLiteral"] {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
}

/* Tablo satırları ve hücreleri düzeltme */
.ogrServisTakibi tr {
    border: none !important;
    background-image: none !important;
}

.ogrServisTakibi td {
    position: relative !important;
    z-index: 1 !important;
}

/* Sayfadaki tüm border reset */
.ogrServisTakibi .MasterDivContent,
.ogrServisTakibi .content,
.ogrServisTakibi .container-fluid,
.ogrServisTakibi .row-fluid,
.ogrServisTakibi .span12,
.ogrServisTakibi .span5,
.ogrServisTakibi .span7 {
    border: none !important;
    background-image: none !important;
}

/* Tablo başlıklarını sabitlemek için */
.ogrServisTakibi table thead {
    display: table-header-group !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Tablo gövdesini sabitlemek için */
.ogrServisTakibi table tbody {
    display: table-row-group !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Servis yardımcısı/şoförü kısmı için */
.ogrServisTakibi [id*="servisSoforuYrd"],
.ogrServisTakibi [id*="servisSoforu"] {
    position: relative !important;
    z-index: 2 !important;
}

/* Son eklenen container için */
.ogrServisTakibi .container-fluid {
    overflow: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Tablet Responsive */
@media (max-width: 992px) {
    /* Uyarı mesajının tablet görünümünde düzgün yerleştirilmesi */
    .ogrServisTakibi [id*="uyariLbl"] {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }
}

/* Mobil Responsive */
@media (max-width: 768px) {
    /* Dikey çizgi sorunu için mobil düzeltmeler */
    .ogrServisTakibi .span5,
    .ogrServisTakibi .span7 {
        border: none !important;
        background-image: none !important;
        clear: both !important;
    }

    .ogrServisTakibi [id*="uyariLbl"] {
        margin-top: 0 !important;
        width: 100% !important;
    }
}

.veliOgrenciBilgisi table.listTable td {
    text-align: left !important;
    padding: 7px;
    line-height: 18px;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.yakinGorusleri .RadGrid_Default .rgHeader,
.yakinGorusleri .RadGrid_Default .rgHeader a {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
    padding: 7px !important;
    line-height: 18px !important;
}

.yakinGorusleri label {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700;
    padding-top: 9px !important;
}

.yakinGorusleri .labelDiv {
    display: inline-block !important;
    vertical-align: middle !important;
}

.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
    background-image: unset !important;
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
    min-height: 24px !important;
    padding: 3px !important;
    padding-left: 13px !important;
    padding-right: 5px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 13px !important;
}

.yakinGorusleri .rbPrimaryIcon.rbSave{
    top:7px !important;
}


.veliKarneEkrani table.mainTable td.ltd .EntryLabel{
    padding-left: 0px !important;
    padding: 0px !important;
}

.veliKarneEkrani table.listTable td{
    text-align: left !important;
}

.veliAlternatifKarne .DataTable th {
    background: var(--primary-color) !important;
    background-image: unset !important;
    color: var(--white-color) !important;
    font-size: 13px !important;
    padding: 7px !important;
    line-height: 18px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliAlternatifKarne .DataTable td {
    font-size: 12px !important;
    padding: 3px !important;
    text-align: left !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: black !important;
}

.veliEtutOnlineBasvuru .RadGrid_WebBlue .rgHeader {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
    font-size: 13px !important;
    padding: 7px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    line-height: 18px !important;
    font-weight: 700;
    width: 91px !important;
    text-wrap: initial;
}

.veliSinavSecimi th.GridHeader_default {
    background: var(--grey-color) !important;
    background-image: unset !important;
    color: black !important;
    font-size: 13px !important;
    padding: 5px !important;
    line-height: 12px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliSinavSecimi div.RadGrid_default{
    width: 97% !important;
}

.veliSinavSecimi .RadGrid_default .GridHeaderDiv_default{
    width: 100% !important;
}

.veliSinavSecimi .GridAltRow_default td,
.veliSinavSecimi .GridRow_default td {
    text-align: left !important;
}

.veliOgrenciSinavTakvimi th.GridHeader_default {
    background: var(--primary-color) !important;
    background-image: unset !important;
    color: var(--white-color) !important;
    font-size: 13px !important;
    padding: 5px !important;
    line-height: 18px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliOgrenciSinavTakvimi .GridRow_default td {
    text-align: left !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px !important;
}


.veliOGRDevamsizlikBilgisi .EntryInput,
.veliOGRDevamsizlikBilgisi .EntryDropDownListLock,
.veliOGRDevamsizlikBilgisi .radFocusedCss_default,
.veliOGRDevamsizlikBilgisi .EntryInputLock,
.veliOGRDevamsizlikBilgisi .radHoverCss_default,
.veliOGRDevamsizlikBilgisi .radEnabledCss_default,
.veliOGRDevamsizlikBilgisi .EntryInputFocus{
    width: 138px !important;
}

.veliOGRDevamsizlikBilgisi .panelInForm {
    max-width: 450px !important;
    padding-right: 5px !important;
}

.veliOGRDevamsizlikBilgisi .rtsOut {
    padding: 3px !important;
    line-height: 25px !important;
}

.veliOGROkulDurumPuani .profile-header {
    padding: 7px !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-weight: bold !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliOGROkulDurumPuani .profile-container{
    padding-right: 9px !important;
}

.veliOGROkulDurumPuani th.GridHeader_default {
    background: var(--primary-color) !important;
    background-image: unset !important;
    color: var(--white-color) !important;
    font-size: 13px !important;
    padding: 5px !important;
    line-height: 12px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliOGROkulDurumPuani .GridRow_default td {
    text-align: left !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px !important;
}

.veliOGROkulDurumPuani .table.mainTable td.ltd .EntryLabel {
    padding-left: 0px !important;
}

.veliOgrenciOdevIstatistikleri .profile-header {
    padding: 7px !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-weight: bold !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliOgrenciOdevIstatistikleri .RadGrid_Simple .rgHeader {
    background: var(--primary-color) !important;
    background-image: unset !important;
    color: var(--white-color) !important;
    font-size: 13px !important;
    padding: 7px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    line-height: 18px !important;
    text-align: left !important;
}

.veliOgrenciOdevIstatistikleri .RadButton_Metro.rbSkinnedButton,
.veliOgrenciOdevIstatistikleri .RadButton_Metro .rbDecorated {
    height: 20px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 2px;
}

.veliOgrenciOdevIstatistikleri .rbPrimaryIcon{
    top: 5px !important;
}

.veliOgrenciOdevIstatistikleri .EntryLabel {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: black !important;
    line-height: 14px !important;
}

.veliOgrenciOdevIstatistikleri .RadButton_Metro.rbSkinnedButton:hover,
.RadButton_Metro.rbVerticalButton:hover,
.RadButton_Metro:hover .rbDecorated {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.veliRandevuTakipmn .RadButton_Windows7.rbSkinnedButton,
.veliRandevuTakipmn .RadButton_Windows7 .rbDecorated,
.veliRandevuTakipmn .RadButton_Windows7.rbVerticalButton,
.veliRandevuTakipmn .RadButton_Windows7.rbVerticalButton .rbDecorated,
.veliRandevuTakipmn .RadButton_Windows7 .rbSplitRight,
.veliRandevuTakipmn .RadButton_Windows7 .rbSplitLeft {
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.veliRandevuTakipmn .RadGrid_Windows7 .rgHeader,
.veliRandevuTakipmn .RadGrid_Windows7 th.rgResizeCol,
.veliRandevuTakipmn .RadGrid_Windows7 .rgMultiHeaderRow th.rgHeader,
.veliRandevuTakipmn .RadGrid_Windows7 .rgMultiHeaderRow th.rgResizeCol {
    background: var(--grey-color) !important;
}

.veliRandevuTakipmn .RadGrid_Windows7 .rgHeader,
.veliRandevuTakipmn .RadGrid_Windows7 .rgHeader a {
    color: var(--primary-color) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliRandevuTakipmn .RadGrid .rgHeader {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.veliRandevuTakipmn .panel {
    margin-bottom: 5px !important;
}

.veliVeliKulupTercih .rdRight,
.veliVeliKulupTercih .RadDock_Metro .rdCenter .rdCommands a span,
.veliVeliKulupTercih .RadDock .rdTable .rdTop .rdLeft,
.veliVeliKulupTercih .rdTitleBar {
    background: var(--primary-color) !important;

}

.veliVeliKulupTercih .ust-baslik-alani{
    padding-bottom: 5px !important;
}

.veliVeliKulupTercih .RadButton, .veliVeliKulupTercih .RadButton .rbPrimaryIcon {
    top: 7px !important;
}

.veliVeliKulupTercih .rbPrevious {
    top: 9px !important;
}

.rnTitleBar,
.RadNotification_Metro .rnTitleBar,
.RadNotification_Metro .rnCommands a,
.RadNotification_Metro.rnRoundedCorners {
    background: var(--primary-color) !important;
}
.RadNotification_Metro {
    border: 1px solid var(--primary-color) !important;
}

.veliVeliKulupTercih .RadDock_Metro .rdTitleBar em {
    font-size: 14px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    line-height: 33px !important;
    font-weight: 700 !important;
}

.rnTitleBarTitle {
    font-size: 13px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700 !important;
}

.rnContent {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliVeliKulupTercih .hForm span{
    font-size: 13px !important;
}

.veliWebServisAyar strong {
    color: var(--primary-color) !important;
    font-size: 14px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700 !important;
}

.veliWebServisAyar .RadButton_Default.rbSkinnedButton {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.veliWebServisAyar .RadButton_Default .rbDecorated,
.veliWebServisAyar .RadButton_Default.rbVerticalButton,
.veliWebServisAyar .RadButton_Default.rbVerticalButton .rbDecorated,
.veliWebServisAyar .RadButton_Default .rbSplitRight,
.veliWebServisAyar .RadButton_Default .rbSplitLeft {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.veliWebServisAyar td {
    font-size: 13px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.veliWebServisAyar table{
    margin-top: 9px !important;
}


.veliOgrenciGecisListesi legend strong {
    color: var(--primary-color) !important;
    font-size: 14px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700 !important;
}

.veliOgrenciGecisListesi .RadInput_Default .riTextBox{
    width: 100% !important;
}

.veliOgrenciGecisListesi .rbPrimaryIcon {
    top:7px !important;
}

.veliOgrenciGecisListesi .RadGrid_Default .rgCommandRow {
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.veliOgrenciGecisListesi .RadGrid_Default .rgHeader,
.veliOgrenciGecisListesi .RadGrid_Default .rgHeader a{

}

.veliOgrenciGecisListesi .RadGrid_Default .rgCommandCell {
    border: none !important;
    border-color: unset !important;
    border-top-width: 0;
    padding: 0;
}

.veliOgrenciGecisListesi .RadGrid_Default .rgHeader,
.veliOgrenciGecisListesi .RadGrid_Default th.rgResizeCol {
    background: var(--primary-color) !important;
    border: 1px solid black;
    color: white !important;
}