.my-ticket-table tr{cursor:pointer;}
.my-ticket-table tr:hover{background-color:#FDF5DD!important;}
#content_message{height:150px;width:100%;padding:0}
.ticket-information,.my-ticket{background:#ffffff;padding:5px;min-height:600px;max-width: 1200px; margin: 0 auto;}
.ticket-information tr{height:25px;}
.ticket-information .page-title{border:none}
.ticket-title{float:left;width:500px;}
.ticket-title h1{color:#696969;font-weight:bold;margin-bottom:5px;}
.ticket-title h3{color:#878585;font-size:14px;font-weight:normal;padding-left:5px;}
.ticket-title span.title-ticket{font-size:17px;margin-right:20px;]}
.close-ticket{float:right;margin:15px;}
.group-select{margin-bottom:20px;padding:5px;}
.group-select .button-set .close-ticket-btn{margin-right:5px;}
.group-select .button-set{margin-top: 20px;overflow: hidden;}
.group-select span.required {color: #EB340A;}
.group-select span.label{font-weight:bold;display: block;float: left;font-weight: bold;width: 95px;color:#696969;font-size:13px}
.back .left {float: left !important;}
.back{overflow:hidden;margin-top:20px;}
.message-box-department{background:#e4f5ff;}
.message-box-customer{background: url("../../images/helpdesk/bg_ticket_messages.png") repeat scroll 0 0;}
.message-box {border-color: #c9c9c9 #c9c9c9 #c9c9c9 #c9c9c9;border-style: solid;border-width: 1px;overflow-x: auto;padding:3px 7px;clear:both;border-bottom:none; min-height: 40px;font-size:11px}
.message-box-last{border-bottom:1px solid #c9c9c9}
.message-box .message-header {overflow:hidden;cursor:pointer;;background: url("../../images/helpdesk/message-title.png") no-repeat scroll left center transparent}
.message-box .attachment{border-top:1px solid #C9C9C9; font-weight: bold; line-height: 2em;margin-bottom: 0;margin-top: 1em; min-height: 2em;padding: 0 0.8em;}
.message-box .attachment a{color:#696969}
.message-box .attachment ul li{float:left;margin:0px 5px}
.message-box .message-body{padding-top:15px;padding-left:40px}
.message-box .message-header span.label{float:left;color:#696969;font-size: 12px;font-weight: bold;text-align: left;padding-left: 40px;}

.message-box .message-header span.date-time{float: right;margin-top: 5px;}
.message-box .reply{position: unset;}
.message-box .message-header span.do-quote{cursor:pointer;}
.message-box .message-header img{vertical-align:middle!important;}
.message-box blockquote{background: none repeat scroll 0 0 transparent;border-left: 2px solid #999999;height: auto;padding-left: 10px;padding-top: 0;width: auto;font-style: italic;}
.arrow_up_ticket{background:#fff;}
.arrow_up_ticket  .header_link{width: 82%!important;}
.arrow_up_ticket  .header_sp{width:87% !important;}
.message-box .discription-message{padding-left:40px}
.discription-message .do-discription span,.discription-message .reply span{color:#696969;font-weight:bold}
.message-box .quote-message {float:right}
.message-box .quote-message .do-action{cursor:pointer;padding-left:5px;}
.form-reply .add-file {float: left;margin-top: 5px;}
.form-reply .button-set{float: right;margin-top: 5px;text-align: right;}
.select-department .title{float:left;width:200px;font-weight:bold; color: #696969;}
.select-department .title em{color:red;}
.select-department .input-box .department{width:400px;}
.box-new-ticket iframe,.form-reply iframe,.box-ticket iframe{position: unset!important;}

/*
.message-box a.arrow_down{background: url("../images/accordion_open.gif") no-repeat scroll 0 0px transparent;}
*/
.inner-head .header_sp{width:95%!important;}
.inner-head .header_op{width:94%!important;}
.message-box .header_sp{width:95%;}
.message-box .header_op{width:94%;}
.message-box .header_link{cursor:pointer;display: block;padding-left: 40px;overflow:hidden;float: left;height:22px}
.message-box .header_link span{float:right}
.reply-message,.form-reply{margin-top:20px;}
.helpdesk-customer-view .reply-message .center,.helpdesk-operator-view .reply-message .center{width:160px;margin-left:270px;}
.helpdesk-customer-viewticket .reply-message .center{width:160px;margin-left:355px;}
.clear{clear: both;}
.priority{background-color: #FFF;color: #FFFFFF;display: inline-block;font-size: 12px;font-weight: bold;line-height: 14px;padding: 2px 0;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);vertical-align: baseline;white-space: nowrap;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;font-family: Arial,sans-serif;width: 85px;text-align: center;}
.priority-critical{background-color: #ff0000;border: 1px solid #ff0000;}
.priority-emergency{background-color: #ef5c5c;border: 1px solid #ef5c5c;}
.priority-urgent{background-color: #ff6600;border: 1px solid #ff6600;}
.priority-hight{border: 1px solid #cd9601; background-color:#cd9601;}
.priority-medium{border: 1px solid #6a7400; background-color:#6a7400;}
.priority-normal{border: 1px solid #167300; background-color:#167300;}
.box-ticket{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: #FFFFFF;border-color: #CCCCCC #999999 #999999 #CCCCCC; border-image: none; border-style: solid;border-width: 1px;margin: 0 0 20px; padding: 15px;}
.box-ticket .box-head {border-bottom: 1px solid #D9DDE3; margin: 0 0 10px; text-align: right;overflow: hidden;}
.box-ticket .box-head h2 {background-position: 0 0;background-repeat: no-repeat;color: #E65505;float: left;font-size: 13px;font-weight: bold;margin: 0;padding-left: 21px; text-transform: uppercase;}
.customer-ticket-title{padding:10px 0px;margin:0px 0px 5px 0px!important;}
.customer-ticket-title h1{float:left;width:200px;color:#696969;font-weight:bold;text-transform:uppercase}
.customer-ticket-title .reply-message{float:right;margin:0px;}
.ticket-action{margin-bottom:25px;padding-left:5px}
.ticket-action a{margin-right:15px;color:#696969;font-size:14px;}
.box-customer-ticket{margin-bottom:20px}
.box-customer-ticket .pager{background:none!important;border:none!important;margin:10px 0px}
.box-customer-ticket .data-table thead th{background:#c7d9e7;color:#696969;text-transform:uppercase; border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF!important;padding:5px}
.box-customer-ticket .data-table thead th.last{border-right:none!important;}
.box-customer-ticket .data-table .odd{background:#f3f3f3;}
.box-customer-ticket .data-table .even{background:#eff5ff;}
.box-customer-ticket .data-table tbody th,.box-customer-ticket .data-table tbody td{border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;padding:5px;color:#696969;}
.ticket-action .active{font-weight:bold;text-decoration: none;}
#loading-mask {background: none repeat scroll 0 0 #333333;color: #D85909;display: block;font-size: 1.1em;font-weight: bold;height: 100%;left: 0;opacity: 0.8;position: fixed;text-align: center;top: 0; width: 100%;z-index: 500;}
#loading-mask .loader {    background: none repeat scroll 0 0 #FEFEFE; border: 3px solid #999999;box-shadow: 0 0 0 3px #333333;color: #D85909;font-weight: bold;left: 45%;padding: 3px 20px;position: fixed;text-align: center;top: 45%;width: 150px;z-index: 1000;}
.loading-mask {background:url('../../images/helpdesk/opc-ajax-loader.gif') no-repeat scroll right center!important;}
.ticket-information .assing-operetor{margin-bottom:15px}
.ticket-information .assing-operetor label{float:left;width:150px; display:block; color: #696969;padding-left:5px; font-weight: bold;}
.ticket-information .assing-operetor input{width:250px;position:relative}
.ticket-information .assing-operetor .button-infog{float:right;width:600px}
.ticket-information .result-operator-box{background: none repeat scroll 0 0 #BBCCDD;left: 600px;overflow: visible;padding: 10px;position: absolute;width: 236px;z-index: 999;}
.ticket-information .result-operator-box li a{cursor:pointer;color:#111111}

.result-operator{z-index:999;height:auto;width:254px;position:absolute;left:600px;border:1px solid #c8c8c8}
.result_operator_box{z-index:999;overflow: hidden;background:#ffffff; border-color: #C8C8C8 }
.result_operator_box ul li{cursor: pointer;line-height: 1.3em;min-height: 32px;padding:0 0.7em;text-align: left;margin:0px!important;}
.result_operator_box ul li a{cursor:pointer;padding:10px;text-decoration:none;color: #2F2F2F;line-height: 1.3em;display:block;}
.result_operator_box ul li:hover{background:#DCEBF0;}
.result_operator_box .total{background: none repeat scroll 0 0 #BBCCDD;color: #111111; cursor: default;font-size: 10px;height: 25px;padding-right: 10px;text-align: right;line-height: 25px;min-height: 25px;}


/* css icon attachment*/
.message-box .attachment .icon-attachment{padding-left:20px;}
.message-box .attachment .icon-jpg , .message-box .attachment .icon-jpeg{background: url("../../images/helpdesk/icon/jpg.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-png{background: url("../../images/helpdesk/icon/png.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-gif{background: url("../../images/helpdesk/icon/gif.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-pdf{background: url("../../images/helpdesk/icon/pdf.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-zip{background: url("../../images/helpdesk/icon/zip.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-rar{background: url("../../images/helpdesk/icon/rar.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-txt{background: url("../../images/helpdesk/icon/txt.png") no-repeat scroll left center transparent;}

.message-box .attachment .icon-doc{background: url("../../images/helpdesk/icon/doc.png") no-repeat scroll left center transparent;}
.message-box .attachment .icon-csv{background: url("../../images/helpdesk/icon/xls.png") no-repeat scroll left center transparent;}

.message-box .attachment .icon-default{background: url("../../images/helpdesk/icon/_blank.png") no-repeat scroll left center transparent;}

.ticket-information .ticket-content input{display: inline-block;line-height: 30px;}

.box-new-ticket input[type="file"]{display: inline;}