<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ticket_list,.ticket_indivisual,.ticket_assignment,.wait{
	width: 100%;
	min-height: 400px;
	float: left;
}

.filter_item{
	float: left;
	margin-right: 10px;
}

#theadReplyContainer{
	width: 100%;
	margin-top: 20px;
	background-color: #eeeeee;
	padding: 10px;
	border-radius: 10px;
        height: auto;
        float: left;
        margin-bottom: 10px;
}

.replyFloatedContainer{
	width: 100%;
        height: auto;
	margin-top: 10px;
}

#threadAccordion{
    float: left;
    width: 100%;
}

.replyFloatLeft{
	width: 120px;
	height: 60px;
	float: left;
        margin-top: 5px;
}
.replyFloatRight{
	margin: 10px;
	float: right;
}

.replyFloatLeftFullWidth{
    width: 100%;
    float: left;
    margin-top: 10px; 
}

/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
 * Update 13 - reply additional recipients
 */
.replyFloatedContainer{
    clear:both;
}
 
.replyCC {
    width:50%;
    float:left;
}
.replyCC input {
    width:98%;
}
/* END CLOUGH I.T. SOLUTIONS MODIFICATION
 */
/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
 * Update 18 - Thread accordion
 * jQuery accordion for threads
 */
.threadHeader {
    overflow:auto;
    padding:10px;
    background-color:#eeeeee;
}
/* END CLOUGH I.T. SOLUTIONS MODIFICATION
 */
.gravtar_container{
	width: 60px;
	height: 60px;
	float: left;
}
.threadInfo{
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 4 - Display thread date time
	 */ 
	/*width: 190px;*/
	width: auto;
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
	height: 60px;
	padding-left: 10px;
	float: left;
}
.wpsp_edit_ticket_threads,.wpsp_add_new_ticket_threads{
    float: right; 
    margin-right: 5px;
}
.threadUserName{
	font-size: 16px;
	font-weight: bold;
}
.threadUserType,.threadCreateDate{
	font-style: italic;
}
.threadBody{
	width: 100%;
	margin-top: 20px;
}
.threadAttachment{
	width: 100%;
	font-style: italic;
	margin-top: 20px;
}
.attachment_link{
	color: blue;
	cursor: pointer;
}
#tblChangeStatusContainer td{
	padding: 10px;
}

#tblChangeStatusContainer, #tblChangeStatusContainer tr, #tblChangeStatusContainer th, #tblChangeStatusContainer td{
	border: none !important;
}
#create_ticket_subject{width: 95%; margin-top: 10px;}
#create_ticket_body{margin-top: 10px; width: 95%; overflow-y:hidden;}
#create_ticket_category,#create_ticket_priority,.create_ticket_attachment{margin-top: 10px;}
.ticket_list,.ticket_indivisual,.ticket_assignment,#ticketContainer .wait{display: none;}
#agentSignature{width: 95%;overflow-y:hidden;margin-top: 10px;}
#txtAgentSkypeId{width: 150px;}
.secondRadioButton{margin-left: 15px;}
#saveAgentSettingsBtn{margin-top: 10px;}
/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
 * Update 13 - reply additional recipients
 */
.changeTicketSubBtn,.wpsp_ticket_nav_btn,#reply_ticket_status,#reply_ticket_category,#reply_ticket_priority,#wpsp_reply_attachment,.replyCC input {margin-top: 10px !important;}
/* END CLOUGH I.T. SOLUTIONS MODIFICATION
 */
#replyBody{width: 100% !important;}
#wpsp_reply_attach_label{font-weight: bold;font-style: italic;}
#create_ticket .wait{ display: none; }
.filter_item select,.replyFloatedContainer select{width: 80px !important;}

#ticketActionDashboard {width: 100%;}
#ticketActionDashboard .wpspFilterDashboard{
	width: 100%;
	padding: 10px;
}

.wpspActionDashboardBody {
    background-color: #eeeeee;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    float: left;
    display: none;
}

#wpadminbar{z-index: 9994 !important;}

.filter_item td {
    padding: 2px;
    font-weight: bold;
}

.filter_center{
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-weight: bold;
}

.filter_center #filter_by_search{
	width: 50%;
	text-align: center;
}

.wpspBulkActionBtn {display: none;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

@media only screen and (min-width:320px) and (max-width: 379px) {
	.replyFloatLeft{
		width: 250px;
		height: 73px;
	}
	.replyFloatRight{
		float: left;
		margin-left: 0px;
	}
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 4 - Display thread date time
	 */
	.threadInfo{
		width: 190px;
	}
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 13 - reply additional recipients
	 */
	.replyCC {
		width:100%;
		float:left;
	}
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
}

@media only screen and (min-width:380px) and (max-width: 507px) {
	.replyFloatLeft{
		width: 200px;
		height: 73px;
	}
	.replyFloatRight{
		float: left;
		margin-left: 0px;
	}
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 13 - reply additional recipients
	 */
	.replyCC {
		width:100%;
		float:left;
	}
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
}

@media only screen and (min-width:507px) and (max-width: 597px) {
	.replyFloatLeft{
		width: 200px;
		height: 73px;
	}
	.replyFloatRight{
		float: right;
	}
	.replyCC {
		width:100%;
		float:left;
	}
}

@media only screen and (min-width:597px) and (max-width: 668px) {
	.replyFloatLeft{
		width: 150px;
		height: 73px;
	}
	.replyFloatRight{
		float: right;
	}
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 13 - reply additional recipients
	 */
	.replyCC {
		width:100%;
		float:left;
	}
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
}

@media only screen and (min-width:669px) and (max-width: 750px) {
	.replyFloatLeft{
		width: 180px;
		height: 73px;
	}
	.replyFloatRight{
		float: right;
	}
	/* BEGIN CLOUGH I.T. SOLUTIONS MODIFICATION
	 * Update 13 - reply additional recipients
	 */
	.replyCC {
		width:100%;
		float:left;
	}
	/* END CLOUGH I.T. SOLUTIONS MODIFICATION
	 */
}

@media only screen and (min-width:751px) and (max-width: 1000px) {
	.replyFloatLeft{
		width: 120px;
		height: 73px;
	}
	.replyFloatRight{
		float: right;
	}
}

#wpspCannedTBL tr{
        cursor:pointer;
}

.wpsp_edit_fields {height: 12px;margin-left: 5px;width: 15px;cursor: pointer;}

.wpsp_frm_attachment_container {
    background-color: #e3e3e3;
    border-radius: 5px;
    padding: 15px;
    width: 90%;
    margin-top: 5px;
}
.wpsp_frm_attachment_input{
    width: 100%;
    margin-bottom: 10px;
}
.wpsp_frm_attachment_list{
    width: 100%;
}
.wpsp_frm_attachment {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 6px;
    width: 90%;
    color: #ffffff;
    font-weight: bold;
}
.wpsp_attachment_download_icon{
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.wpsp_attachment_row{
    width: 100%;
}
.wpsp_attachment_ui_remove {
    color: #ff0000;
    cursor: pointer;
}</pre></body></html>