button{border:none;}

/*Login*/
.login .buton{border:none; margin-top:20px; border-radius:5px; display:inline-block; position:relative; font-size:14px;}
.login .buton .dizi{height:45px; padding:0 20px;}
.login .buton .ok-ileri, .login .buton .ok-geri{display:inline-block; font-size:12px; overflow:hidden; width:25px;}
.login .buton .ok-ileri{margin-left:15px;}
.login .buton .ok-geri{margin-right:15px;}
.login .buton .ok-ileri svg, .buton .ok-geri svg{width:55px; margin-top:-1px;}
.login .buton .ok-ileri svg{float:right;}
.login .buton .ok-geri svg{float:left; transform:rotate(180deg)}
.login .buton:hover .ok-ileri, .login .buton:hover .ok-geri{width:35px;}
.login .buton .adi{display:inline-block;}

.login .buton-kirmizi{background:#E4003A; color:#fff;}
.login .buton-kirmizi:hover{background:#bd0e33; color:#fff;}
.login .buton-kirmizi svg line, .buton-kirmizi svg polyline{fill:none; stroke:#fff;}

.login .buton-mavi{background:#3c3cca; color:#fff;}
.login .buton-mavi:hover{background:#1d1d92; color:#fff;}
.login .buton-mavi svg line, .login .buton-mavi svg polyline{fill:none; stroke:#fff;}

.login .buton-beyaz{background:#fff; color:#15154d;}
.login .buton-beyaz:hover{background:#fff; color:#15154d;}
.login .buton-beyaz svg line, .login .buton-beyaz svg polyline{fill:none; stroke:#15154d;}

/*İçerik*/
.btn-kirmizi{background:#E4003A; color:#fff;}
.btn-kirmizi2{background:#ef527e; color:#fff;}
.btn-mavi{background:#4f46e5; color:#fff;}
.btn-acikmavi{background:#7777f1; color:#fff;}
.btn-yesil{background:#18bd3f; color:#fff;}
.btn-turuncu{background:#de5e1d; color:#fff;}
.btn-mor{background:#781dde; color:#fff;}
.btn-turkuaz{background:#7de0d2; color:#2e8377;}
.btn-sari{background:#e8cd75; color:#5b4c19;}
.btn-kirmizi:hover{background:#8b0d28; color:#fff;}
.btn-kirmizi2:hover{background:#b7294c; color:#fff;}
.btn-mavi:hover{background:#19198b; color:#fff;}
.btn-acikmavi:hover{background:#2323c1; color:#fff;}
.btn-yesil:hover{background:#0f7a28; color:#fff;}
.btn-turuncu:hover{background:#85360f; color:#fff;}
.btn-mor:hover{background:#4e1390; color:#fff;}
.btn-turkuaz:hover{background:#5ab5a8; color:#fff;}
.btn-sari:hover{background:#bba24e; color:#fff;}

.tablo-filtre .buton{border-radius:50px; font-size:16px; display:inline-block; height:40px; width:40px; font-weight:500; margin-right:10px; text-align:center; line-height:40px; position:relative;}
.tablo-filtre .buton i{}
.tablo-filtre .buton span{position:absolute; z-index:2; background:#e8cd75; color:#392d04; font-size:9px; width:15px; height:15px; border-radius:50px; display:inline-block; line-height:15px; right:-2px; top:-2px;}

.tablo .buton{border-radius:50px; font-size:14px; display:inline-block; font-weight:600; margin-left:5px; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer;}
.kaydet .buton{border-radius:50px; font-size:16px; display:inline-block; font-weight:600; margin-left:5px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}