.error,.inputslogin button,.left_date,.titlelogin p,a.wtchvdo,ul.topmenu li a,ul.topmenu li ul a{
    text-transform:uppercase
}
.imageline,.logo a,.topline{
    display:block
}
.imageline,ul.topmenu li ul a{
    font-weight:700;
    text-align:center
}
.bc_info a,body,ul.topmenu li a{
    font-family:Arial
}
body{
    font-size:15px;
    color:#bdbdbd;
    background:#101010;
    scrollbar-base-color:#666;
    scrollbar-3dlight-color:#7d7d7d;
    scrollbar-highlight-color:#7d7d7d;
    scrollbar-track-color:#949494;
    scrollbar-arrow-color:#000;
    scrollbar-shadow-color:#7d7d7d;
    scrollbar-dark-shadow-color:#7d7d7d
}
input[type=radio]{
    outline:0;
    border:2px solid red;
    background:#202020
}
.imageline{
    height:300px;
    width:100%;
    background:url(../img/bg_top.webp);
    margin-top:60px;
    color:#fff;
    font-size:50px;
    text-shadow:0 0 16px #000;
    line-height:300px
}
.logo a,ul.topmenu li a{
    height:60px;
    line-height:60px
}
.imageline span{
    color:#ffd822
}
.main_width{
    width:1280px;
    margin:0 auto
}
.topline{
    position:fixed;
    height:60px;
    background:#141414;
    width:100%;
    top:0;
    z-index:3
}
.logo a{
    width:140px;
    background:url(../img/logo.png) center center no-repeat;
    float:left;
    margin-right:5px
}
ul.topmenu li.api a i,ul.topmenu li.billing a i,ul.topmenu li.binbase a i,ul.topmenu li.buy a i,ul.topmenu li.checkers a i,ul.topmenu li.news a i,ul.topmenu li.orders a i,ul.topmenu li.support a i{
    background-image:url(../img/tb_sprite.png);
    background-repeat:no-repeat
}
ul.topmenu{
    list-style:none;
    height:60px;
    float:left;
    padding:0
}
ul.topmenu li{
    display:inline-block;
    float:left
}
ul.topmenu li a,ul.topmenu li a i{
    display:block;
    background-color:#141414
}
ul.topmenu li a{
    padding:0 24px;
    font-size:17px;
    font-weight:700;
    color:#fff
}
ul.topmenu li a span{
    color:#ffd822
}
ul.topmenu li a i{
    position:absolute;
    width:30px;
    height:30px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-top:-15px;
    z-index:100
}
ul.topmenu li.pmenu a{
    cursor:default
}
ul.topmenu li.pmenu ul li a{
    cursor:pointer
}
ul.topmenu li:hover a,ul.topmenu li:hover a i{
    background-color:#090909;
    text-decoration:none
}
ul.topmenu li:hover a{
    -webkit-transition:background .47s ease-in-out;
    -moz-transition:background .47s ease-in-out;
    -ms-transition:background .47s ease-in-out;
    -o-transition:background .47s ease-in-out;
    transition:background .47s ease-in-out
}
ul.topmenu li:hover a i{
    -webkit-transition:all .47s ease-in-out;
    -moz-transition:all .47s ease-in-out;
    -ms-transition:all .47s ease-in-out;
    -o-transition:all .47s ease-in-out;
    transition:all .47s ease-in-out;
    transform:rotate(360deg)
}
ul.topmenu li.pmenu:hover a,ul.topmenu li.pmenu:hover a span{
    -webkit-transition:color .24s ease-in-out;
    -moz-transition:color .24s ease-in-out;
    -ms-transition:color .24s ease-in-out;
    -o-transition:color .24s ease-in-out;
    transition:color .24s ease-in-out;
    color:#090909
}
ul.topmenu li.pmenu:hover a i{
    -webkit-transition:all .47s ease-in-out;
    -moz-transition:all .47s ease-in-out;
    -ms-transition:all .47s ease-in-out;
    -o-transition:all .47s ease-in-out;
    transform:rotate(360deg);
    margin-top:-45px
}
ul.topmenu li.news a i{
    margin-left:9px;
    background-position:9px 9px
}
ul.topmenu li.buy a i{
    margin-left:2px;
    background-position:9px -23px
}
ul.topmenu li.orders a i{
    margin-left:20px;
    background-position:9px -54px
}
ul.topmenu li.billing a i{
    margin-left:17px;
    background-position:9px -85px
}
ul.topmenu li.checkers a i{
    margin-left:30px;
    background-position:9px -115px
}
ul.topmenu li.binbase a i{
    margin-left:20px;
    background-position:9px -145px
}
ul.topmenu li.api a i{
    margin-left:-1px;
    background-position:9px -177px
}
ul.topmenu li.support a i{
    margin-left:25px;
    background-position:9px -208px
}
ul.topmenu li ul a{
    display:inline-block;
    height:38px;
    line-height:38px;
    background-color:#090909;
    border-top:1px solid #141414;
    font-size:10px;
    color:#ffd822!important;
    padding:0
}
.bc_info,ul.topmenu li ul li a{
    display:block
}
.bc_info,.logout a{
    height:60px;
    float:left
}
ul.topmenu li ul a:hover{
    background:#ffd822;
    color:#090909!important
}
ul.topmenu li ul{
    padding:0;
    position:absolute;
    margin-top:-450px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    opacity:0
}
ul.topmenu li:hover ul{
    margin-top:0;
    opacity:1;
    z-index:30
}
ul.topmenu li.buy ul,ul.topmenu li.buy ul li{
    width:83px
}
ul.topmenu li.billing ul,ul.topmenu li.billing ul li{
    width:114px
}
ul.topmenu li.checkers ul,ul.topmenu li.checkers ul li{
    width:138px
}
ul.topmenu li.support ul,ul.topmenu li.support ul li{
    width:128px
}
.bc_info{
    width:164px;
    background-color:#090909
}
.bc_info a b,.bc_info a span{
    font-weight:700;
    display:inline-block;
    text-transform:uppercase
}
.bc_info a span{
    font-size:10px;
    color:#ffd822;
    padding:3px 9px 3px 0;
    text-align:right;
    border-right:1px solid #464646;
    width:75px
}
.bc_info a b{
    font-size:17px;
    color:#d3d3d3;
    padding-left:10px;
    text-align:left
}
.balance{
    margin-top:5px
}
.logout a{
    display:block;
    width:60px;
    background:url(../img/logout.png) center center no-repeat
}
.logout a:hover{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    transform:rotate(-360deg)
}
.content ul.fch{
    list-style:none;
    padding:0;
    margin:0
}
.content ul.fch li:nth-child(odd){
    background-color:#090909;
    -webkit-box-shadow:0 2px #454545;
    -moz-box-shadow:0 2px #454545;
    box-shadow:0 2px #454545;
    margin-bottom:2px
}
.content ul.fch li:nth-child(even){
    background-color:#101010;
    -webkit-box-shadow:0 2px #454545;
    -moz-box-shadow:0 2px #454545;
    box-shadow:0 2px #454545;
    margin-bottom:2px
}
.fix_width{
    width:1024px;
    margin:0 auto;
    padding:30px 0
}
.left_date{
    display:block;
    width:265px;
    font-size:24px;
    color:#454545;
    position:absolute;
    z-index:1
}
.footer,.paginationme{
    width:100%;
    text-align:center
}
ul.fch .news{
    padding-left:290px
}
.paginationme{
    display:block;
    background-color:#101010;
    -webkit-box-shadow:0 2px #ffd822;
    -moz-box-shadow:0 2px #ffd822;
    box-shadow:0 2px #ffd822
}
.paginationme a{
    display:inline-block;
    height:55px;
    text-align:center;
    min-width:40px;
    padding:0 5px;
    background:#454545;
    color:#fff;
    font-size:20px;
    border-right:2px solid #101010;
    line-height:55px;
    -webkit-box-shadow:inset 0 0 #ffd822;
    -moz-box-shadow:inset 0 0 #ffd822;
    box-shadow:inset 0 0 #ffd822;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.paginationme a:hover{
    text-decoration:none;
    background:#ffd822;
    color:#101010
}
.paginationme a.active{
    color:#101010;
    background-color:#ffd822;
    background-image:-webkit-linear-gradient(bottom,#ffd822 61%,#454545);
    background-image:-moz-linear-gradient(bottom,#ffd822 61%,#454545);
    background-image:-o-linear-gradient(bottom,#ffd822 61%,#454545);
    background-image:-ms-linear-gradient(bottom,#ffd822 61%,#454545);
    background-image:linear-gradient(to top,#ffd822 61%,#454545)
}
.footer{
    margin-top:2px;
    display:block;
    background:#090909;
    clear:both
}
.footer a{
    padding:0 20px 0 85px;
    color:#fff;
    line-height:102px;
    height:102px;
    display:inline-block;
    text-decoration:none!important
}
.footer a:hover{
    background:#101010;
    text-decoration:none
}
.footer a span{
    color:#ffd822
}
.footer a.support{
    background-position:-99px -129px
}
.footer a.terms{
    background-position:-99px -48px
}
.footer a.faq{
    background-position:-99px 31px
}
.footer a.faq,.footer a.support,.footer a.terms{
    background-image:url(../img/tb_sprite.png);
    background-repeat:no-repeat
}
body.login{
    background:url(../img/bg_login.png) center center no-repeat fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.blocklogin{
    width:500px;
    padding:0 0 40px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#171717;
    -webkit-box-shadow:0 -1px 76px rgba(199,178,39,.51),inset 0 -35px #0b0b0b;
    -moz-box-shadow:0 -1px 76px rgba(199,178,39,.51),inset 0 -35px #0b0b0b;
    box-shadow:0 -1px 76px rgba(199,178,39,.51),inset 0 -35px #0b0b0b;
    position:relative;
    margin:60px auto 0;
    overflow:hidden
}
.titlelogin{
    height:90px;
    width:100%;
    text-align:center;
    background:#0b0b0b
}
.titlelogin img{
    margin:20px auto 0
}
.titlelogin p{
    font-size:16px;
    font-weight:700;
    color:#d6d02e;
    margin-top:6px
}
.alert-danger,.inputslogin button,a.wtchvdo{
    font-size:13px;
    font-weight:700
}
.loginform{
    padding:40px
}
.leftlog{
    display:block;
    width:50%;
    float:left
}
.loginform label{
    margin-right:10px;
    display:inline-block;
    float:left;
    margin-top:5px
}
.loginform input[type=password],.loginform input[type=text],input#LoginForm_password,input#LoginForm_username{
    height:35px;
    line-height:35px;
    padding:0 5px 0 18px;
    font-size:13px;
    font-weight:700;
    color:#d6d02e;
    border:0;
    border-radius:0!important;
    background-color:#0b0b0b!important;
    -webkit-box-shadow:inset 6px 0 #cbad23;
    -moz-box-shadow:inset 6px 0 #cbad23;
    box-shadow:inset 6px 0 #cbad23;
    margin-bottom:12px;
    width:160px
}
form.form-signin#password-reset-form input,form.form-signin#signup-form input{
    width:100%
}
img.captchaimg{
    position:absolute;
    height:35px;
    margin-left:-46px
}
form.form-signin img.captchaimg{
    margin-left:114px
}
.rightlog{
    float:right
}
a.wtchvdo{
    display:block;
    text-align:center;
    color:#0b0b0b;
    width:198px;
    height:35px;
    line-height:35px;
    background-color:#cbad23;
    margin-bottom:12px
}
a.wtchvdo:hover{
    text-decoration:none;
    background:#0b0b0b;
    color:#cbad23
}
.inputslogin{
    display:block;
    width:200px;
    margin:0 auto
}
.inputslogin button{
    width:198px;
    height:35px;
    line-height:35px;
    background-color:#f3f3f3;
    color:#0b0b0b;
    margin-bottom:12px;
    border:0
}
.inputslogin button:hover{
    background-color:#cb4723;
    color:#fff
}
.inputslogin button:active{
    position:relative;
    top:1px
}

.logout-alert{
    background:#d4af0f;      /* üstteki sarı bara yakın ton */
    color:#fff;              /* beyaz yazı */
    height:50px;
    line-height:50px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    position:relative;
    margin:0;                /* sağ-sol boşluk yok */
    border-radius:0;         /* yuvarlak köşe yok, panelle aynı */
}

.logout-alert {
    height: 45px;              /* bar yüksekliği */
    line-height: 45px;         /* yazıyı dikey ortalar */
    padding-left: 20px;        /* sol boşluk */
    padding-right: 40px;       /* sağ boşluk (X için yer) */
}
.logout-text {
    display: inline-block;
    vertical-align: middle;    /* yazıyı ortalar */
    line-height: normal;       /* overflow’u sıfırlar */
}
.close-alert {
    top: 12px !important;       /* X tam yukarı hizalanır */
}

.alert-danger{
    -webkit-border-radius:4px!important;
    -moz-border-radius:4px!important;
    border-radius:4px!important;
    background-color:#c31c1c!important;
    padding:10px!important;
    width:100%;
    color:#fff
}
.alert-danger a{
    text-decoration:underline
}
.error{
    font-size:12px;
    font-weight:700;
    color:#8E1B1B;
    margin-bottom:10px
}
select{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    text-indent:.01px;
    text-overflow:'';
    -ms-appearance:none;
    appearance:none!important;
    background-image:url(/img/select-arrow.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding:6px 20px 6px 12px!important
}
.col-centered{
    float:none;
    margin:0 auto
}
.ui-autocomplete{
    padding:0
}
.ui-autocomplete li{
    list-style:none;
    background:#000;
    padding:3px 5px;
    border-bottom:1px solid #303030;
    color:#FFD822;
    display:block;
    width:194px
}
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{
    background:#FFD822;
    color:#000;
    text-decoration:none
}
.ui-helper-hidden-accessible{
    position:absolute!important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}

.registerpage input[type=text],
.registerpage input[type=password] {
    background-color:#0b0b0b !important;
    box-shadow: inset 6px 0 #cbad23 !important; /* Sarı giriş efekti */
    border: none !important;
    height: 35px;
    padding-left: 18px;
    color: #d6d02e;
    font-weight: 700;
}
select::-ms-expand{
    display:none
}
/*.right {
    */
    /*display: table-cell;
    */
    /*width: 50%*/
    /*
}
*/#passBoxes {
    margin-top: 10px;   
    display: flex;
    gap: 2px;
}
#passBoxes span {
    width: 11px;
    height: 5px;
    background: #e5e5e5;
    display: inline-block;
}


#passBoxes.red span.active { background:#c9302c; }
#passBoxes.orange span.active { background:#f0ad4e; }
#passBoxes.green span.active { background:#5cb85c; }



#RegistrationForm_password_em_{
    display: block !important;
    clear: both !important;

    margin-top: 10px !important;
    margin-bottom: 12px !important;

    line-height: 16px !important;
    text-align: left !important;

  
    padding-left: 18px !important;
    box-sizing: border-box;
}

.inputslogin .help-block.error{
    display:block !important;
    padding-left:18px !important;  
    text-align:left !important;
    line-height:16px !important;
    clear:both !important;
    margin-top:8px !important;
}




#signup-form .help-block.error{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;

    padding-left:18px !important;  
    text-align:left !important;
    line-height:16px !important;

    margin:6px 0 12px 0 !important; 

    color:#8e1b1b !important;       
    clear:both !important;
}


#signup-form .help-block.error:empty{
    display:none !important;
}


