.ticket-status, .ticket-priority {
    margin-top: 6px;
    padding: 5px 10px;
    vertical-align: top;
    border-radius: 2px;
    background: #BFBFBF;
    color: #fff;
}

    .ticket-status.aqua, .ticket-priority.aqua {
        background: aqua;
    }
    .ticket-status.grey, .ticket-priority.grey {
        background: grey;
    }
    .ticket-status.navy, .ticket-priority.navy {
        background: navy;
    }
    .ticket-status.silver, .ticket-priority.silver {
        background: silver;
    }
    .ticket-status.black, .ticket-priority.black {
        background: black;
    }
    .ticket-status.green, .ticket-priority.green {
        background: green;
    }
    .ticket-status.olive, .ticket-priority.olive {
        background: olive;
    }
    .ticket-status.teal, .ticket-priority.teal {
        background: teal;
    }
    .ticket-status.blue, .ticket-priority.blue {
        background: blue;
    }
    .ticket-status.lime, .ticket-priority.lime {
        background: lime;
    }
    .ticket-status.purple, .ticket-priority.purple {
        background: purple;
    }
    .ticket-status.fuchsia, .ticket-priority.fuchsia {
        background: fuchsia;
    }
    .ticket-status.maroon, .ticket-priority.maroon {
        background: maroon;
    }
    .ticket-status.red, .ticket-priority.red {
        background: red;
    }
    .ticket-status.orange, .ticket-priority.orange {
        background: orange;
    }
    .ticket-status.yellow, .ticket-priority.yellow {
        background: yellow;
    }

.tickets-history .col.last-activity {
    min-width: 66px;
}

.ticket-new .field.mb-inline {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

    .ticket-new .field.mb-inline.left {
        padding-right: 1rem;
    }

    .ticket-new .field.mb-inline.right {
        padding-left: 1rem;
    }

    .ticket-new .field.order .control select {
        width: auto;
        min-width: 300px;
    }

.ticket-new .field .control .add-button {
    margin-top: 10px;
}

.ticket-new .field.reCaptcha #capcha-validation-failed {
    color: red;
    margin-top: 5px;
}

.ticket-new .actions-toolbar {
    text-align: center;
}

    .ticket-new .actions-toolbar .action.primary {
        float: none;
        line-height: 2.2rem;
        padding: 14px 17px;
        font-size: 1.8rem;
    }

@media screen and (max-width: 400px)
{
    .ticket-new .field.mb-inline {
        width: 100%;
        box-sizing: border-box;
    }

        .ticket-new .field.mb-inline.right {
            padding-left: 0;
        }

        .ticket-new .field.mb-inline.left {
            padding-right: 0;
        }
}


