body{ margin:0; font-family: Arial, Helvetica, sans-serif; font-size:14px; background: #DEE9F0 url(../images/body/gri.jpg) center center no-repeat fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;  }
a{ color: #393e37; font-weight:bold;  text-decoration:none;}
.error{ margin-top:0px; padding:0px 0px; color: #393e37 ; background-color: #cdd2cb; }
.error a{color: #1e211d; text-decoration:none; }
.error strong a{color: #1e211d; text-decoration:none; }
.modorta {border-top: 2px solid #ffffff; padding:2px 2px;  color:#393e37; border-bottom: #CCCCCC solid 1px;background-color:#EFEFF2; }
.modorta a{color: #1e211d; text-decoration:none; }
.modorta strong a{color: #1e211d; text-decoration:none; }
.orta {border-top: 2px solid #ffffff; padding:2px 2px;  color:#393e37; border-bottom: #CCCCCC solid 1px;background-color:#EFEFF2; }
.orta a{color: #1e211d; text-decoration:none; }
.orta strong a{color: #1e211d; text-decoration:none; }
.yaziyeri { padding:1px 2px; font-family: Arial, Helvetica, sans-serif; border-bottom: #CCCCCC solid 1px; background:#FFFFFF; }
.button { font-size:12px; color:#FFFFFF !important; font-weight:bold; border: #120568 solid 1px; background-color: #393e37; padding: 3px; border-radius: 5px; }
.secim{ margin-top:2px; padding:2px 2px; color:#000066; background-color: #b3b9b0; }
.secim a{color: #1e211d; text-decoration:none; }
.secim strong a{color: #1e211d; text-decoration:none; }
input[type="text"],input[type="password"],.inputbox {background:url(../images/duman/serenat_b22.gif) repeat !important; color:#695eb2 ; width:200px; height:24px;border:#695eb2  2px solid;padding-left: 3px; margin:3px 3px 1px 3px;font-weight:bold; -webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; border-radius: 8px; }
select {background-color: #BDBDEE; border:1px solid #120568; color:#393e37; }
.ortaimg{float:left;margin-right:1px;}
img { border:0px; padding:1px; margin:1px; }
.ikon { border:1px solid #14066E; padding:1px; margin:1px; }
.pagination{ padding: 2px; font-size: 12px; text-align: center;}
.pagination a, .pagination a:visited{ font-size: 12px; padding: 0 2px; border: 1px solid #9aafe5; text-decoration: none; color: #393e37; }
.pagination a:hover, .pagination a:active{ font-size: 12px; border: 1px solid #2b66a5; color: #000; background-color: #FFFF80;}
.sekil {padding:2px 2px; margin-bottom:5px; background: #6d61b4; display:block;}
.cizgi { background-color:#b3b9b0; border-bottom: 1px solid #949892; display:block; clear:both; padding:2px 7px;}
.brd{border:2px solid #1e211d;}
.clear{clear:both;}
img.o {vertical-align: middle;}
img.cep-meydan-logo {display:block; width:80%; max-width:240px; height:auto; margin:8px auto; padding:0;}
.enb {max-height: 25px;    max-width: 140px;   vertical-align: middle;}
.ortala {text-align:center;}
.iss{float:right;margin-top: 0px;margin-right: 10px;}
.rds{border-radius:50%;}

/* Shared landing-page components */
.tant {padding:0;background:#fff;}
.tant ul {font-size:14px;line-height:20px;padding:0;margin:0;}
.tant ul li {border-top:1px solid #fff;border-bottom:1px solid #ddd;overflow:hidden;padding:5px 20px 10px 10px;}
.tant ul li a {display:block;padding:0;color:#444;}
.tant ul li a.only-title {display:inline;padding:0;}
.tant ul li .menu-icon {float:left;display:block;width:48px;height:48px;margin:0 7px 7px 0;}
.tant ul li .menu-icon img {float:none;display:block;width:auto;height:auto;margin:0;}
.tant ul li em {display:block;margin-top:2px;font-size:12px;color:#777;font-style:normal;}
.tant ul li a small {font-style:normal;font-size:11px;color:#f00;}
.tantn {text-align:left;padding:0;background:#fff;font-size:14px;margin:0;border-top:1px solid #fff;border-bottom:1px solid #bcbcbc;overflow:hidden;}
.tantn strong {display:block;font-size:13px;color:#130472;font-weight:bold;}
.support-banner {width:88%;max-width:380px;margin:3px 0 7px 10px;border:1px solid #17608d;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#176a9d 0%,#2381b5 64%,#3a94c7 100%);box-shadow:0 2px 5px rgba(25,71,100,.14);}
.support-banner a {position:relative;display:flex;align-items:center;min-height:68px;padding:0 78px 0 13px;box-sizing:border-box;color:#fff;font-weight:normal;text-decoration:none;}
.support-banner .support-copy {display:block;}
.support-banner strong {display:block;margin:0;color:#fff;font-size:15px;line-height:18px;}
.support-banner em {display:block;margin-top:2px;color:#e4f2fc;font-size:11px;line-height:14px;font-style:normal;}
.support-banner img {position:absolute;top:50%;right:7px;display:block;width:52px;height:52px;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);object-fit:cover;object-position:center 18%;transform:translateY(-50%);}

/* Hakkımızda page only: preserve the legacy layout while softening its headings. */
.error.about-section-heading { padding:2px 5px; box-sizing:border-box; }
.about-section-title { display:flex; align-items:center; gap:7px; color:#8b3f4e; }
.about-section-heading-text { display:block; min-width:0; line-height:18px; }
.about-heading-icon { display:block; flex:0 0 16px; width:16px; height:16px; padding:0; margin:0; }
.modorta.about-copy { border-left:6px solid #990000; padding-left:8px; box-sizing:border-box; }
.about-breadcrumb-current { color:#393e37; font-weight:normal; }
.secim img.about-home-icon { display:inline-block; width:16px; height:16px; padding:0; margin:0 4px 0 0; vertical-align:middle; }
.about-back-row { padding:5px 7px; text-align:left; background:#f4faff; border-top:1px solid #fff; border-bottom:1px solid #cddde7; }
.about-back-link { display:inline-block; color:#287fa8 !important; font-weight:bold; text-decoration:none; }
.about-back-icon-wrap { display:inline-block; width:22px; height:22px; margin:0 6px 0 0; border:1px solid #b9dff0; border-radius:50%; background:#e5f5fc; text-align:center; line-height:22px; vertical-align:middle; }
.about-back-icon { display:inline-block; width:16px; height:16px; margin:0; padding:0; vertical-align:middle; }

/* Contact page: match the About page headings and content bars without changing shared rules. */
.error.contact-section-heading { padding:2px 5px; box-sizing:border-box; }
.contact-section-title { display:flex; align-items:center; gap:7px; color:#8b3f4e; }
.contact-section-heading-text { display:block; min-width:0; line-height:18px; }
.contact-heading-icon { display:block; flex:0 0 16px; width:16px; height:16px; padding:0; margin:0; }
.orta.contact-copy { border-left:6px solid #990000; padding:4px 8px; box-sizing:border-box; }
.contact-detail-row { display:flex; align-items:flex-start; gap:6px; min-height:22px; line-height:20px; }
.contact-detail-icon { display:block; flex:0 0 14px; width:14px; height:14px; padding:0; margin:3px 0 0; }
.contact-detail-text { display:block; min-width:0; overflow-wrap:anywhere; }
.contact-detail-text a { overflow-wrap:anywhere; word-break:break-word; }
.contact-breadcrumb-current { color:#393e37; font-weight:normal; }

/* Password recovery page: retain the original full-width rows and centered WAP form. */
.forgot-page .forgot-title-divider { width:68%; max-width:250px; height:1px; margin:4px auto 1px; background:#c6dce8; }
.forgot-page img.forgot-title-icon { display:inline-block; width:18px; height:18px; margin:0 5px 0 0; padding:0; vertical-align:middle; }
.forgot-page .secim strong { color:#fff !important; font-weight:700; text-shadow:0 1px 2px rgba(14,32,55,.95), 0 0 4px rgba(14,32,55,.72); }
.forgot-page .forgot-field-label { display:inline-flex; align-items:center; justify-content:center; gap:4px; color:#365f80; font-size:13px; line-height:20px; font-weight:600; vertical-align:middle; }
.forgot-page .forgot-field-label img { display:block; width:16px; height:16px; margin:0; padding:0; }
.forgot-page input.forgot-input { display:inline-block; width:200px !important; max-width:95%; height:24px !important; margin:3px auto 1px !important; padding:3px 6px !important; box-sizing:border-box; border:1px solid #a9c8d4 !important; border-radius:5px !important; background:#fff !important; color:#365f80 !important; box-shadow:inset 0 1px 2px rgba(40,80,110,.06); font-size:12px; font-weight:normal; }
.forgot-page .forgot-submit { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:24px; margin:6px 0 0; padding:3px 8px; border:1px solid #a9cbd9; border-radius:5px; background:#e7f4fa; color:#365f80; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; font-weight:600; cursor:pointer; vertical-align:middle; }
.forgot-page .forgot-submit img { display:block; width:16px; height:16px; margin:0; padding:0; }
.forgot-page a.forgot-action-link { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:26px; margin:5px 0; padding:4px 8px; box-sizing:border-box; border:1px solid #dce7ee; border-radius:5px; background:#f7fbfd; color:#365f80 !important; font-size:12px; line-height:16px; font-weight:600; text-decoration:none; vertical-align:middle; }
.forgot-page a.forgot-action-link img { display:block; width:16px; height:16px; margin:0; padding:0; }
.forgot-page a.home-system-info { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:24px; margin:0 auto 2px; padding:2px 7px; box-sizing:border-box; border:1px solid #e1e9ee; border-radius:4px; background:#f9fcfd; box-shadow:0 1px 2px rgba(40,80,110,.04); color:#365f80 !important; font-size:11px; line-height:14px; font-weight:600; text-decoration:none; }
.forgot-page a.home-system-info img { display:block; width:15px; height:15px; margin:0; padding:0; }
.forgot-page .forgot-system-info .cizgi { height:1px; margin:5px 0; padding:0; background:#e1e6e9; border:0; }

/* Dost sites page: small local Bootstrap icon accents; retain the existing rows and labels. */
.dost-page img.dost-title-icon { display:inline-block; width:18px; height:18px; margin:0 5px 0 0; padding:0; vertical-align:middle; }
.dost-page .dost-title-label { color:#2e83a8 !important; font-weight:700; }
.dost-page a.dost-action-link { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:26px; margin:1px 0; padding:3px 8px; box-sizing:border-box; border:1px solid #dce7ee; border-radius:5px; background:#f7fbfd; color:#365f80 !important; font-size:inherit; line-height:18px; font-weight:600; text-decoration:none; vertical-align:middle; }
.dost-page a.dost-site-add-link { background:transparent !important; background-color:transparent !important; border-color:transparent !important; box-shadow:none !important; }
.dost-page a.dost-action-link img { display:block; width:16px; height:16px; margin:0; padding:0; }

/* Dost site add form submit button, matching the compact blue action links. */
.dost-page input.dost-submit { display:inline-block; min-height:24px; margin:2px 0 0; padding:3px 9px; border:1px solid #216a8a; border-radius:5px; background:#2e83a8; color:#fff !important; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; font-weight:600; cursor:pointer; vertical-align:middle; }
.dost-page input.dost-submit:focus { outline:2px solid rgba(46,131,168,.3); outline-offset:2px; }
/* Compact icons for labels in the Dost site add form. */
.dost-page img.dost-field-icon { display:inline-block; width:16px; height:16px; margin:0 4px 0 0; padding:0; vertical-align:middle; }
/* Form navigation: full-width translucent white area, with compact links and one fine divider. */
.dost-page .dost-form-nav { display:block; width:auto; box-sizing:border-box; margin:0 -2px; padding:2px; background:#fff !important; background-color:rgba(255,255,255,.78) !important; border:0 !important; box-shadow:none !important; }
.dost-page .dost-empty-home-nav { display:block; width:auto; box-sizing:border-box; margin:0 -2px; padding:2px; background:#fff !important; background-color:rgba(255,255,255,.78) !important; border:0 !important; box-shadow:none !important; text-align:center; }
.dost-page .dost-empty-home-nav a.dost-action-link { background:transparent !important; background-color:transparent !important; border-color:transparent !important; box-shadow:none !important; }
.dost-page .dost-empty-system-link { display:block; box-sizing:border-box; margin:3px 0 4px; padding:4px 7px; background:rgba(255,255,255,.48); border-bottom:1px solid #d9e7ee; text-align:left; }
.dost-page .dost-empty-info-link { display:inline-flex; align-items:center; gap:5px; color:#276d92 !important; font-size:inherit; line-height:18px; font-weight:600; text-decoration:none; vertical-align:middle; }
.dost-page .dost-empty-info-link img { display:block; width:16px; height:16px; margin:0; padding:0; }
.dost-page .dost-empty-state { display:flex; align-items:center; justify-content:flex-start; gap:8px; box-sizing:border-box; width:100%; margin:4px 0; padding:7px 9px; border:1px solid #c8e2ee; border-radius:4px; background:#edf7fc; color:#315f78; line-height:1.35; text-align:left; }
.dost-page .dost-empty-state img { display:block; flex:0 0 18px; width:18px; height:18px; margin:0; padding:0; }
.dost-page .dost-form-nav a.dost-form-nav-link,
.dost-page .dost-form-nav a.dost-form-nav-link:link,
.dost-page .dost-form-nav a.dost-form-nav-link:visited,
.dost-page .dost-form-nav a.dost-form-nav-link:hover,
.dost-page .dost-form-nav a.dost-form-nav-link:active { display:inline-flex; align-items:center; justify-content:flex-start; gap:4px; min-height:0 !important; margin:0 !important; padding:0 !important; box-sizing:content-box; border:0 !important; border-radius:0 !important; background:transparent !important; background-color:transparent !important; box-shadow:none !important; color:#12324a !important; font-size:inherit; line-height:normal; font-weight:700; text-decoration:none; text-shadow:0 0 2px #f7fbfd, 0 1px 0 #f7fbfd; vertical-align:middle; }
.dost-page .dost-form-nav a.dost-form-nav-link img { display:inline-block; width:14px; height:14px; margin:0; padding:0; vertical-align:middle; -webkit-filter:drop-shadow(0 0 1px #f7fbfd); filter:drop-shadow(0 0 1px #f7fbfd); }
.dost-page .dost-form-nav .cizgi { display:block; height:1px; margin:2px 0; padding:0 !important; background:#dce4e9 !important; border:0 !important; box-shadow:none !important; }
/* Password delivery result: reuse the recovery page palette in the post-submit view. */
.forgot-page .forgot-result-card { width:calc(100% - 20px); max-width:560px; box-sizing:border-box; margin:16px auto 12px; padding:14px 14px 13px; border:1px solid #d7e6ee; border-radius:8px; background:rgba(255,255,255,.97); color:#40596b; text-align:center; line-height:1.5; box-shadow:0 3px 12px rgba(33,78,105,.12); }
.forgot-page .forgot-result-heading { display:flex; align-items:center; justify-content:center; gap:7px; color:#365f80; font-size:16px; line-height:22px; font-weight:700; }
.forgot-page .forgot-result-heading img { display:block; flex:0 0 20px; width:20px; height:20px; margin:0; padding:0; }
.forgot-page .forgot-result-card .forgot-title-divider { width:68%; max-width:250px; height:1px; margin:7px auto 10px; background:#c6dce8; }
.forgot-page .forgot-result-copy { margin:0; padding:10px 11px; border-left:3px solid #2e83a8; border-radius:4px; background:#f3f9fc; text-align:left; overflow-wrap:anywhere; }
.forgot-page .forgot-result-message { margin:0; color:#4b5e6b; font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
.forgot-page .forgot-result-message strong { color:#365f80; }
.forgot-page a.forgot-result-return { display:table; min-height:26px; margin:11px auto 0; }
.forgot-page .error { margin:4px auto; padding:3px 6px; background:transparent; color:#738391; font-size:11px; }

/* Keep reset responses on the same flower background and style the rate-limit notice. */
body.forgot-page { min-height:100vh; background-color:#DEE9F0; background-image:url(../images/body/gri.jpg); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; }
.forgot-page .forgot-flood-notice { display:flex; align-items:flex-start; gap:8px; margin:0; padding:9px 10px; border:1px solid #d6e8f1; border-left:3px solid #2e83a8; border-radius:5px; background:#f3f9fc; color:#4b5e6b; text-align:left; line-height:1.5; }
.forgot-page .forgot-flood-notice img { display:block; flex:0 0 20px; width:20px; height:20px; margin:1px 0 0; padding:0; }
.forgot-page .forgot-flood-notice p { margin:0; min-width:0; overflow-wrap:anywhere; }
.forgot-page .forgot-flood-notice strong { color:#365f80; }
.forgot-page .forgot-flood-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; margin:10px 0 0; }
.forgot-page .forgot-flood-actions a.forgot-action-link { margin:0; }
/* Keep password result and rate-limit actions level, with icons beside their labels. */
.forgot-page .forgot-result-actions,
.forgot-page .forgot-flood-actions { display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; gap:8px; width:100%; box-sizing:border-box; }
.forgot-page .forgot-result-actions { margin:11px auto 0; }
.forgot-page .forgot-flood-actions { margin:10px 0 0; }
.forgot-page .forgot-result-actions > a.forgot-action-link,
.forgot-page .forgot-flood-actions > a.forgot-action-link { display:inline-flex; flex:0 1 auto; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:26px; margin:0; padding:4px 8px; line-height:16px; white-space:nowrap; }
.forgot-page .forgot-result-actions > a.forgot-action-link img,
.forgot-page .forgot-flood-actions > a.forgot-action-link img { display:block; flex:0 0 16px; width:16px; height:16px; margin:0; padding:0; }
@media (max-width:360px) {
  .forgot-page .forgot-result-actions > a.forgot-action-link,
  .forgot-page .forgot-flood-actions > a.forgot-action-link { gap:4px; padding:3px 6px; font-size:11px; }
}
/* Forgot form navigation: left aligned rows with separators and no button fill. */
.forgot-page .forgot-form-nav { display:flex; flex-direction:column; align-items:stretch; width:100%; margin:2px 0 0; text-align:left; box-sizing:border-box; }
.forgot-page .forgot-form-nav > a.forgot-form-nav-link { display:flex; align-items:center; justify-content:flex-start; gap:6px; width:100%; min-height:29px; margin:0; padding:5px 2px; box-sizing:border-box; border:0; border-bottom:1px solid #d8e3e9; border-radius:0; background:transparent !important; color:#365f80 !important; font-size:12px; line-height:18px; font-weight:600; text-align:left; text-decoration:none; }
.forgot-page .forgot-form-nav > a.forgot-form-nav-link:first-child { border-top:1px solid #d8e3e9; }
.forgot-page .forgot-form-nav > a.forgot-form-nav-link img { display:block; flex:0 0 16px; width:16px; height:16px; margin:0; padding:0; }
/* Password recovery validation errors: a quiet back row separated by thin rules. */
.forgot-page .forgot-validation-actions { display:flex; align-items:center; justify-content:flex-start; width:100%; box-sizing:border-box; margin:10px 0 0; padding:7px 0; border-top:1px solid #d8e3e9; border-bottom:1px solid #d8e3e9; }
.forgot-page .forgot-validation-actions > a.forgot-validation-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; min-height:22px; margin:0; padding:0; border:0; border-radius:0; background:transparent !important; color:#365f80 !important; font-size:12px; line-height:18px; font-weight:600; text-align:left; text-decoration:none; }
.forgot-page .forgot-validation-actions > a.forgot-validation-link img { display:block; flex:0 0 16px; width:16px; height:16px; margin:0; padding:0; }