﻿/* Public dealer application and sign-in. All rules stay inside this page. */
#odyo-bayii{padding:32px 20px 48px;color:#17384f;font:16px/1.65 Arial,sans-serif}
#odyo-bayii *{box-sizing:border-box}
#odyo-bayii>.shell{width:100%;max-width:1320px;margin:auto}
#odyo-bayii #loginaciklama{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;float:none!important;width:100%!important;height:auto!important;align-items:start}
#odyo-bayii #aciklama,#odyo-bayii .lgnpnl,#odyo-bayii .uyesag{float:none!important;width:100%!important;height:auto!important;margin:0!important;min-width:0}
#odyo-bayii #aciklama{display:flex;flex-direction:column;gap:20px}
#odyo-bayii .uyesag,#odyo-bayii .lgnpnl{padding:28px;border:1px solid #d7e5ee;border-radius:18px;background:#fff;box-shadow:0 8px 30px #17384f06}
#odyo-bayii .divbayiol,#odyo-bayii .divbayiigiris{background:none!important;height:auto!important;min-height:0!important;margin:0 0 20px!important;padding:0 0 16px;border-bottom:2px solid #e2f1f8;color:#17384f!important;text-align:left!important;font:700 28px/1.3 Arial,sans-serif!important}
:where(#odyo-bayii) .divbayiol:after{content:'Bayii Başvurusu'}
:where(#odyo-bayii) .divbayiigiris:after{content:'Bayii Girişi'}
#odyo-bayii table{width:100%!important;height:auto!important;border:0!important;border-collapse:collapse;background:none!important;box-shadow:none!important}
#odyo-bayii td{height:auto!important;border:0!important;padding:7px 5px;vertical-align:middle;font-size:16px!important;line-height:1.5}
#odyo-bayii .loginback{background:none!important;border:0!important;padding:0!important}
#odyo-bayii .lgnpnl td{padding:5px 0!important}
#odyo-bayii .lgnpnl label,#odyo-bayii .lgnpnl span{font-size:16px!important}
#odyo-bayii input[type=text],#odyo-bayii input[type=password],#odyo-bayii textarea,#odyo-bayii select{width:100%!important;max-width:100%;height:auto!important;min-height:46px;padding:10px 12px!important;border:1px solid #c9dce8!important;border-radius:8px;background:#fff!important;color:#17384f!important;font:16px/1.5 Arial,sans-serif!important;box-shadow:none}
#odyo-bayii textarea{min-height:100px;resize:vertical}
#odyo-bayii [id$="Div1"]{display:flex;align-items:center;gap:5px;width:100%!important;height:auto!important;border:0!important;font-size:16px!important;background:none!important}
#odyo-bayii input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin:0 8px 0 0;accent-color:#087db2}
#odyo-bayii input[type=submit],#odyo-bayii .girisbutton,#odyo-bayii .kayitbutton2{display:inline-flex;align-items:center;justify-content:center;float:none!important;width:auto!important;min-width:150px;height:auto!important;min-height:46px;background:#087db2!important;background-image:none!important;border:0!important;border-radius:9px;padding:12px 24px!important;color:#fff!important;font:600 17px/1.4 Arial,sans-serif!important;text-shadow:none!important;text-decoration:none}
#odyo-bayii .sifrebutton{background:#087db2!important;border-radius:8px;padding:10px;color:white!important;height:auto!important;width:auto!important}
#odyo-bayii a{color:#087db2}#odyo-bayii :focus-visible{outline:3px solid #f7941d;outline-offset:3px}
#odyo-bayii [id$="uyeol"]{float:none!important;width:100%!important;height:auto!important;padding:20px 24px;border-radius:12px;background:#edf7fc;color:#49697d;order:-1}
#odyo-bayii [id$="uyeol"] span{font:inherit!important;color:inherit!important}#odyo-bayii [id$="uyeol"] br~br{display:none}
#odyo-bayii #altshad{display:none}#odyo-bayii img{max-width:100%;height:auto}
@media(max-width:850px){#odyo-bayii{padding:20px 12px}#odyo-bayii #loginaciklama{grid-template-columns:1fr;gap:20px}#odyo-bayii .uyesag,#odyo-bayii .lgnpnl{padding:20px}#odyo-bayii .divbayiol,#odyo-bayii .divbayiigiris{font-size:25px!important}}
@media(max-width:520px){#odyo-bayii .uyesag table,#odyo-bayii .uyesag tbody,#odyo-bayii .uyesag tr,#odyo-bayii .uyesag td{display:block;width:100%!important}#odyo-bayii .uyesag td{padding:3px 0}#odyo-bayii .uyesag tr{margin-bottom:10px}#odyo-bayii .uyesag td:has(>input),#odyo-bayii .uyesag td:has(>select){padding-bottom:5px}}

#odyo-bayii table,#odyo-bayii td,#odyo-bayii span,#odyo-bayii label{font-family:Arial,Helvetica,sans-serif!important}
