@charset "utf-8";

.itemChain {
    color: gray;
}

.new-ticket-text {
    width: 300px;
}

.senderQuest {
    color: green;
    font-size: 12px;
}

.product-desc-field {
    width: 400px;
    height: 200px;
    border: 1px solid #cccccc;
    font-size: 10px;
}

.ticket-container a {
    color: #1391c7;
}

.ticket-container {
    margin: 10px auto;
    text-align: left;
}

.view-text {
    width: 90%;
}

.widget-table-body {
    padding: 0;
    width: 100%;
}

.main-settings-container {
    margin: 0;
}

#ticketModal .view-send-button > i,
.ticket-container .new-send-button > i,
.ticket-container .newQuest > i {
    color: #f33 !important;
}

#ticketModal .view-send-button,
.ticket-container .new-send-button,
.ticket-container .newQuest {
    display: inline-block;
    background: #fcfcfc;
    color: #333;
    font-size: 14px;
    outline: none;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0%, #fcfcfc),
            color-stop(100%, #ffffff)
    );
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ffffff', GradientType=0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 3px 15px;
    border: 1px solid #d3d3d3;
    text-decoration: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer;
}

#ticketModal .view-send-button:hover,
.ticket-container .new-send-button:hover,
.ticket-container .newQuest:hover {
    border: 1px solid #666;
}

#ticketModal .view-send-button:active,
.ticket-container .new-send-button:active,
.ticket-container .newQuest:active {
    border: 1px solid #ffffcc;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.3);
}

#ticketModal .view-send-button,
.ticket-container .new-send-button {
    float: right;
    margin: 10px 0 0 0;
}

#ticketModal .view-send-button {
    margin-bottom: 2px;
}

.ticket-container .new-ticket .conteinerText {
    padding: 2px;
    overflow: hidden;
}

.ticket-container .new-ticket {
    margin: 10px 0 0 0;
}

.ticket-container .new-ticket-text {
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    resize: vertical;
    font-size: 14px;
    font-family: Roboto, Arial-Narrow, sans-serif;
}

.ticket-container h4,
.ticket-container .new-ticket label {
    display: block; /* font-weight:600; */
    font-size: 16px;
    margin: 0 0 5px 0;
}

.ticket-container .ticket-stat .ticket-table {
    background: #FFF;
    width: 100%;
}

.ticket-container .ticket-stat {
    margin: 10px 0;
}

.ticket-table .noneRows td {
    text-align: center !important;
    font-style: italic;
    color: #999;
}

.ticket-table {
    color: #666; /* font-size:12px; */ /* text-shadow: 1px 1px 0 #fff; */ /* background:#eaebec; */ /* border:#ccc 1px solid; border-collapse:separate; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; */
}

.ticket-table .id {
    width: 40px;
}

.ticket-table th {
    font-weight: bold;
    padding: 7px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#ededed),
            to(#ebebeb)
    );
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

.ticket-table th:first-child {
    text-align: left; /*padding-left:20px;*/
}

.ticket-table tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.ticket-table tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.ticket-table tr {
    text-align: center; /*padding-left:20px;*/
}

.ticket-table tr td:first-child {
    text-align: left; /*padding-left:20px;*/
    border-left: 0;
}

.ticket-table tr td {
    padding: 7px; /* border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; */
}

.ticket-table tr {
    /* -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; */
}

.ticket-table tr.even td {
    /* background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); */
}

.ticket-table tr:last-child td {
    border-bottom: 0;
}

.ticket-table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
}

.ticket-table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ticket-table tr:hover td {
    /* background: #fcfcfc;background: -moz-linear-gradient(top, #fcfcfc 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #ffffff 100%; */
}

.ticket-container .action-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ticket-container .action-list li a:hover {
    text-decoration: none;
}

.ticket-container .senderQuest {
    padding: 10px;
    color: #4d8b52;
    border: 1px solid #aed0b1;
    background: #d7f4ce;
    text-align: center;
    margin: 10px 0;
}

#add-ticket-wrapper .add-text {
    display: block;
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 14px;
}

#ticketModal .itemChain + .itemChain,
#add-ticket-wrapper .chain-data .itemChain + .itemChain {
    margin: 5px 0 0 0;
    line-height: 18px;
}

#ticketModal .ticket-chain .chain-data,
#add-ticket-wrapper .chain-data {
    transition: all 0.3s ease-in-out;
    border: 1px solid #ccc;
    padding: 4px 10px;
    box-shadow: inset 0 1px 2px #e7e7e7;
    height: 200px;
    overflow: auto;
    border-radius: 3px;
    background: #fff;
    font-size: 14px;
}

#ticketModal .ticket-chain .chain-data {
    height: 150px;
    margin: 0 0 10px 0;
}

.product-table-wrapper .product-desc-wrapper {
    width: 100%;
}

#add-ticket-wrapper .close-ticket {
    margin: 10px 0 0 0;
}

#ticketModal .view-text,
#add-ticket-wrapper textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    min-height: 0;
    box-shadow: inset 0 1px 2px #e7e7e7;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#ticketModal {
    width: 600px;
}

#ticketModal .view-text {
    resize: vertical;
}

#ticketModal .add-text {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin: 0 0 5px 0;
}