#signup-form .help-block.error font{
    color:inherit !important;
}


#signup-form #passBoxes,
#signup-form .pass-boxes{
    display:flex !important;
    gap:2px !important;

    width:100% !important;
    box-sizing:border-box !important;

    padding-left:18px !important;   
    margin:6px 0 0 0 !important;    

    justify-content:flex-start !important;
    clear:both !important;
}


#signup-form #passBoxes span,
#signup-form .pass-boxes span{
    width:11px !important;
    height:5px !important;
    background:#e5e5e5 !important;
    display:inline-block !important;
}


#signup-form #passBoxes.red span.active,
#signup-form .pass-boxes.red span.active{ background:#c9302c !important; }

#signup-form #passBoxes.orange span.active,
#signup-form .pass-boxes.orange span.active{ background:#f0ad4e !important; }

#signup-form #passBoxes.green span.active,
#signup-form .pass-boxes.green span.active{ background:#5cb85c !important; }



#signup-form,
#signup-form .inputslogin,
#signup-form .form-group{
  text-align:left !important;
}


#signup-form .help-block.error{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;

  padding-left:0 !important;     
  margin-left:0 !important;
  text-indent:0 !important;

  margin-top:6px !important;
  margin-bottom:12px !important;

  line-height:16px !important;
  color:#B14338 !important;      
  clear:both !important;
}


