* {
  font-family: 'Open Sans', sans-serif;
}
label {
  font-weight: normal;
}
input,
select,
textarea {
  box-shadow: none !important;
}
.footer {
  width: 100%;
  background-color: #f5f5f5;
  padding: 25px 0;
  margin-top: 30px;
}
.has-error {
  color: #B96464;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.mesaj-listesi {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.mesaj-listesi li {
  padding: 15px 20px;
  margin-bottom: 10px;
  border-radius: 4px;
}
ul.mesaj-listesi li.arrow_box_musteri {
  background: #eee;
}
ul.mesaj-listesi li.arrow_box_personel {
  background: #E6F3F2;
}
ul.mesaj-listesi li p {
  margin: 0;
}
ul.mesaj-listesi .col-md-2 {
  padding-right: 0;
}
ul.mesaj-listesi .col-md-2 span {
  background: rgba(255, 255, 255, 0.75);
  padding: 5px 8px;
  display: inline-block;
  border-radius: 4px;
}
.ticketIcerik {
  margin-bottom: 20px;
}
.ticketIcerik > div {
  border: 1px solid #eee;
}
.ticketIcerik span.isaret {
  background: #5598B1;
  padding: 5px 15px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 5px;
}
.ticketIcerik span.ticketTarih {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.dapartman-kullanici-liste li {
  background: #eee;
  padding: 8px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
}
ul.agent_list li {
  margin-bottom: 5px;
  background: #F5F5F5;
  padding: 5px 10px;
  border-radius: 4px;
}
a.userInfo {
  font-weight: bold;
  color: #31708F!important;
}
h4.departmanUsers {
  background: #eee;
  padding: 6px 12px;
  border-radius: 4px;
}
ul.departmanUsers {
  margin-left: 10px;
}
ul.departmanUsers li {
  background: #fff;
  color: #222;
  border: 1px solid #CECECE;
  padding: 3px 8px;
  margin-bottom: 3px;
  border-radius: 4px;
}
ul.departmanUsers li a {
  text-decoration: none;
}
.margin-bottom-35 {
  margin-bottom: 35px;
}
.dosya-grup {
  margin-bottom: 5px;
}
div.ticket-dosyalari {
  margin-bottom: 10px;
}
.alert-danger {
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(216, 89, 89, 0.36);
  border-left: 7px solid #D85959;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 15px;
}
div.mesaj-sayi ul li {
  background: #eee;
  margin-bottom: 4px;
  padding: 6px 15px;
}
.dosya-link {
  background: #fff;
  padding: 2px 8px 4px 8px;
  border-radius: 4px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 5px;
}
td.son-mesaj {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
tr.cevap-yok {
  background: #F9EEEE;
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    background: #fff;
  }
}
tr.cevap-yok:hover {
  color: #000;
}
tr.cevap-var {
  background: #D5FBDF;
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    background: #fff;
  }
}
tr.cevap-var:hover {
  color: #000;
}
span.block-veri {
  display: block;
  padding: 5px 10px;
  margin-bottom: 3px;
}
span.block-veri.gri {
  background: #eee;
}
span.block-veri.sari {
  background: #F9EBCC;
}
span.block-veri.mavi {
  background: #E5F8FD;
  color: #2A8BA5;
  margin-top: 5px;
}
.arrow_box_personel {
  position: relative;
  background: #88b7d5;
  border: 4px solid #c2e1f5;
  margin-left: 30px;
  margin-right: 50px;
}
.arrow_box_personel:after,
.arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box_personel:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #C2E1F5;
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_personel:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #c2e1f5;
  border-width: 36px;
  margin-top: -36px;
}
.arrow_box_musteri {
  position: relative;
  background: #88b7d5;
  border: 4px solid #D4D4D4;
  margin-right: 30px;
  margin-left: 50px;
}
.arrow_box_musteri:after,
.arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box_musteri:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #D4D4D4;
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_musteri:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #D4D4D4;
  border-width: 36px;
  margin-top: -36px;
}
.tooltip-arrow {
  border-top-color: #047021!important;
}
.tooltip-inner {
  background: #047021;
}
span.ticket-duzenlendi {
  background: #F1E69B!important;
}
.btn-custom-green {
  background: #0AA935;
  border: 1px solid #088A2B;
  color: #fff;
}
.btn-custom-green:active {
  color: #fff;
}
.btn-custom-green:visited {
  color: #fff;
}
.btn-custom-green:hover {
  background: #009629;
  color: #fff;
}
.alert-warning {
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(246, 187, 66, 0.4);
  border-left: 7px solid #F6BB42;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 15px;
}
.alert-success {
  color: #fff;
  background-color: #87cba5;
  border: 1px solid rgba(140, 193, 82, 0.4);
  border-left: 7px solid #8CC152;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 15px;
}
.alert-info {
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(57, 144, 185, 0.4);
  border-left: 7px solid #3990B9;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a {
  font-size: 15px;
}
a.menu-cikis {
  background: #9AAD8D;
  color: #fff!important;
}
a.menu-cikis:hover {
  background: #7DB358!important;
}
a.menu-cikis:active {
  background: #7DB358!important;
}
a.menu-cikis:focus {
  background: #7DB358!important;
}
.btn-primary {
  background: #30B49A;
  border: none;
}
.btn-primary:hover {
  background: #3AC7AC;
  border: none;
}
.btn-primary:active {
  background: #3AC7AC !important;
  border: none;
}
.btn-primary:focus {
  background: #3AC7AC;
  border: none;
}
.btn-danger {
  background: #D24A4A;
  border: none;
}
.btn-danger:hover {
  background: #DA5656;
  border: none;
}
.btn-danger:active {
  background: #DA5656 !important;
  border: none;
}
.btn-danger:focus {
  background: #DA5656;
  border: none;
}
.btn-info {
  background: #37BFBF;
  border: none;
}
.btn-info:hover {
  background: #44CECE;
  border: none;
}
.btn-info:active {
  background: #44CECE !important;
  border: none;
}
.btn-info:focus {
  background: #44CECE;
  border: none;
}
.btn-success {
  background: #2CA74D;
  border: none;
}
.btn-success:hover {
  background: #38B75A;
  border: none;
}
.btn-success:active {
  background: #38B75A !important;
  border: none;
}
.btn-success:focus {
  background: #38B75A;
  border: none;
}
.container {
  padding: 0;
}
@media (min-width: 1400px) {
  .container {
    width: 1350px;
  }
}
.navbar-right {
  margin-right: 0;
}