.saga {
    text-align: right;
  }
  
  .ort {
    text-align: center;
  }
  
  .koyu {
    font-weight: bold;
  }
  
  .sagadaya {
    float: right;
  }
  
  .btn2 {
    white-space: normal !important;
  }
  
  .table-hover > tbody > tr:hover {
    background-color: #52a8eccc;
  }
  
  .gri {
    background-color: #ddd;
  }
  
  .table2 > tbody > tr > th, .table2 > tfoot > tr > th, .table2 > thead > tr > th {
    background-color: #ccc;
    vertical-align: middle;
  }
  
  .table2 > tbody > tr > th, .table2 > tbody > tr > td {
    vertical-align: middle;
  }
  
  .table3 {
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 14px -5px #76777ac2;
    box-shadow: 10px 10px 14px -5px #76777ac2;
    border-radius: 10px !important;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
  }
  
  .table3 tbody > tr > th, .table3 tfoot > tr > th, .table3 thead > tr > th {
    background-color: #f0f0f0cc;
    vertical-align: middle;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
  }
  
  .table3 tbody > tr > td, .table3 thead > tr > td {
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
  }
  
  .table4 {
    background-color: #f0f0f0cc;
    -webkit-box-shadow: 10px 10px 14px -5px #76777ac2;
    box-shadow: 10px 10px 14px -5px #76777ac2;
    border-radius: 10px !important;
    border: 1px solid transparent;
    border-color: #f76014f2 !important;
  }
  
  .table4 tbody > tr > th, .table4 tfoot > tr > th, .table4 thead > tr > th {
    background-color: #f76014f2;
    vertical-align: middle;
    border: 1px solid transparent;
    border-color: #f76014f2 !important;
  }
  .table4 tbody > tr > td, .table4 thead > tr > td {
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #f76014f2 !important;
  }
  
  .table5 {
    background-color: #f2f3f8;
    border-radius: 1px !important;
    border: 0px solid transparent;
  }
  
  .table5 tbody > tr > th, .table5 tfoot > tr > th, .table5 thead > tr > th {
    background-color: #f76014f2;
    vertical-align: middle;
    border: 0px solid transparent;
  }
  .table5 tbody > tr > td, .table5 thead > tr > td {
    vertical-align: middle;
    background-color: ##f2f3f8;
    border: 0px solid transparent;
  }
  .mesaj-sol{
      float: left;
      color: #000;
      background-color: #52a8ec4f;
      display: inline-block;
      padding: 1em;
      font-size: 75%;
      font-weight: 700;
      line-height: 1;
      white-space: pre-wrap;
      max-width: 75%;
      border-radius: 0px 8px 8px 8px;
      margin: 1px;
  }
  
  .mesaj-sol span{
      float: right;
      color: #3f4047;
      padding: 0px;
      font-size: 9px;
      position: relative;
      right: 3px;
      bottom: -13px;
  }
  .mesaj-sag{
      float: right;
      color: #000;
      background-color: #34bfa361;
      display: inline-block;
      padding: 1em;
      font-size: 75%;
      font-weight: 700;
      line-height: 1;
      white-space: pre-wrap;
      border-radius: 8px 8px 0px 8px;
      max-width: 75%;
      margin: 1px;
  }
  
  .mesaj-sag span{
      float: right;
      color: #3f4047;
      padding: 0px;
      font-size: 9px;
      position: relative;
      right: 3px;
      bottom: -13px;
  }
  
  .table > tbody > tr > th, .table > tbody > tr > td, .table > thead > tr > th, .table > thead > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    vertical-align: middle;
  }
  
  .form-control {
    padding: 0.2rem 0.5rem;
    line-height: 1.2;
    height: 2.4rem;
  }
  
  .form-control:hover {
    outline: 0;
    border: 2px solid transparent;
    border-color: #52a8eccc !important;
    -webkit-box-shadow: inset 0 1px 3px #0000001a, 0 0 18px #52a8eccc !important;
    box-shadow: inset 0 1px 3px #0000001a, 0 0 18px #52a8eccc !important;
  }
  
  .form-control:focus {
    outline: 0;
    border: 2px solid transparent;
    border-color: #52a8eccc !important;
    -webkit-box-shadow: inset 0 1px 3px #0000001a, 5 0 18px #52a8eccc !important;
    box-shadow: inset 0 1px 3px #0000001a, 0 5 18px #52a8eccc !important;
  }
  
  .modal .modal-content .modal-header {
    padding: 10px 20px;
  }
  
  .modal-body {
    padding: 15px;
  }
  
  .btn-xsm, .btn-group-xsm > .btn {
    padding: 0.12rem 0.3rem !important;
    font-size: 0.875rem !important;
    line-height: 1 !important;
    border-radius: 0.2rem !important;
    margin: -10px 0px !important;
  }
  
  .btn-xsm, .btn-group-xsm > .btn {
    padding: 0.12rem 0.3rem !important;
    font-size: 0.875rem !important;
    line-height: 1 !important;
    border-radius: 0.2rem !important;
    margin: -10px 0px !important;
  }
  
  .yeni {
    background-color: aquamarine;
  }
  
  .eski {
    background-color: burlywood;
  }
  
  .menu-licon {
    line-height: 40px !important;
    font-size: 36px;
    float: left;
    color: #fff;
    margin-right: 10px;
  }
  
  .menu-ricon {
    line-height: 40px !important;
    font-size: 36px;
    float: right;
    color: #fff;
    right: 5px;
    margin-right: -10px;
  }
  
  .menu {
    line-height: 40px !important;
    font-size: 16px;
    color: #fff;
    text-align: left;
  }
  
  .menu-img {
    width: 40px;
    margin: -20px 10px -20px -14px;
  }
  
  .bgimg {
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #eee;
  }
  
  .small-urun {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
    cursor: pointer;
  }
  
  header {
    font-size: 2rem;
    color: #eee;
  }
  
  
  .filters input {
    width: 100%;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
  }
  
  .filters select {
    width: 100%;
    border: 1px solid transparent;
    border-color: #52a8eccc !important;
  }
    
  .btn-warning {
    background-color: #f76014f2;
    border-color: #f76014f2;
  }
  
  .btn-warning:hover .btn-warning:active {
    background-color: #f76014f2;
    border-color: #f76014f2;
  }
  
  label {
    margin-bottom: 0px;
  }
  
  .kutugolge {
    -webkit-box-shadow: 10px 10px 14px -5px #76777ac2 !important;
    box-shadow: 10px 10px 14px -5px #76777ac2 !important;
    border-radius: 10px !important;
  }