#signup-form .help-block.error:empty{ display:none !important; }


#signup-form .help-block.error font{ color:inherit !important; }


#signup-form #passBoxes,
#signup-form .pass-boxes{
  display:flex !important;
  gap:2px !important;

  width:100% !important;
  box-sizing:border-box !important;

  padding-left:0 !important;     
  margin:6px 0 0 0 !important;

  justify-content:flex-start !important;
  clear:both !important;
}

#signup-form #passBoxes span,
#signup-form .pass-boxes span{
  width:11px !important;
  height:5px !important;
  background:#e5e5e5 !important;
  display:inline-block !important;
}

/* renkler */
#signup-form #passBoxes.red span.active,
#signup-form .pass-boxes.red span.active{ background:#c9302c !important; }

#signup-form #passBoxes.orange span.active,
#signup-form .pass-boxes.orange span.active{ background:#f0ad4e !important; }

#signup-form #passBoxes.green span.active,
#signup-form .pass-boxes.green span.active{ background:#5cb85c !important; }


#signup-form .help-block.error{
  color:#8E1B1B !important;
}

body.login #signup-form .help-block.error,
body.login #signup-form .help-block.error *{
  color:#8E1B1B !important;
}


.error,
.help-block.error,
.error *,
.help-block.error *{
  color:#8E1B1B !important;
}


