.panel
{
    margin-bottom:20px;
}

.panel-body
{
    padding:15px
}

.panel-heading
{
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

.panel-heading>.dropdown .dropdown-toggle
{
    color:inherit
}

.panel-title
{
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
}

.panel-title>a
{
    color:inherit
}

.panel-footer
{
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group
{
    margin-bottom:0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item
{
    border-width:1px 0;
    border-radius:0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child
{
    border-top:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child
{
    border-bottom:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

.panel-heading+.list-group .list-group-item:first-child
{
    border-top-width:0
}

.list-group+.panel-footer
{
    border-top-width:0
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table
{
    margin-bottom:0
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption
{
    padding-right:15px;
    padding-left:15px
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child
{
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child
{
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child
{
    border-top-left-radius:3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child
{
    border-top-right-radius:3px
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child
{
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child
{
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child
{
    border-bottom-left-radius:3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child
{
    border-bottom-right-radius:3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body
{
    border-top:1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td
{
    border-top:0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered
{
    border:0
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child
{
    border-left:0
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child
{
    border-right:0
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th
{
    border-bottom:0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th
{
    border-bottom:0
}

.panel>.table-responsive
{
    margin-bottom:0;
    border:0
}

.panel-group
{
    margin-bottom:20px
}

.panel-group .panel
{
    margin-bottom:0;
    border-radius:4px
}

.panel-group .panel+.panel
{
    margin-top:5px
}

.panel-group .panel-heading
{
    border-bottom:0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group
{
    border-top:1px solid #ddd
}

.panel-group .panel-footer
{
    border-top:0
}

.panel-group .panel-footer+.panel-collapse .panel-body
{
    border-bottom:1px solid #ddd
}

.panel-default
{
    border-color:#ddd
}

.panel-default>.panel-heading
{
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#ddd
}

.panel-default>.panel-heading .badge
{
    color:#f5f5f5;
    background-color:#333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#ddd
}

.panel-primary
{
    border-color:#428bca
}

.panel-primary>.panel-heading
{
    color:#fff;
    background-color:#428bca;
    border-color:#428bca
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#428bca
}

.panel-primary>.panel-heading .badge
{
    color:#428bca;
    background-color:#fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#428bca
}

.panel-success
{
    border-color:#d6e9c6
}

.panel-success>.panel-heading
{
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#d6e9c6
}

.panel-success>.panel-heading .badge
{
    color:#dff0d8;
    background-color:#3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#d6e9c6
}

.panel-info
{
    border-color:#bce8f1
}

.panel-info>.panel-heading
{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#bce8f1
}

.panel-info>.panel-heading .badge
{
    color:#d9edf7;
    background-color:#31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#bce8f1
}

.panel-warning
{
    border-color:#faebcc
}

.panel-warning>.panel-heading
{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#faebcc
}

.panel-warning>.panel-heading .badge
{
    color:#fcf8e3;
    background-color:#8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#faebcc
}

.panel-danger
{
    border-color:#ebccd1
}

.panel-danger>.panel-heading
{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#ebccd1
}

.panel-danger>.panel-heading .badge
{
    color:#f2dede;
    background-color:#a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body
{
    border-bottom-color:#ebccd1
}

.embed-responsive
{
    position:relative;
    display:block;
    height:0;
    padding:0;
    overflow:hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}

.embed-responsive.embed-responsive-16by9
{
    padding-bottom:56.25%
}

.embed-responsive.embed-responsive-4by3
{
    padding-bottom:75%
}

.well
{

}

.well blockquote
{
    border-color:#ddd;
    border-color:rgba(0,0,0,.15)
}

.well-lg
{

    border-radius:6px
}

.well-sm
{

    border-radius:3px
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after
{
    display:table;
    content:" "
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after
{
    clear:both
}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline
{
    padding-top:7px;
    margin-top:0;
    margin-bottom:0
}

.form-horizontal .radio,.form-horizontal .checkbox
{
    min-height:27px
}

.form-horizontal .form-group
{
    margin-right:-15px;
    margin-left:-15px
}

@media (min-width:768px) {
    .form-horizontal .control-label
    {
        padding-top:7px;
        margin-bottom:0;
        text-align:right
    }
}

.form-horizontal .has-feedback .form-control-feedback
{
    right:15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label
    {
        padding-top:14.3px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label
    {
        padding-top:6px
    }
}

.sn_yorum_yaz_uyari{
	font-size:12px;margin-top:15px;background-color:#f2dede;padding:10px; color:#a94442;border:1px solid #ebccd1
}
.sn_yorum_yaz_yok{
    font-size:13px;margin-top:15px;background-color:#ffeeb6;padding:10px; color:#222;border:1px solid #DEDEDE
}

.sn_yorum_panel{
    padding-left:5px;padding-right:5px;padding-top:15px;padding-bottom: 15px;
}


.text-right{ text-align: right; }

.comments-app{
  margin: 5px auto;
  width: 100%;
}

.comments-app h1{
  color: #191919;
  margin-bottom: 1.5em;
  text-align: center;
  text-shadow: 0 0 2px rgba(152, 152, 152, 1);
}

.comment-form{  }
.comment-form .comment-avatar{  }

.comment-form .form{ margin-left: 100px; }

.comment-form .form .form-row{ margin-bottom: 10px; }
.comment-form .form .form-row:last-child{ margin-bottom: 0; }

.comment-form .form .input{
  background-color: #fcfcfc;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #ccc;
  font-family: inherit;
  font-size: 14px;
  padding: 5px 10px;
  outline: none;
  width: 100%;
  background-color: #1b1b1b;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form textarea.input{
  height: 100px;
  padding: 15px;
}

.comment-form .form label{
  color: #555f77;
  font-family: inherit;
  font-size: 14px;
}

.comment-form .form input[type=submit]{
  background-color: #555f77;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  cursor: pointer;
  display: block;
  margin-left: auto;
  outline: none;
  padding: 6px 15px;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.botao_responder {
  background-color: #555f77;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  cursor: pointer;
  display: block;
  margin-left: auto;
  outline: none;
  padding: 5px;
  text-align: center;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.botao_responder:hover {
  background-color: #555577;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  cursor: pointer;
  display: block;
  margin-left: auto;
  outline: none;
  padding: 5px;
  text-align: center;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form .input:focus,
.comment-form .form input[type=submit]:focus,
.comment-form .form input[type=submit]:hover{
  box-shadow: 0 2px 6px rgba(121, 137, 148, .55);
}

.comment-form .form.ng-submitted .input.ng-invalid,
.comment-form .form .input.ng-dirty.ng-invalid{
  box-shadow: 0 2px 6px rgba(212, 47, 47, .55) !important;
}

.comment-form .form .input.disabled {
    background-color: #E8E8E8;
}


.comments{  }

.comment-form,
.comment{
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
}

.comment-form .comment-avatar,
.comment .comment-avatar{
  height: 50px;
  left: 20px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  width: 50px;
  
}

.comment-form .comment-avatar img,
.comment .comment-avatar img{
  display: block;
  height: auto;
  width: 100%;
}

.comment .comment-box{
  background-color: #fff;
  border-radius: 4px;
  margin-left: 100px;
  min-height: 60px;
  position: relative;
  padding: 5px;
  border:1px solid #efefef;
}

.comment .comment-box:before,
.comment .comment-box:after{
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #efefef;
  content: "";
  left: -10px;
  position: absolute;
  top: 20px;
}

.comment .comment-box:before{
  border-color: transparent rgba(239, 239, 239, .05);
  top: 22px;
}

.comment .comment-text{
  /*color: #555f77;*/
  color:#1b1b1b;
  font-size: 15px;
  margin-bottom: 25px;
}

.comment .comment-footer{
  color: #fff;
  font-size: 13px;
}

.comment .comment-footer:after{
  content: "";
  display: table;
  clear: both;
}

.comment .comment-footer a{
  color: #fff;
  text-decoration: none;

  -webkit-transition: 350ms color;
  -moz-transition: 350ms color;
  -ms-transition: 350ms color;
  -o-transition: 350ms color;
  transition: 350ms color;
}

.comment .comment-footer a:hover{
  text-decoration: underline;
}

.comment .comment-info{
  float: left;
  width: 85%;
}

.comment .comment-author{
   margin-top: 65px;
   position: absolute;
   width: 90px;
   text-align: center;
   line-height: initial;
}
.comment .comment-date{
  font-size: 1.2em;
  color: #ccc;
}

.comment-author a {
  color: lightblue;
  position: absolute;
  text-align: center;
  top: 75px;
  width: 70px;
  color:#1b1b1b;
  font-size:13px;
  line-height: 18px;
}

/*.comment .comment-date:before{
  content: "|";
  margin: 0 10px;
  }*/

  .comment-actions{
      float: right;
      text-align: right;
  }

  .comentario_rating {
      margin-bottom: 5%;
      /*float:right;*/
      max-width: 150px;
  }

  .comentario_rating .star_on {
      color: green;
  }

  .comentario_rating .star_off {
      color: gray;
  }

  .resposta {
      margin-left: 5%;
  }

  .superior {
      height: 2em;
      border-bottom: 1px solid #efefef;
      margin-bottom: 10px;
  }

  .comentario_votes {
      float: left;
      color:#1b1b1b;
      /*width: 85%;*/
      font-size: 12px;
      clear: right;
  }

  .superior .comentario_rating {
      float: right;
  }

  .comentario_votos {
      padding-left: 3px;
      font-size: .9em;
  }

  .comentario_up:hover {
      color: green;
      cursor: pointer;
  }

  .comentario_down:hover {
      color: red;
      cursor: pointer;
  }

  /* cevap */
  .cevap_comment-form .cevap_comment-avatar,
  .cevap_comment .cevap_comment-avatar{
    margin-top: -3px;
    position: absolute;
    width: 50px;
    text-align: center;
    line-height: initial;
    margin-left: 27px;

}

.cevap_comment-form .cevap_comment-avatar img,
.cevap_comment .cevap_comment-avatar img{
  display: block;
  height: auto;
  width: 100%;
}

.cevap_comment .cevap_comment-box{
  border-radius: 4px;
  margin-left: 100px;
  margin-top: 10px;
  min-height: 60px;
  position: relative;
  padding: 20px;
  border:1px solid #efefef;
  background: #fbfbfb;
}

.cevap_comment .cevap_comment-box:before,
.cevap_comment .cevap_comment-box:after{
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #efefef;
  content: "";
  left: -10px;
  position: absolute;
  top: 20px;
}
.resposta {
  margin-left: 5%;
}
.cevap_comment .cevap_comment-box:before{
  border-color: transparent rgba(0, 0, 0, .05);
  top: 22px;
}

.cevap_comment .cevap_comment-text{
  /*color: #555f77;*/
  color:#000;
  margin-bottom: 5px;
  font-size: 13px;
}

.cevap_comment .cevap_comment-footer{
  color: #000;
  font-size: 13px;
}

.comment .comment-footer:after{
  content: "";
  display: table;
  clear: both;
}

.cevap_comment .cevap_comment-footer a{
  color: #000;
  text-decoration: none;

  -webkit-transition: 350ms color;
  -moz-transition: 350ms color;
  -ms-transition: 350ms color;
  -o-transition: 350ms color;
  transition: 350ms color;
}

.cevap_comment .cevap_comment-footer a:hover{
  text-decoration: underline;
}

.cevap_comment .cevap_comment-info{
  float: left;
  width: 85%;
}

.cevap_comment .cevap_comment-author{  
    margin-top: 60px;
    position: absolute;
    width: 70px;
    margin-left: 15px;
    text-align: center;
    line-height: initial;
}
.cevap_comment .cevap_comment-date{
  color: #bbb;

}


/*.comment .comment-date:before{
  content: "|";
  margin: 0 10px;
  }*/

  .cevap_comment-actions{
      float: right;
      text-align: right;
  }

  .cevap_comentario_votes {
      float: left;
      color:#000;
      /*width: 85%;*/
      font-size: 12px;
      clear: right;
  }

  .pagination-container {
      display: flex;
      justify-content: center;
      margin-top: 10px;
  }
  .pagination li {
    background-color: white;
    padding: 5px 15px;
    margin:2px;
    cursor: pointer;
    text-align: center;
    border:1px solid #ddd;
    border-radius: .25rem;
}

.pagination li:hover {
    background-color: #b9040e;
    color:#fff;
}

.pagination li.aktif {
    background-color: #b9040e;
    color:#fff;

}

.begen{
    padding:3px;
    font-weight: normal;
    margin:2px;
    border:0;
}
.hayirbegen{
    padding:3px;
    font-weight: normal;
    margin:2px;
    border:0;
}

.sn_cevap_yaz{
color: black;
}