.ticket_table {
    text-align: center;
    padding: 0px 20px 30px 20px;
}

.ticket_table_cell {
    display: inline-block;
    font-size: 14px;
}

.ticket_table_header .ticket_table_cell {
    padding: 20px 0 5px 0;
    text-align: left;
}

.ticket_table_body .ticket_table_cell {
    padding: 10px 0;
    text-align: left;
}

.ticket_table_cell .title {
    font: 700 140% 'Roboto', sans-serif;
}

.ticket_table_row {
    border-bottom: 1px solid #d1dbdb;
    margin: 0 30px;
}

.ticket_table_body .ticket_table_row:last-child {
    border-bottom: 0;
}

.ticket_table_cell .text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.ticket_table_cell .desc {
    padding-right: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    min-width: 100px;
}

.tickets .ticket_table {
    padding: 0px;
}

.tickets .ticket_table_row {
    margin: 0 5px;
}

.tickets .ticket_table_cell {
    border: #000 0px solid;
    text-transform: none;
    font-size: 13px;
    vertical-align: top;
    padding-left: 5px;
}

.tickets .ticket_table_header .ticket_table_cell {
    font-weight: 600;
}

.tickets .ticket_table_cell .link:hover {
    color: #489600!important;
}

.tickets .ticket_table_row .one {
    width: 20%;
}

.tickets .ticket_table_row .two {
    width: 10%;
}

.tickets .ticket_table_row .three {
    width: 10%;
}
.tickets .ticket_table_row .five {
    width: 20px;
}
.tickets .ticket_table_row .four {
    width: calc(50% - 20px);
}

.tickets .ticket_table_row.pag {
    padding: 10px;
    text-align: left;
    min-height: 50px;
}

@media (max-width: 991px) {
    .tickets .ticket_table_cell.four {
        text-align: right!important;
    }
}

.tickets .pagination {
    display: inline-block;
    margin: auto;
}

.tickets .pagination .pag-n {
    margin: 0;
    padding: 0;
}

.tickets .pagination .pag-n li {
    list-style: none;
    float: left;
    margin-right: 12px;
}

.tickets .pagination li a, .tickets .pagination li span {
    background: #edf1f1;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    border: 1px solid #9e9e9e;
    font: 400 18px "Roboto", sans-serif;
    text-align: center;
    line-height: 32px;
}

.tickets .pagination li.active a {
    color: #91c749;
    border: 1px solid #91c749;
}

.tickets .pagination li:hover a {
    color: #91c749;
    border: 1px solid #91c749;
}

.tickets .pagination li.prev > *, .tickets .pagination li.next > * {
    font-size: 100%;
}

.tickets .pagination li.prev:hover > *, .tickets .pagination li.next:hover > * {
    color: #fff!important;
}

.tickets .pagination li.prev > *, .tickets .pagination li.next > * {
    background-color: #91c749;
}

.tickets .pagination li.prev > * {
    transform: rotate(180deg);
}

.tickets .pagination li.next.disabled span, .tickets .pagination li.prev.disabled span {
    background-color: #9e9e9e;
}
/* .hotline input {
    padding: 0 2px;
    width: 100%;
} */
.hotline, .hotline .tickets {
    min-height: 300px;
}
.hotline .search_form {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 2;
    width: 350px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #d1dbdb;
    border-radius: 5px 0 0 5px;
    transition: right 0.5s ease-out 0s;
}
.hotline .search_form.active {
    right: 0;
}
.hotline .show_data {
    color: #d1dbdb;
    cursor: pointer;
    padding: 3px 8px;
    border-radius: 5px;
    border: 2px solid #d1dbdb;
}
.hotline .show_search_form_btn {
    float: right;
    font-size: 16px;
    cursor: pointer;
}
.hotline .search_form .button{
    margin: 0 3px;
}
.tickets .ticket_table_row .three {
    text-align: center;
}
.tickets .ticket_table_row .three .text {
    overflow: auto;
    display: inline-block;
    width: auto;
    background-color: #d1dbdb;
    padding: 3px;
    border-radius: 3px;
    overflow: none;
}
.tickets .ticket_table_row .three .text.target-in {
    background-color: #89bf42;
}
.tickets .ticket_table_row .three .fa{
    color: #fff;
    font-size: 10px;
    width: 18px;
    font-size: 14px;
}
.hotline .content {
    display: none;
}

.troubletickets .tickets .ticket_table_row .five {
    width: 140px;
}
.troubletickets .tickets .ticket_table_row .four {
    width: calc(50% - 200px);
}
.troubletickets .tickets .ticket_table_row .six {
    width: 60px;
}
@media (min-width: 768px){
    .troubletickets_detail {
        min-width: 520px;
    }
}