.ticket_table {
    text-align: center;
    padding: 0 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: 0
}

.tickets .ticket_table_row {
    margin: 0 5px
}

.tickets .ticket_table_cell {
    border: #000 0 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,
.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 .5s ease-out 0
}

.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
    }
}