.tickets-container .modal.fade.in {
    top: 20%;
    width: min-content;
    height: min-content;
    border: none;
    box-shadow: none;
}

.tickets-container .modal-dialog {
    margin: 0px;
}

.tickets-container .padding {
    padding: 10px;
}

/* GRID */
.tickets-container .col {
    padding: 10px 20px;
    margin-bottom: 10px;
    background: #fff;
    color: #666666;
    text-align: center;
    font-weight: 400;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.tickets-container .row h3 {
    color: #666666;
}

.tickets-container .row.grid {
    margin-left: 0;
}

.tickets-container .grid {
    position: relative;
    width: 100%;
    background: #fff;
    color: #666666;
    border-radius: 2px;
    margin-bottom: 25px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.tickets-container .grid .grid-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px 10px 20px;
}

.tickets-container .grid .grid-header:before,
.tickets-container .grid .grid-header:after {
    display: table;
    content: " ";
}

.tickets-container .grid .grid-header:after {
    clear: both;
}

.tickets-container .grid .grid-header span,
.tickets-container .grid .grid-header > .fa {
    display: inline-block;
    margin: 0;
    font-weight: 300;
    font-size: 1.5em;
    float: left;
}

.tickets-container .grid .grid-header span {
    padding: 0 5px;
}

.tickets-container .grid .grid-header > .fa {
    padding: 5px 10px 0 0;
}

.tickets-container .grid .grid-header > .grid-tools {
    padding: 4px 10px;
}

.tickets-container .grid .grid-header > .grid-tools a {
    color: #999999;
    padding-left: 10px;
    cursor: pointer;
}

.tickets-container .grid .grid-header > .grid-tools a:hover {
    color: #666666;
}

.tickets-container .grid .grid-body {
    padding: 15px 20px 15px 20px;
    font-size: 0.9em;
    line-height: 1.9em;
}

.tickets-container .grid .full {
    padding: 0 !important;
}

.tickets-container .grid .transparent {
    box-shadow: none !important;
    margin: 0px !important;
    border-radius: 0px !important;
}

.tickets-container .grid.top.black > .grid-header {
    border-top-color: #000000 !important;
}

.tickets-container .grid.bottom.black > .grid-body {
    border-bottom-color: #000000 !important;
}

.tickets-container .grid.top.blue > .grid-header {
    border-top-color: #007be9 !important;
}

.tickets-container .grid.bottom.blue > .grid-body {
    border-bottom-color: #007be9 !important;
}

.tickets-container .grid.top.green > .grid-header {
    border-top-color: #00c273 !important;
}

.tickets-container .grid.bottom.green > .grid-body {
    border-bottom-color: #00c273 !important;
}

.tickets-container .grid.top.purple > .grid-header {
    border-top-color: #a700d3 !important;
}

.tickets-container .grid.bottom.purple > .grid-body {
    border-bottom-color: #a700d3 !important;
}

.tickets-container .grid.top.red > .grid-header {
    border-top-color: #dc1200 !important;
}

.tickets-container .grid.bottom.red > .grid-body {
    border-bottom-color: #dc1200 !important;
}

.tickets-container .grid.top.orange > .grid-header {
    border-top-color: #f46100 !important;
}

.tickets-container .grid.bottom.orange > .grid-body {
    border-bottom-color: #f46100 !important;
}

.tickets-container .grid.no-border > .grid-header {
    border-bottom: 0px !important;
}

.tickets-container .grid.top > .grid-header {
    border-top-width: 4px !important;
    border-top-style: solid !important;
}

.tickets-container .grid.bottom > .grid-body {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}


/* SUPPORT TICKET */
.tickets-container .support ul {
    list-style: none;
    padding: 0px;
}

.tickets-container .support ul li {
    padding: 8px 10px;
}

.tickets-container .support ul li a {
    color: #999;
    display: block;
}

.tickets-container .support ul li a:hover {
    color: #666;
}

.tickets-container .support ul li.active {
    background: #0073b7;
}

.tickets-container .support ul li.active a {
    color: #fff;
}

.tickets-container .support ul.support-label li {
    padding: 2px 0px;
}

.tickets-container .support h2,
.tickets-container .support-content h2 {
    margin-top: 5px;
}

.tickets-container .support-content .list-group li {
    padding: 15px 20px 12px 20px;
    cursor: pointer;
}

.tickets-container .support-content .list-group li:hover {
    background: #eee;
}

.tickets-container .support-content .fa-padding .fa {
    padding-top: 5px;
    width: 1.5em;
}

.tickets-container .support-content .info {
    color: #777;
    margin: 0px;
}

.tickets-container .support-content a {
    color: #111;
}

.tickets-container .support-content .info a:hover {
    text-decoration: underline;
}

.tickets-container .support-content .info .fa {
    width: 1.5em;
    text-align: center;
}

.tickets-container .support-content .number {
    color: #777;
}

.tickets-container .support-content img {
    margin: 0 auto;
    display: block;
}

.tickets-container .support-content .modal-body {
    padding-bottom: 0px;
}

.tickets-container .support-content-comment {
    padding: 10px 10px 10px 30px;
    background: #eee;
    border-top: 1px solid #ccc;
}

.tickets-container .comment {
    display: block;
    position: relative;
    margin-bottom: 30px;
    padding-left: 66px
}

.tickets-container .comment .comment-author-ava {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    border-radius: 50%;
    overflow: hidden
}

.tickets-container .comment .comment-author-ava>img {
    display: block;
    width: 100%
}

.tickets-container .comment .comment-body {
    position: relative;
    padding: 24px;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    background-color: #fff
}

.tickets-container .comment .comment-body::after,
.tickets-container .comment .comment-body::before {
    position: absolute;
    top: 12px;
    right: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none
}

.tickets-container .comment .comment-body::after {
    border-width: 9px;
    border-color: transparent;
    border-right-color: #fff
}

.tickets-container .comment .comment-body::before {
    margin-top: -1px;
    border-width: 10px;
    border-color: transparent;
    border-right-color: #e1e7ec
}

.tickets-container .comment .comment-title {
    margin-bottom: 8px;
    color: #606975;
    font-size: 14px;
    font-weight: 500
}

.tickets-container .comment .comment-text {
    margin-bottom: 12px
}

.tickets-container .comment .comment-footer {
    display: table;
    width: 100%
}

.tickets-container .comment .comment-footer>.column {
    display: table-cell;
    vertical-align: middle
}

.tickets-container .comment .comment-footer>.column:last-child {
    text-align: right
}

.tickets-container .comment .comment-meta {
    color: #9da9b9;
    font-size: 13px
}

.tickets-container .comment .reply-link {
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-decoration: none
}

.tickets-container .comment .reply-link>i {
    display: inline-block;
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.tickets-container .comment .reply-link:hover {
    color: #0da9ef
}

.tickets-container .comment.comment-reply {
    margin-top: 30px;
    margin-bottom: 0
}

@media (max-width: 576px) {
    .tickets-container .comment {
        padding-left: 0
    }
    .tickets-container .comment .comment-author-ava {
        display: none
    }
    .tickets-container .comment .comment-body {
        padding: 15px
    }
    .tickets-container .comment .comment-body::before,
    .tickets-container .comment .comment-body::after {
        display: none
    }
}


/* BACKGROUND COLORS */
.tickets-container .bg-red,
.tickets-container .bg-yellow,
.tickets-container .bg-aqua,
.tickets-container .bg-blue,
.tickets-container .bg-light-blue,
.tickets-container .bg-green,
.tickets-container .bg-navy,
.tickets-container .bg-teal,
.tickets-container .bg-olive,
.tickets-container .bg-lime,
.tickets-container .bg-orange,
.tickets-container .bg-fuchsia,
.tickets-container .bg-purple,
.tickets-container .bg-maroon,
.tickets-container .bg-gray,
.tickets-container .bg-black,
.tickets-container .bg-red a,
.tickets-container .bg-yellow a,
.tickets-container .bg-aqua a,
.tickets-container .bg-blue a,
.tickets-container .bg-light-blue a,
.tickets-container .bg-green a,
.tickets-container .bg-navy a,
.tickets-container .bg-teal a,
.tickets-container .bg-olive a,
.tickets-container .bg-lime a,
.tickets-container .bg-orange a,
.tickets-container .bg-fuchsia a,
.tickets-container .bg-purple a,
.tickets-container .bg-maroon a,
.tickets-container .bg-gray a,
.tickets-container .bg-black a {
    color: #f9f9f9 !important;
}
.tickets-container .bg-white,
.tickets-container .bg-white a {
    color: #999999 !important;
}
.tickets-container .bg-red {
    background-color: #f56954 !important;
}
.tickets-container .bg-yellow {
    background-color: #f39c12 !important;
}
.tickets-container .bg-aqua {
    background-color: #00c0ef !important;
}
.tickets-container .bg-blue {
    background-color: #0073b7 !important;
}
.tickets-container .bg-light-blue {
    background-color: #3c8dbc !important;
}
.tickets-container .bg-green {
    background-color: #00a65a !important;
}
.tickets-container .bg-navy {
    background-color: #001f3f !important;
}
.tickets-container .bg-teal {
    background-color: #39cccc !important;
}
.tickets-container .bg-olive {
    background-color: #3d9970 !important;
}
.tickets-container .bg-lime {
    background-color: #01ff70 !important;
}
.tickets-container .bg-orange {
    background-color: #ff851b !important;
}
.tickets-container .bg-fuchsia {
    background-color: #f012be !important;
}
.tickets-container .bg-purple {
    background-color: #932ab6 !important;
}
.tickets-container .bg-maroon {
    background-color: #85144b !important;
}
.tickets-container .bg-gray {
    background-color: #eaeaec !important;
}
.tickets-container .bg-black {
    background-color: #222222 !important;
}
.tickets-container .bg-success {
     background-color: #dff0d8 !important;
}
.tickets-container .bg-warning {
    background-color: #fcf8e3 !important;
}