.tiquet {
  width: 60%;
  float: left;
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 30px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 95px;
  flex-wrap: wrap;
  justify-content: start;
  text-align: left;
}

.tiquet.customer {
  background: #04affd;
  border-color: #0fa7ec;
  color: white;
  float: right;
}

.tiquet.employee{
  background: #fafafa;
}

.tiquet:before{
  content: " ";
  position: absolute;
  background: #fafafa;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  top: 50%;
  margin-top: -15px;
}

.tiquet.employee:before{
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  left: -15px;
  background: #fafafa;
}

.tiquet.customer:before{
  border-right: 1px solid #0fa7ec;
  border-top: 1px solid #0fa7ec;
  background: #04affd;
  right: -15px;
}

.tiquet-content {
  width: 100%;
  display: inline-block;
  margin: 15px auto;
  max-width: 900px;
}
.customer .pre-tiquet {
  text-align: right;
}
.employee .pre-tiquet {
  text-align: left;
}
.tiquet-employee {
  color: #999;
  font-size: 0.9eM;
  display: block;
}

@media (max-width: 768px) {
	.tiquet:before{
	  width: 20px;
	  height: 20px;
	  margin-top: -10px;
	}
	.tiquet.employee:before{
	  left: -10px;
	}
	.tiquet.customer:before{
		right: -10px;
	}
}

.bg_tiquet,
.tiquet_list {
	min-height: 200px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.bg_tiquet {
    background: url('../../img/question.png') no-repeat 95% center;
}

a.attachment {
    width: 100%;
    color: white;
    font-weight: 300;
    border-top: 1px solid;
    padding-top: 15px;
}

.table.tiquets {
    font-size: initial;
}

.table.tiquets tr {
  border-bottom: 1px solid #dedede;
  line-height: 2eM;
}

.table.tiquets tr:hover{
  background: #fafafa;
}

.table.tiquets tr:nth-last-child(1) {
  border-bottom: 0;
}