.help-block.error font,
.help-block.error font[color]{
  color:inherit !important;
}


body.login .help-block.error{
    color:#8E1B1B !important;
}

#signup-form #passBoxes,
#signup-form .pass-boxes{
    margin-top: 12px !important;   
}
#signup-form input.form-control{
    background:#0b0b0b !important;
    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        border-radius .25s ease;
}
#signup-form input.form-control{
    background:#0b0b0b !important;
    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        border-radius .25s ease;
}


#signup-form input.form-control{
    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
    border-radius:7px;
}


@keyframes glowPulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.15); }
    100% { filter: brightness(1); }
}


#signup-form input.focus-orange{
    background-color:#2b220a !important;

    box-shadow:
        inset 6px 0 #f0ad4e,                      /* dik sarı çizgi */
        inset 0 0 14px rgba(240,173,78,.35),
        0 0 10px rgba(240,173,78,.45);

    animation: glowPulse 1.8s ease-in-out infinite;
}


#signup-form input.focus-red{
    background-color:#2a0f0f !important;

    box-shadow:
        inset 6px 0 #c9302c,                      /* dik kırmızı çizgi */
        inset 0 0 14px rgba(201,48,44,.45),
        0 0 14px rgba(201,48,44,.55);

    animation: glowPulse 1.2s ease-in-out infinite;
}


#signup-form input.focus-green{
    background-color:#102615 !important;

    box-shadow:
        inset 6px 0 #5cb85c,                      /* dik yeşil çizgi */
        inset 0 0 14px rgba(92,184,92,.40),
        0 0 12px rgba(92,184,92,.50);

    animation: glowPulse 2.2s ease-in-out infinite;
}


#signup-form #passBoxes{
    animation:none !important;
    filter:none !important;
}

body.login .form-control{
  padding-left: 28px !important; /* eski düz konum */
}