Just sharing this quick hack to make OS Ticket look a little less 1990 and also scale to viewport (90% so it isn't rammed up each side).

Replace scp.css entirely with the following, and then do a search and replace for anything in the OS ticket (excluding your public templates, which you may have something completely different going on), replacing width="940" with width="100%"

Cheers

=========== scp.css starts now =========

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600,600i');body{font-family:"Open Sans","Helvetica Neue",arial,helvetica,sans-serif;font-weight:400;letter-spacing:.15px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body,html{background:#eee;color:#000;font-size:14px;margin:0;padding:0}.link,a{color:#184e81;text-decoration:none;display:inline-block}a:hover,.link:hover{text-decoration:underline;cursor:pointer}#nav a:hover,#sub_nav a:hover,a:hover i[class="icon-"],.tabs a{text-decoration:none}div#header a{color:#39aad5}.centered{text-align:center}.full-width{width:100%}.headline{margin-bottom:15px}.clear{clear:both}.big{font-size:110%}.faded{color:#666;color:rgba(0,0,0,0.5)}.faded b{color:#333;color:rgba(0,0,0,0.75)}.faded strong{color:#444;color:rgba(0,0,0,0.6)}.faded-more{color:#aaa;color:rgba(0,0,0,0.35)}time[title]:hover{text-decoration:underline}a time{color:initial}.small[class="icon-"],.small[class=" icon-"]{vertical-align:baseline;padding-left:2px;font-size:80%}.strike{text-decoration:line-through;color:red}.canned_attachments label,.canned_attachments span .uploads label{padding:3px;padding-right:10px}.canned_attachments label{padding-right:3px}#breadcrumbs{color:#333;margin-bottom:15px;background-color:#f4faff;padding:8px}#breadcrumbs a{color:#555}.banner{margin:0;padding:5px 5px 11px;margin-bottom:10px;color:#444;border:1px solid #444;background-color:#ddd;border-radius:4px}#msg_info,.info-banner{margin:0;padding:5px;margin-bottom:10px;color:#3a87ad;border:1px solid #bce8f1;background-color:#d9edf7}#msg_notice,.success-banner,.notice-banner{margin:0;padding:5px 10px 5px 36px;margin-bottom:10px;border:1px solid #0a0;background:url('../images/icons/ok.png') 10px 50% no-repeat #e0ffe0}#msg_warning,.warning-banner{margin:0;padding:5px 10px 5px 36px;margin-bottom:10px;border:1px solid #f26522;background:url('../images/icons/alert.png') 10px 50% no-repeat #ffd}
#msg_error,.error-banner{margin:0;padding:5px 10px 5px 36px;margin-bottom:10px;border:1px solid #a00;background:url('../images/icons/error.png') 10px 50% no-repeat #fff0f0}#notice_bar{margin:0;padding:5px 10px 5px 36px;height:16px;line-height:16px;border:1px solid #0a0;background:url('../images/icons/ok.png') 10px 50% no-repeat #e0ffe0}#warning_bar{margin:0;padding:5px 10px 5px 36px;height:16px;line-height:16px;border:1px solid #f26522;background:url('../images/icons/alert.png') 10px 50% no-repeat #ffd}#error_bar{margin:0;padding:5px 10px 5px 36px;height:16px;line-height:16px;border:1px solid #a00;background:url('../images/icons/error.png') 10px 50% no-repeat #fff0f0}#container{width:90%;margin:10px auto 20px auto}#header{height:76px;background-color:transparent}#logo{display:block;text-decoration:none;outline:0;height:64px;max-width:400px;padding:5px 0 7px 5px}#logo img{max-height:66px;max-width:300px;height:auto;width:auto;vertical-align:middle;outline:0;border:0}.valign-helper{height:100%;display:inline-block;vertical-align:middle}#header p{display:block;width:auto;max-width:630px;margin:10px;padding:8px;text-align:center}#nav,#sub_nav{clear:both;margin:0;padding:0 20px;height:26px;line-height:26px;white-space:nowrap}#nav .active,#sub_nav li{padding:0;list-style:none;display:inline}#nav{background:#eee;padding-top:4px;z-index:200}#nav .active,#nav .inactive{display:inline-block;min-width:95px;width:auto;padding-left:10px;padding-right:10px;height:26px;color:#555;text-align:center;position:relative;border-radius:5px 5px 0 0;border-style:solid;border-width:1px 1px 0;border-color:transparent}#nav .inactive a{color:#555;display:block}#nav .active a{color:#004a80;font-weight:bold}#nav>li+li{margin-left:8px}#nav li.active,#nav li.inactive:hover{border-color:#c5d9ec}#nav li.active{background-color:#f7f7f7}#nav li.inactive:hover{background-color:#fbfbfb}#nav li.inactive>ul{width:230px;background:#fbfbfb;margin:0;padding:5px 0;position:absolute;left:-1px;z-index:500;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:0 0 5px 5px;display:block;visibility:hidden;opacity:0;transition:visibility 0s linear,opacity .1s linear}
#nav .inactive li{display:block;margin:0;padding:0;list-style:none;text-align:left}#nav li.inactive:hover>ul{visibility:visible;opacity:1;transition-delay:.25s}#nav .inactive li a{background-position:10px 50%;background-repeat:no-repeat;padding:0 10px 0 34px}#nav .inactive li a:hover{color:#e65524;background-color:#fbfbfb;background-color:rgba(0,0,0,0.05)}#sub_nav{background:#f7f7f7;border-bottom:1px solid #bebebe;padding:2px 20px}#sub_nav a{display:inline-block;padding:0 10px 0 21px;background-position:0 50%;background-repeat:no-repeat;color:#000}#sub_nav li+li>a{margin-left:10px}#sub_nav a:hover{color:#e65524}#sub_nav a.active{font-weight:bold}#sub_nav .open{background-image:url(../images/icons/open.gif)}#sub_nav .answered{background-image:url(../images/icons/answered.gif)}#sub_nav .mine{background-image:url(../images/icons/mine.gif)}#sub_nav .closed{background-image:url(../images/icons/closed.gif)}#sub_nav .new{background-image:url(../images/icons/new.gif)}a.test{background-image:url(../images/icons/open.gif)}a.Ticket{background:url(../images/icons/open_tickets.gif)}a.assignedTickets{background:url(../images/icons/assigned_tickets.gif)}a.overdueTickets{background:url(../images/icons/overdue_tickets.gif)}a.answeredTickets{background:url(../images/icons/answered_tickets.gif)}a.closedTickets{background:url(../images/icons/closed_tickets.gif)}a.newTicket{background:url(../images/icons/new_ticket.gif)}a.premade{background:url(../images/icons/premade_reply.gif)}a.newPremade{background:url(../images/icons/new_premade_reply.gif)}a.kb{background:url(../images/icons/kb.gif)}a.faq-categories{background:url(../images/icons/faq-categories.gif)}a.canned{background:url(../images/icons/canned.gif)}a.staff{background:url(../images/icons/list_groups.gif)}a.user{background:url(../images/icons/list_users.gif)}a.userPref{background:url(../images/icons/user_preferences.gif)}a.userPasswd{background:url(../images/icons/change_password.gif)}a.preferences{background:url(../images/icons/settings.gif)}
a.api{background:url(../images/icons/api.png)}a.newapi{background:url(../images/icons/new_api.png)}a.ticket-settings{background:url(../images/icons/ticket-settings.gif)}a.email-settings{background:url(../images/icons/email-settings.gif)}a.kb-settings{background:url(../images/icons/kb-settings.gif)}a.alert-settings{background:url(../images/icons/alert-settings.gif)}a.email-autoresponders{background:url(../images/icons/email-autoresponders.gif)}a.sla{background:url(../images/icons/slas.png)}a.newsla{background:url(../images/icons/new_sla.png)}a.logs{background:url(../images/icons/logs.gif)}a.emails{background:url(../images/icons/emails.png)}a.newEmail{background:url(../images/icons/new_email.png)}a.emailTemplates{background:url(../images/icons/email_templates.png)}a.newEmailTemplate{background:url(../images/icons/new_email_template.png)}a.emailFilters{background:url(../images/icons/email_filters.png)}a.ticketFilters{background:url(../images/icons/ticket_filters.png)}a.newTicketFilter{background:url(../images/icons/new_ticket_filter.png)}a.emailSettings{background:url(../images/icons/emails.png)}a.emailDiagnostic{background:url(../images/icons/email_diagnostic.gif)}a.banList{background:url(../images/icons/ban_list.gif)}a.users{background:url(../images/icons/user.gif)}a.newuser{background:url(../images/icons/new_user.gif)}a.groups{background:url(../images/icons/list_groups.gif)}a.teams{background:url(../images/icons/teams.gif)}a.newgroup{background:url(../images/icons/new_group.gif)}a.helpTopics{background:url(../images/icons/help_topics.png)}a.newHelpTopic{background:url(../images/icons/new_help_topic.png)}a.departments{background:url(../images/icons/list_departments.gif)}a.newDepartment{background:url(../images/icons/new_department.gif)}a.pages{background:url(../images/icons/pages.gif)}a.newPage{background:url(../images/icons/new_page.gif)}a.forms{background:url(../images/icons/icon-form.png);background-size:16px 16px}a.lists{background:url(../images/icons/icon-list.png);background-size:16px 16px}
.Icon{width:auto;padding-left:20px;background-position:left center;background-repeat:no-repeat;min-height:16px;display:inline-block;vertical-align:middle}a.Icon{background-repeat:no-repeat}a.Icon:hover{text-decoration:underline}.Icon.newstaff{background:url(../images/icons/new_user.gif) 0 0 no-repeat}.Icon.newteam{background:url(../images/icons/new_team.gif) 0 0 no-repeat}.Icon.Ticket{background:url(../images/icons/ticket.gif) 0 2px no-repeat}.Icon.webTicket{background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat}.Icon.emailTicket{background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat}.Icon.phoneTicket{background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat}.Icon.apiTicket{background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat}.Icon.otherTicket{background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat}.Icon.overdueTicket{background:url(../images/icons/overdue_ticket.gif) 0 0 no-repeat}.Icon.assignedTicket{background:url(../images/icons/assigned_ticket.gif) 0 0 no-repeat}.Icon.lockedTicket{background:url(../images/icons/locked_ticket.gif) 0 0 no-repeat}.Icon.editTicket{background-image:url(../images/icons/edit_ticket.png)}.Icon.staffAssigned{background-image:url(../images/icons/user.gif)}.Icon.teamAssigned{background-image:url(../images/icons/teams.png)}.Icon.newCategory{background-image:url(../images/icons/new_category.png)}.Icon.editCategory{background-image:url(../images/icons/edit_category.png)}.Icon.deleteCategory{background-image:url(../images/icons/delete_category.png)}.Icon.newFAQ{background-image:url(../images/icons/new_faq.png)}.Icon.newReply{background-image:url(../images/icons/new_reply.png)}.Icon.file{background-image:url(../images/icons/file.gif)}.Icon.refresh{background-image:url(../images/icons/refresh.gif)}.Icon.note{font-weight:bold;font-size:1em;background-image:url(../images/icons/note.gif)}.Icon.thread{font-weight:bold;font-size:1em;background-image:url(../images/icons/thread.gif)}
.Icon.debugLog{background:url(../images/icons/log_debug.gif) 0 2px no-repeat}.Icon.alertLog{background:url(../images/icons/log_alert.gif) 0 2px no-repeat}.Icon.errorLog{background:url(../images/icons/log_error.gif) 0 2px no-repeat}.Icon.form-add{background:url(../images/icons/icon-form-add.png) 0 0 no-repeat;background-size:16px 16px}.Icon.list-add{background:url(../images/icons/icon-list-add.png) 0 0 no-repeat;background-size:16px 16px}#content{clear:both;padding:10px 10px 20px 10px;background:#fff}a{color:#184e81}#footer{clear:both;padding:10px;text-align:center;font-size:.9em}table.dashboard-stats{text-align:right;border-bottom:2px solid #ddd}table.dashboard-stats tbody:first-child th{border-bottom:1px dashed #ddd;padding:0 4px 8px}table.dashboard-stats tbody:nth-child(2) tr:nth-child(odd){background-color:#f0faff}table.dashboard-stats tbody:nth-child(2) th{padding:5px 8px;border-right:1px solid #ccc;color:#999}table.dashboard-stats tbody:nth-child(2) td{padding:5px 4px;border-right:1px solid #ccc}table.dashboard-stats tbody:nth-child(2) tr:hover{background-color:#ffd}table.dashboard-stats tbody:nth-child(2) tr:hover th{color:#000}table{vertical-align:top}table.list{clear:both;background:#eee;margin:2px 0}table.list caption{text-align:left;padding:5px;background:#929292;color:#fff;font-weight:bold}table.list thead th{background-color:#eee;color:#000;text-align:left;vertical-align:top;padding:4px 5px}table.list th a{text-decoration:none;color:#000;margin:-4px -5px;padding:4px 5px}table.list thead th a{padding-right:15px;display:block;white-space:nowrap;color:#000;background:url('../images/asc_desc.gif') 100% 50% no-repeat}table.list thead th a.asc{background:url('../images/asc.gif') 100% 50% no-repeat #cfe6ff}table.list thead th a.desc{background:url('../images/desc.gif') 100% 50% no-repeat #cfe6ff}table.list tbody td{background:#fff;border:1px solid #fff;padding:1px;vertical-align:top}table.list tbody td{background:#fff;padding:4px 3px;vertical-align:top}
table.list tbody tr:nth-child(2n+1) td{background-color:#f0faff}table.list tbody tr:hover td{background:#ffe}table.list tbody tr:nth-child(2n+1):hover td{background:#ffd}table.list tbody tr:hover td,table.list tbody tr.highlight td{background:#ffd}table tfoot td{background:#eee;padding:1px}table.list tfoot td{padding:2px}table.list tbody td.webticket,table.list tbody tr.row1 td.webticket{text-indent:20px;background:url(../images/icons/ticket_source_web.gif) 0 50% no-repeat #fff}table.list tbody td.emailticket,table.list tbody tr.row1 td.emailticket{text-indent:20px;background:url(../images/icons/ticket_source_email.gif) 0 50% no-repeat}table.list tbody td.phoneticket,table.list tbody tr.row1 td.phoneticket{text-indent:20px;background:url(../images/icons/ticket_source_phone.gif) 0 50% no-repeat}table.list tbody td.otherticket,table.list tbody tr.row1 td.otherticket{text-indent:20px;background:url(../images/icons/ticket_source_other.gif) 0 50% no-repeat}a.refresh{display:block;float:right;width:auto;height:16px;line-height:16px;padding:2px 5px 2px 2px;background-position:2px 50%;background-repeat:no-repeat;padding-left:24px;margin-left:10px;margin-bottom:2px;border:1px solid #aaa;background-image:url(../images/icons/refresh.gif)}a.edit,a.print{display:block;float:right;width:auto;height:16px;line-height:16px;padding:2px 5px 2px 2px;background-position:2px 50%;background-repeat:no-repeat;padding-left:24px;margin-left:10px;border:1px solid #aaa;background-image:url(../images/icons/edit_ticket.png)}a.print{background-image:url(../images/icons/printer.gif)}.btn_sm{padding:2px 5px;font-size:.9em;background:url(../images/btn_sm_bg.png) top left repeat-x #f90;border:1px solid #777;color:#fff;font-weight:bold}.search label{display:block;line-height:25px;height:25px}.search input[type=text]{height:23px;line-height:23px;border:1px solid #aaa;background:#fff;padding:2px}.table{width:100%;border-collapse:collapse;margin-top:3px}.table tr.header td,.table tr.header th,.table>thead th{font-weight:400;font-size:1.3em;text-align:left;min-height:24px}
.table tbody:not(:first-child) th{padding-top:1.4em}.table tr:not(:last-child):not(.header){border-bottom:1px dotted #ddd}.table tr.header{border-bottom:1px dotted #777}.table td:not(:empty){padding:5px}.table.two-column tbody tr td:first-child{width:25%}.table>tbody>tr.header+tr td{padding-top:10px}.table td .pull-right{margin-right:15px}.form_table{margin-top:3px;border-left:1px solid #ddd;border-right:1px solid #ddd}.form_table td{border-bottom:1px solid #ddd;padding:4px}.form_table td:not(:empty){height:20px}table.fixed{table-layout:fixed;width:100%}table.fixed>thead>tr>th:not([width]),table.fixed>thead>tr>td:not([width]),table.fixed>tbody>tr>td:not([width]),table.fixed>tr>td:not([width]){width:180px}table.fixed>thead>tr>th+th:not([width]),table.fixed>thead>tr>td+td:not([width]),table.fixed>tbody>tr>td+td:not([width]),table.fixed>tr>td+td:not([width]){width:auto}td.multi-line{vertical-align:top;padding-top:.4em;padding-bottom:.4em}input[type=text],input[type=password],textarea,input{padding:3px 5px;font-size:.95em;font-family:inherit;background:#fff;border:1px solid #aaa;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.form_table input[type=radio],.form_table input[type=checkbox]{margin-left:0;padding-left:0}.form_table .required{font-weight:bold}.form_table em{font-weight:400;color:#666}.error{color:#f00}.form_table .error input{border:1px solid #f00}.form_table th,div.section-break{text-align:left;border:1px solid #ccc;background:#eee;padding:0;padding:5px}div.section-break h3{margin:0;padding:0}.form_table th h4{margin:-0.3em -0.3em;color:#fff;background:#929292;padding:.3em}.form_table th em:not(:first-child){margin-top:.6em}.form_table th em{display:block;color:#000}.settings_table{margin-top:2px;border-left:1px solid #ddd;border-right:1px solid #ddd}.settings_table td{border-bottom:1px solid #ddd}.settings_table input[type=radio],.settings_table input[type=checkbox]{margin-left:0;padding-left:0}#content .settings_table th h4 a{display:block;color:#fff}
.settings_table h4 a span{font-size:1.2em;line-height:1.15em;display:inline-block;width:14px;height:14px;overflow:hidden;text-align:center;color:#444;background:#ccc;position:relative;top:2px}h2{margin:0 0 .7em;padding:0;font-size:1.4em;color:#0a568e}h2 i{font-size:12px;top:-2px;position:relative;color:#0a0}h2 small{font-size:.8em}h3{margin:10px 0 0 0;padding:5px 0;color:#444}.tixTitle{padding:0 5px 0}.tixTitle h3{color:#444;padding:0;margin:0;font-size:1.4em;font-weight:300}.has_bottom_border{padding-bottom:5px;border-bottom:1px solid #ddd}.ticket_info th{text-align:left}.ticket_info{background:#f4faff}.ticket_info.custom-data thead th{border-bottom:2px solid #ccc;background-color:white}.custom-data th,.custom-data td{padding:3px}table.custom-data{margin-bottom:1em}.right_align{text-align:right}h2 .reload{display:inline-block;width:16px;height:16px;background:url(../images/icons/refresh.gif) top left no-repeat;outline:0;text-indent:-9999px}#assigned_message{margin:10px 0;padding:5px 5px 5px 30px;background:url(../images/icons/assigned_ticket.gif) 5px 50% no-repeat #ffd;border:1px solid #f90}#ticket_actions{padding:5px;background:#eee;border:1px solid #aaa;border-bottom:0;margin:0}a#post-note:hover{background-color:#fff9e2;color:#555!IMPORTANT}.thread-entry{margin-bottom:15px;z-index:0}.thread-entry::after{content:"";border-bottom:2px solid white;display:block}.thread-entry::before{content:"";display:block;border-top:2px solid white}.thread-entry.avatar{margin-left:60px}.thread-entry.message.avatar{margin-right:60px;margin-left:0}.thread-entry>.avatar{margin-left:-60px;display:inline-block;width:48px;height:auto}.avatar{border-radius:12%}.thread-entry.message>.avatar{margin-left:initial;margin-right:-60px}img.avatar{border-radius:inherit;vertical-align:middle;margin-right:5px}.avatar>img.avatar{width:100%;height:auto}.thread-entry .header{padding:8px .9em;border:1px solid #ccc;border-color:rgba(0,0,0,0.2);border-radius:5px 5px 0 0}
.thread-entry.avatar .header:before{position:absolute;top:7px;right:-8px;content:'';border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #9cadcc;display:inline-block}.thread-entry.avatar .header:after{position:absolute;top:7px;right:-8px;content:'';border-top:7px solid transparent;border-bottom:7px solid transparent;display:inline-block;margin-top:1px}.thread-entry.avatar .header{position:relative}.thread-entry.message .header{background:#c3d9ff}.thread-entry.avatar.message .header:after{border-left:7px solid #c3d9ff;margin-right:1px}.thread-entry.response .header{background:#ffe0b3}.thread-entry.avatar.response .header:before,.thread-entry.avatar.note .header:before{top:7px;left:-8px;right:initial;border-left:none;border-right:8px solid #CCC}.thread-entry.system .header{background-color:#f4f4f4}.thread-entry.avatar.response .header:before{border-right-color:#ccb3af}.thread-entry.avatar.note .header:before{border-right-color:#ccccb0}.thread-entry.avatar.response .header:after,.thread-entry.avatar.note .header:after{top:7px;left:-8px;right:initial;border-left:none;border-right:7px solid #ffe0b3;margin-left:1px}.thread-entry.note .header{background:#FFE}.thread-entry.avatar.note .header:after{border-right-color:#FFE}.thread-entry .header .title{max-width:500px;vertical-align:bottom;display:inline-block;margin-left:15px}.thread-entry .header .button{margin-top:-4px}.thread-entry .thread-body{border:1px solid #ddd;border-top:0;border-bottom:2px solid #aaa;border-radius:0 0 5px 5px}.thread-body .attachments{background-color:#f4faff;margin:0 -0.9em;position:relative;top:.9em;padding:.3em .9em;border-top:1px dotted #ccc;border-top-color:rgba(0,0,0,0.2);border-radius:0 0 6px 6px}.thread-body .attachments:empty{display:none}.thread-body .attachments .filesize{margin-left:.5em;line-height:1em}.thread-body .attachment-info{margin-right:10px;display:inline-block;width:48%}.thread-body .attachment-info .filename{max-width:80%;max-width:calc(100% - 70px)}
#ticket_notes table td{padding:5px}#ticket_notes td{background:#f9f9f9}.thread-entry .info,#ticket_notes .info{padding:5px;background:#f4faff;height:16px;line-height:16px}#ticket_notes .info{background:#f9f9f9}#response_options>form{padding:0 10px}ul.tabs{padding:4px 0 0 20px;margin:0;text-align:left;height:29px;border-bottom:1px solid #aaa;background:#eef3f8;position:relative;box-shadow:inset 0 -5px 10px -9px rgba(0,0,0,0.3)}ul.tabs li{margin:0;padding:0;display:inline-block;list-style:none;text-align:center;min-width:130px;font-weight:bold;height:28px;line-height:20px;color:#444;display:inline-block;outline:0;position:relative;bottom:1px;background:#fbfbfb;background-color:rgba(251,251,251,0.5);border:1px solid #ccc;border:1px solid rgba(204,204,204,0.5);border-bottom:0;position:relative;bottom:1px;border-top-left-radius:5px;border-top-right-radius:5px;font-size:95%}ul.tabs li.active{color:#184e81;background-color:#f9f9f9;border:1px solid #aaa;border-bottom:0;text-align:center;border-top:2px solid #81a9d7;bottom:0;box-shadow:4px -1px 6px -3px rgba(0,0,0,0.2)}li.error{border-top:2px solid rgba(255,0,0,0.3)!important}li.error.active{border-top-color:rgba(255,0,0,0.7)!important}li.error a:before{background-color:rgba(255,0,0,0.06);top:0;left:0;bottom:0;right:0;content:"";position:absolute}ul.tabs li:not(.active){box-shadow:inset 0 -5px 10px -9px rgba(0,0,0,0.2)}ul.tabs.clean li.active{background-color:white}ul.tabs li a{font-weight:400;line-height:20px;color:#444;color:rgba(0,0,0,0.6);display:block;outline:0;padding:5px 10px}ul.tabs li a:hover{text-decoration:none}ul.tabs li.active a{font-weight:bold;color:#222;color:rgba(0,0,0,0.8)}ul.tabs li.empty{padding:5px;border:none!important}ul.tabs.vertical{display:inline-block;height:auto;border-bottom:initial;border-right:1px solid #aaa;padding-left:0;padding-bottom:40px;padding-top:10px;background:transparent;box-shadow:inset -5px 0 10px -9px rgba(0,0,0,0.3)}ul.tabs.vertical.left{float:left;margin-right:9px}
ul.tabs.vertical li{border:1px solid #ccc;border:1px solid rgba(204,204,204,0.5);border-right:0;min-width:0;display:block;border-top-right-radius:0;border-bottom-left-radius:5px;right:0;height:auto}ul.tabs.vertical li:not(.active){box-shadow:inset -5px 0 10px -9px rgba(0,0,0,0.3)}ul.tabs.vertical li+li{margin-top:5px}ul.tabs.vertical li.active{border:1px solid #aaa;border-left:2px solid #81a9d7;border-right:0;right:-1px;box-shadow:-1px 4px 6px -3px rgba(0,0,0,0.3)}ul.tabs.vertical.left li{text-align:right}ul.tabs.vertical li a{padding:5px}ul.tabs.alt{background-color:initial;border-bottom:2px solid #ccc;border-bottom-color:rgba(0,0,0,0.1);box-shadow:none}ul.tabs.alt li{width:auto;border:0;min-width:0;box-shadow:none;bottom:1px;height:auto}ul.tabs.alt li.active{border:0;box-shadow:none;background-color:transparent;border-bottom:2px solid #81a9d7}#response_options .reply_tab.tell{color:#a00!important;background-image:url(../images/reminder.png);background-position:12px 50%;background-repeat:no-repeat}#response_options>form{padding:10px 5px;background:#f9f9f9;border:1px solid #aaa;border-top:0}#response_options>form>table{table-layout:fixed}#response_options>table td{vertical-align:top}#response_options input[type=text],#response_options textarea:not(.richtext){border:1px solid #aaa;background:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.attachments .uploads div{display:inline-block;padding-right:20px}.file{display:inline-block;padding-left:20px;margin-right:20px;background:url(../images/icons/file.gif) 0 50% no-repeat}.expander{line-height:14px;display:inline-block;width:12px;height:12px;overflow:hidden;text-align:center;color:#aaa;position:relative}.tip_box{display:block;height:30px;position:absolute;z-index:10}.tip_arrow{display:block;position:absolute;top:5px;left:-12px;width:12px;z-index:1}.tip_box.right .tip_arrow{top:5px;right:-12px;left:auto}.flip-x{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}
.tip_content{height:auto!important;height:20px;min-height:20px;padding:10px;border:1px solid #666;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.5);-webkit-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.5);box-shadow:5px 5px 10px -2px rgba(0,0,0,0.5);z-index:3;position:absolute;top:0;left:-1px;min-width:400px;line-height:1.45rem}.tip_content .links{margin-top:.7em;padding-top:.4em;border-top:1px solid #ddd}.tip_content .links a{color:#548dd4}.tip_content hr{color:#ddd;background-color:#ddd;height:1px;border:0;padding:0;margin:.2em 0;width:100%}.tip_close{position:absolute;top:.3em;right:.5em;text-decoration:none}.tip_shadow{display:none;background:#000;filter:progid?XImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);-ms-filter:"progid?XImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";zoom:1;position:absolute;z-index:200;top:0;left:0;width:auto!important;width:310px}.tip_menu{margin:10px 0 0 0;padding:5px 0;border-top:1px solid #aaa;height:16px;font-size:.9em}.tip_menu li{display:inline;list-style:none;margin:0;padding:0}.tip_menu li a{display:block;width:auto;float:left;padding:0 10px;border-right:1px solid #ddd;color:#666}.tip_menu li a:hover{color:#e76c74}.tip_content form{display:none;line-height:24px}.tip_content select,.tip_content textarea{width:295px}.tip_content textarea{padding:0;border:1px solid #aaa;background:#fff}.tip_content form p{margin:0;width:auto!important;width:295px;text-align:right;line-height:1.5em}.tip_content h1{font-size:1.3em;margin-top:0;margin-bottom:.4em;padding-bottom:.5em;border-bottom:1px solid #ddd;padding-right:1.5em}i.help-tip{vertical-align:inherit;color:#aaa;opacity:.8;text-indent:initial}i.help-tip:hover{color:orange!important;cursor:pointer;opacity:1}caption>i.help-tip{color:white;opacity:.2}caption:hover>i.help-tip{color:orange;color:#ffc20f;opacity:1}h2>i.help-tip{vertical-align:middle;font-size:.7em}.form_table th h4 i.help-tip{color:white}
#kb{margin:2px 0;padding:5px;overflow:hidden}#kb li{padding:10px 10px 10px 46px;height:auto!important;overflow:hidden;margin:0;background-image:url(../images/kb_large_folder.png),url(../images/kb_category_bg.png);background-position:0 50%,bottom left;background-repeat:no-repeat,repeat-x;border-bottom:1px solid #ddd}#kb li:last-child{border-bottom:0}#kb li h4{padding-bottom:3px;margin:0 0 3px 0}#kb li h4 span{color:#666;font-weight:normal}#kb li h4 a{font-size:14px}#kbSearch{margin-bottom:1em}#kbSearch #query{width:200px}#faq{clear:both;margin:0;padding:0 0 10px 0}#faq ol{font-size:15px;margin-left:0;padding-left:0;margin:0!IMPORTANT}#faq ol li{list-style:none;margin:0;padding:10px 0 10px;color:#999;border-bottom:1px solid #ddd}#faq ol li:last-child{border-bottom:0}#faq ol li a{display:inline;height:16px;font-size:13px;line-height:16px;padding-left:24px;background:url('../images/icons/page.png') 0 50% no-repeat}#faq ol li a span{font-weight:normal;color:#777}#faq ol li:hover{background-color:#e9f5ff}time.faq{display:inline-block;color:#777}.cat-desc{padding-top:5px;padding-bottom:15px}.cat-manage-bar{background:#e3f5ff;padding:5px;border-bottom:1px solid #777}.cat-manage-bar a{display:inline-block;margin-right:20px}.dialog,.dialog {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.dialog{position:fixed;padding:1em;width:500px;height:250px;height:auto!important;background:#fff;border:0;display:none;z-index:10;box-shadow:0 5px 60px #001;max-height:72%;min-height:50px;overflow-y:auto}.dialog#popup{width:650px}.dialog.size-normal{width:650px!important}.dialog.size-large{width:750px!important}.dialog #popup-loading{position:absolute;text-align:center;background:rgba(255,255,255,0.8);top:0;bottom:0;left:0;right:0;z-index:11}.redactor-editor{font-size:1.1em}.dialog#advanced-search{width:640px!important;height:360px}.dialog hr{height:1px;border:0;background:#aaa;background:-moz-linear-gradient(left,rgba(170,170,170,0) 0,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(170,170,170,0)),color-stop(10%,rgba(170,170,170,1)),color-stop(90%,rgba(170,170,170,1)),color-stop(100%,rgba(170,170,170,0)));background:-o-linear-gradient(left,rgba(170,170,170,0) 0,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%);background:-ms-linear-gradient(left,rgba(170,170,170,0) 0,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%);background:linear-gradient(to right,rgba(170,170,170,0) 0,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%);filter:progid?XImageTransform.Microsoft.gradient(startColorstr='#00aaaaaa',endColorstr='#00aaaaaa',GradientType=1)}
.dialog h3{color:#2a67ac;font-size:20px;margin:0;padding:0;position:relative;padding-right:3em}.dialog a{color:#184e81}.dialog a.close{position:absolute;display:inline-block;right:1em;top:1em;font-size:16px;color:#777}.dialog form{clear:both;width:100%}.dialog fieldset{margin:0;padding:0;border:0}.custom-field .field-label{margin:0 3px 4px}.custom-field+.custom-field{margin-top:8px}.dialog label.fixed-size{width:100px;display:inline-block;text-align:right;padding:10px}.dialog fieldset input:not([type=checkbox]){border:1px solid #ccc;background:#fff;padding:3px}.dialog fieldset span.between{width:50px;display:inline-block;text-align:center;color:#777;font-size:.75em}.dialog ul.tabs,.dialog ul.tabs {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.dialog.draggable h3.drag-handle:hover{cursor:move}.row{display:table-row}.row .span6{display:table-cell;width:48%;padding:5px 10px;vertical-align:top}.search-dropdown{padding-left:19px}.adv-search-field{margin-top:5px!important}#advanced-search fieldset{margin-top:3px;position:relative}#advanced-search .adv-search-method:before,#advanced-search .adv-search-val:before{content:"";border-left:2px dotted #ccc;border-bottom:2px dotted #ccc;border-color:rgba(0,0,0,0.15);width:10px;height:10px;display:inline-block;position:absolute;left:-16px}#advanced-search .adv-search-method{margin-left:24px}#advanced-search .adv-search-val{margin-left:45px}input[type="submit"],input[type="reset"],input[type="button"],.action-button,.button{cursor:pointer;box-sizing:content-box;display:inline-block;vertical-align:bottom;margin:0 4px;height:22px;line-height:22px;border:0;box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset;padding:2px 11px;color:#555;background-color:#f0f0f0;background-color:rgba(0,0,0,0.02);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:inherit;font-size:.95em;font-weight:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease}
input[type="submit"] i,input[type="reset"] i,input[type="button"] i,.action-button i,.button i{margin-right:.1em}select+.action-button,select+.button{vertical-align:middle}.dark.button{background-color:rgba(0,0,0,0.5);box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;color:white}.dark.button:hover{background-color:rgba(0,0,0,0.8);box-shadow:0 0 0 2px rgba(255,255,255,0.7) inset;color:white}.link.button,.link.button:hover,.link.button:active{border:0;box-shadow:none;background-color:transparent;color:#184e81;padding:0;font-size:inherit}.light .button:hover,.white.button{background-color:rgba(255,255,255,0.7);border-color:#555}.light .button:hover,.white.button:hover{background-color:rgba(255,255,255,0.9);border-color:black}.button.attached{margin-left:-4px;margin-right:-4px;box-shadow:none!important;border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid #999;border-left:none;padding:0 9px}.input.attached{height:24px;box-sizing:border-box;display:inline-block;margin-right:5px}.input.attached input:focus{outline-style:none!important}.input.attached input{height:100%;box-sizing:border-box;margin-right:0;border:1px solid #999;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input.attached .button.attached{height:100%;box-sizing:border-box}.green.button:hover{background-color:inherit;box-shadow:0 0 0 2px #16ab39 inset;color:#16ab39}.red.button:hover{background-color:inherit;box-shadow:0 0 0 2px #d01919 inset;color:#d01919}.button:hover{text-decoration:none}button[type=submit],input[type="submit"],.primary.button{font-weight:normal;box-shadow:0 0 0 1px rgba(0,0,0,0.45) inset;background-color:rgba(0,0,0,0.07)}.save.pending{background-color:rgba(255,174,0,0.63);box-shadow:0 0 0 2px rgba(255,174,0,1) inset}.button:hover,.button:active,.action-button:hover,.action-button:active,input[type=button]:hover,input[type=button]:active,input[type=reset]:hover,input[type=reset]:active{color:black;box-shadow:0 0 0 2px rgba(0,0,0,0.5) inset;background-color:#ddd;background-color:rgba(0,0,0,0.08)}
button[type=submit]:hover,input[type=submit]:hover,input[type=submit]:active{color:white;box-shadow:0 0 0 2px rgba(0,0,0,0.7) inset;background-color:#888;background-color:rgba(0,0,0,0.5)}.button:disabled,.action-button:disabled,button[type=submit]:disabled,input[type=submit]:disabled{opacity:.6}.save.pending:hover{box-shadow:0 0 0 2px rgba(242,165,0,1) inset;background-color:rgba(255,174,0,0.79);color:black}input[type=button].small,.small.button,input[type=submit].small{font-size:.8em;height:18px;line-height:100%;font-weight:normal}.action-button.muted{box-shadow:0 0 0 1px rgba(0,0,0,0.08) inset}.action-button.muted i.icon-caret-down{border:0}.action-button.inline,.button.inline{vertical-align:middle}.dialog th,.tip_box th{text-align:left}.dialog th{background-color:#eee;border:1px dotted #bbb;padding:.3em;padding-left:.3em}#result-count div{padding:5px 10px;text-align:left;font-weight:bold;width:100%;margin:0 auto}#result-count .success{background:#e3ffd8;border:1px solid #0a0}#result-count .fail{background:#ffd8d8;border:1px solid #a00}.ui-datepicker-trigger{display:inline-block;border:0;padding:0;margin-left:2px;position:relative;top:5px;width:16px;height:16px;background:inherit}#upgrader{width:100%;height:auto;clear:both}.sidebar{width:220px;padding:10px;border:1px solid #c8ddfa;float:right;background:#f7fbfe}.sidebar h3{margin:0 0 5px 0;padding:0;text-indent:32px;background:url('../images/cog.png?1312913866') top left no-repeat;line-height:24px;color:#2a67ac}#upgrader #main{width:680px;float:left}#upgrader #main h1{margin:0;padding:0;font-size:1.6em;font-weight:normal}#upgrader #main h2{font-size:1.2em;margin:0;padding:0;color:#e65524}#upgrader #main h3{margin:0;padding:0}#upgrader #main div#intro{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #aaa}#upgrader #main{padding-bottom:20px}ul.progress{margin:10px 0 20px 20px;padding:0}ul.progress li{list-style:none;margin:0;padding:0 0 2px 24px;background:url('../images/incomplete.png?1312910844');background-repeat:no-repeat;background-position:0 50%}
ul.progress li.yes{background-image:url('../images/yes.png?1312906296')}ul.progress li.no{background-image:url('../images/no.png?1312906277')}ul.progress li.yes small{color:green}ul.progress li.no small{color:red}#bar{clear:both;padding-top:10px;height:24px;line-height:24px;text-align:center;border-top:1px solid #aaa}#bar a.unstyled,#bar a.unstyled:hover{font-weight:normal;background:0;border:0;text-decoration:underline;color:#2a67ac}#bar.error{background:#ffd;text-align:center;color:#a00;font-weight:bold}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9;-webkit-transform:translate3d(0,0,0);opacity:.5}#loading,#upgrading{border:3px solid #777;border-radius:10px;padding:10px;width:300px;background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY2PAQoAIAgDrQf6pf7kC2vCRlRUgrjqXFrMrI3McHdKiwhpiMrTDRL4ghL8geQIsc6EOwbMcsYXhIYyUlvTgXUeS1vzkXWG8OMRXCE0b+AJAtgB7jEc+2fs6e8AAAAASUVORK5CYII=) repeat;position:fixed;display:none;z-index:3000;box-shadow:0 5px 20px #001;vertical-align:middle}#loading h1,#upgrading h4{margin:3px 0 0 0;padding:0;color:#d80}#loading,#upgrading{color:white}.non-local-image{display:inline-block;border:3px dashed #eee;border-radius:5px}.non-local-image:after{background:url(../../logo.php) center center no-repeat;background-size:cover;content:"";z-index:-1;width:100%;height:100%;opacity:.3;display:block}input[type=text]:disabled,input[type=checkbox]:disabled{background-color:#eee}input.dp{width:10em}.icon-warning-sign{color:#d33}div.patch{border-bottom:1px dotted #ccc;padding:.1em;margin-left:1em}.patch-title{color:#555}div.selected-signature{border:1px solid #ddd;border:1px solid rgba(0,0,0,0.1);border-top-style:dotted;border-bottom-style:none;padding:.3em 10px 5px;height:2.5em;overflow-y:hidden;font-size:15px;line-height:1.25rem;background-color:white;background-color:rgba(255,255,255,0.9)}div.selected-signature .inner{opacity:.5}.action-button.danger:hover{opacity:1.0;border-color:rgba(95,75,0,0.8)!important;background:#fc9f41;color:rgba(255,255,255,0.8)!important;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOWY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTgxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fc9f41 0,#ce8114 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fc9f41),color-stop(100%,#ce8114));background:-webkit-linear-gradient(top,#fc9f41 0,#ce8114 100%);background:-o-linear-gradient(top,#fc9f41 0,#ce8114 100%);background:-ms-linear-gradient(top,#fc9f41 0,#ce8114 100%);background:linear-gradient(to bottom,#fc9f41 0,#ce8114 100%);filter:progid?XImageTransform.Microsoft.gradient(startColorstr='#fc9f41',endColorstr='#ce8114',GradientType=0)}
.action-button.danger{color:#999!important;background:transparent;border:1px solid rgba(0,0,0,0.5);opacity:.6}.action-button.overlay{float:none;position:absolute;top:4px;right:5px}.muted-button:hover{border:1px solid #aaa;border:1px solid rgba(0,0,0,0.3);cursor:pointer;background:rgba(255,255,255,0.1);color:black}.muted-button{border-radius:5px;padding:1px 5px;margin:-1px 0 -1px 5px;border:1px solid rgba(0,0,0,0.15);color:#666;color:rgba(0,0,0,0.5);background-color:rgba(0,0,0,0.1);background:linear-gradient(0,rgba(0,0,0,0.1),rgba(255,255,255,0.1))}.sortable-rows tr td:hover{cursor:move}.sortable{cursor:move}.row-item{border:1px solid rgba(0,0,0,0.7);padding:9px;position:relative}.sortable:hover{background:rgba(0,0,0,0.1)}.sortable:active{background:rgba(0,0,0,0.3)}.row-item:first-child{border-top-right-radius:5px;border-top-left-radius:5px}.row-item:last-child{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.row-item+.row-item{margin-top:-1px}.row-item .delete{border-left:1px solid rgba(0,0,0,0.7);border-top-right-radius:inherit;border-bottom-right-radius:inherit;width:35px}.row-item .delete:empty{visibility:hidden}.row-item .button-group{font-size:105%;position:absolute;top:0;right:0;display:inline-block}.row-item .button-group div{display:inline-block}.row-item .button-group div a{padding:9px 12px 8px}.row-item .management{margin-top:10px;border-top:1px dashed black}.row-item:first-child .delete{border-top-right-radius:5px}.row-item:last-child .delete{border-bottom-right-radius:5px}.row-item .delete:hover{background:#fc9f41;color:rgba(255,255,255,0.8)!important}#sequences .manage-buttons{display:inline-block;margin-right:60px}tr.disabled td,tr.disabled th{opacity:.6;background:#f5f5f5}.quicknote{margin:10px 0;border:1px solid rgba(0,0,0,0.2);border-radius:4px}.quicknote .header{position:relative;display:block;padding:10px;border-bottom:1px dashed rgba(0,0,0,0.2)}.quicknote .header .header-left{display:inline-block}.quicknote .header .header-right{display:inline-block;text-align:right;right:1em;position:absolute}
.quicknote .header .options{display:inline-block;padding-left:10px;margin-left:5px;white-space:nowrap;border-left:1px solid rgba(0,0,0,0.2)}.quicknote .body{padding:10px}.quicknote a.action,.floating-options a.action{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;display:inline-block;width:15px;text-align:center;padding:2px 2px;color:black!important;background-color:#eee;background-color:rgba(0,0,0,0.05);border-width:1px;border-style:solid;border-color:#ddd;border-color:rgba(0,0,0,0.1);border-radius:4px}.quicknote a.action:hover,.floating-options a.action:hover{text-decoration:none;border-color:#ff9100;background-color:rgba(255,145,0,0.05);border-radius:3px}.quicknote a.action.save-note,.floating-options a.action.save-note{background-color:#beb}#new-note{margin-top:10px}.label{display:inline-block;position:relative;bottom:1px;margin-bottom:4px;font-size:11px;padding:0 7px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold;line-height:18px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999}.label-bare{background-color:transparent;background-color:rgba(0,0,0,0);border:1px solid #999;color:#999;text-shadow:none}.label-info{background-color:#3a87ad}.label-verified{border:1px solid green;background-color:transparent;background-color:rgba(0,0,0,0);color:green;text-shadow:none}.label-danger{border:1px solid red;background-color:transparent;background-color:rgba(0,0,0,0);color:red;text-shadow:none}.tab_content{position:relative}.tab_content:not(.left){padding:12px 0}.left-tabs{margin-left:48px}.floating-options{display:inline-block;position:absolute;right:0;top:5px;padding-right:5px}i.note-type{color:#2a67ac;opacity:.8;border-right:1px solid rgba(0,0,0,0.2);padding-right:8px}table.custom-info th{background:transparent;border:0;padding-top:10px;border-bottom:1px dotted rgba(0,0,0,0.9)}table.custom-info tr{vertical-align:top}table.custom-info td{border-bottom:1px dotted rgba(0,0,0,0.3)}
div.faq-status{padding-top:6px}.faq-title{font-size:170%;font-weight:600;margin-right:10px}.faq-content{width:670px;margin:0 15px}.faq-category{margin:0 15px}.faq-meta section+section{margin-top:15px}button a{color:ButtonText!important;text-decoration:none}button a:hover{text-decoration:none}.bleed{padding:0;margin:0}.doc-desc-title{font-weight:bold;text-transform:capitalize}.doc-desc-opt{font-style:italic}tr:hover i.help-tip,tr i.help-tip.warning{opacity:.8!important;color:#ffc20f}.form_table tr i.help-tip{opacity:.2;margin-left:5px}.ui-datepicker{z-index:200!important}.draft-saved{background-color:black;background-color:rgba(0,0,0,0.7);color:white;padding:4px 8px 6px;border-radius:3px;text-shadow:0 -1px 0 rgba(0,0,0,0.25);line-height:14px;position:absolute;top:3em;right:.5em}.delete-draft:hover{background-color:#fc9f41!important}.hidden{display:none}.pull-right{float:right}.flush-right{text-align:right}.flush-left{text-align:left}.ltr{direction:ltr;unicode-bidi:embed}.required{font-weight:bold}.truncate{width:auto;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.truncate.bleed{text-overflow:hidden}td.indented{padding-left:20px}.secondary_lang{padding:3px 0;margin:3px 0;border-bottom:1px dotted #ccc}.saved-search{padding:5px}.saved-search+.saved-search{border-top:1px dotted #ccc}.accordian{margin-bottom:10px}.accordian dt{border-radius:4px;border:1px solid #ccc}.accordian dt.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordian dt,dd{padding:5px}.accordian dt a{color:black;font-weight:500;display:block}.accordian dt.active a{color:#184e81;text-decoration:none}.accordian dt:not(.active) a i{display:none}.accordian dd{border-top:0;font-size:12px;margin-left:0;border:1px solid #ccc;border-top:0;box-shadow:inset 0 10px 5px -10px rgba(0,0,0,0.1);background-color:rgba(42,103,172,0.1)}.accordian dt ~ dt{margin-top:5px}.accordian dd:last-of-type{position:relative;top:-1px}#topic-forms tbody+tbody td.handle{padding-top:15px}
#dynamic-actions>tr>td{padding:5px}.no-margin{margin:0!important}.form-simple select,.form-simple input,.form-simple textarea{margin-left:0}.sticky.bar.fixed{position:fixed;top:0;left:0;z-index:6;width:100%;background-color:white;background-color:rgba(255,255,255,0.95);padding:10px 20px;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,0.3)}.sticky.bar .content{margin:auto}.sticky.bar.fixed .notsticky{display:none!important}.sticky.bar.fixed .inline{float:left;display:inline;margin:5px 10px 0 0}.sticky.bar.opaque{background-color:white}.sticky.bar.fixed h2{margin:0}.sticky.bar:not(.fixed) .sticky.only{display:none}.scroll-up{display:none}@media screen and (min-width:1040px){.scroll-up{display:inline;background-color:#eee;background-color:rgba(0,0,0,0.1);position:absolute;top:0;right:20px;padding:8px 8px 5px;border-radius:0 0 5px 5px;border:1px dotted #888;border-top:0;color:#888!important;box-shadow:0 3px 8px -6px rgba(0,0,0,0.9)}.scroll-up:hover{background-color:#444;background-color:rgba(0,0,0,0.7);color:#ddd!important;color:rgba(255,255,255,0.8)!important;border-color:transparent}}.message.bar{position:fixed;top:0;left:0;right:0;padding:9px 15px;z-index:10;background-color:white;box-shadow:0 3px 10px rgba(0,0,0,0.2);opacity:.95}.message.bar.bottom{bottom:0;top:auto;box-shadow:0 -3px 10px rgba(0,0,0,0.2)}.message.bar .avatar[class=" oscar-"]{display:inline-block;width:36px;height:36px;margin-right:10px;background-image:url(../images/oscar-avatars.png);background-repeat:no-repeat;background-size:180px 72px}.avatar.oscar-boy{background-position:-72px 0}.avatar.oscar-borg{background-position:0 -36px}.message.bar .title{font-weight:bold;font-size:1.1em}.message.bar .body{margin-left:42px}.message.bar.warning{border-bottom:3px solid orange}.message.bar.bottom.warning{border-bottom:0;border-top:3px solid orange}.message.bar.danger{border-bottom:3px solid red}.message.bar.bottom.danger{border-bottom:0;border-top:3px solid red}.message.bar .title .avatar{width:auto;max-height:20px;border-radius:3px;margin:-4px .3em 0;vertical-align:middle}
#thread-items::before{border-left:2px dotted #ddd;border-bottom-color:rgba(0,0,0,0.1);position:absolute;margin-left:74px;z-index:-1;content:"";top:0;bottom:0;right:0;left:0}#thread-items{z-index:0;position:relative;padding-top:0;padding-bottom:15px;margin-top:5px}.thread-event{padding:0 2px 15px;margin-left:60px}.thread-event a{color:inherit}.type-icon{border-radius:8px;background-color:#f4f4f4;padding:4px 6px;margin-right:5px;text-align:center;display:inline-block;font-size:1.1em;border:1px solid #eee;vertical-align:top;position:relative}.thread-event .type-icon::after{content:"";border:16px solid white;position:absolute;top:-3px;bottom:0;left:-3px;right:0;z-index:-1}.type-icon.dark{border-color:#666;background-color:#949494}.thread-event img.avatar{vertical-align:middle;border-radius:3px;width:auto;max-height:20px;margin:-3px 3px 0}.thread-event .description{margin-left:-30px;padding-top:6px;padding-left:30px;display:inline-block;width:772px;width:calc(100% - 95px);line-height:1.4em}.freetext-files{padding:10px;margin-top:10px;border:1px dotted #ddd;border-radius:4px;background-color:#f5f5f5}.freetext-files .file{margin-right:10px;display:inline-block;width:48%;padding-top:.2em}.freetext-files .title{font-weight:bold;margin-bottom:.3em;font-size:1.1em}.iblock{display:inline-block}form .inset{padding:10px}.dialog form .quick-add{min-height:150px}.span12{width:100%}.span6{width:48%;width:calc(50% - 10px)}.span6+.span6{margin-left:1%;margin-left:calc(0+10px)}.form.footer{margin-top:50px}label.checkbox{display:block;padding-left:1.3em;text-indent:-1.3em}label.inline.checkbox{display:inline-block}label.checkbox+label.checkbox{margin-top:.3em}input[type=checkbox]{width:1em;height:1em;box-sizing:content-box;padding:0;margin:0;margin-right:.1em;vertical-align:bottom;position:relative;top:-0.05em;*overflow:hidden}.vertical-pad{margin-top:3px}input,textarea{padding:3px 5px;font-size:.95em;font-family:inherit;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #bbb}
small{font-weight:normal;letter-spacing:.01px}table.grid.form{width:100%;table-layout:fixed}table.grid.form caption{font-size:1.3em;font-weight:bold;text-align:start;padding:0 9px}.grid.form .cell{vertical-align:top}.grid.form .field{padding:5px}.grid.form .field input:not([type=checkbox]),.grid.form .field textarea,.grid.form .field select{width:100%;display:block}.grid.form .field>label{display:block;margin-bottom:5px}#basic_search{background-color:#f4f4f4;margin:-10px 0;margin-bottom:5px;padding:8px;border-bottom:1px dotted #aaa;border-radius:0 0 5px 5px}#basic-ticket-search{border:1px solid #999;border-color:rgba(0,0,0,0.45);border-top-left-radius:3px;border-bottom-left-radius:3px}select{height:24px;line-height:24px;max-width:350px;border:1px solid #bbb;display:inline-block;padding:0 4px;font-size:13px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}a.attachment{padding-left:1.2em;display:block}.sidebar section header{font-weight:bold;margin-bottom:.3em}.select2-search__field{-webkit-appearance:textfield}a.emailTicket b:after{content:'\02713'!important;font-size:12px;padding:4px 7px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;left:3px}a.emailTicket b{color:#119c53!important}

    5 days later

    Nice one! Tried it and looks great.
    I know that soon osticket will have theme/template support so... this could be an option.
    This is only for up to 1.10.4 version.
    Tried it for 1.11 but has a lot of changes after 1.10.4.

    Great job by the way

    Thanks, I'll only adjust it for stable versions as I move forward. But then.... osticket with theme/template support? That's maybe worth waiting for! I was wondering if something was going on as it has been quiet on the release side of things.

    Formatted version does not come under the permitted character count for posts on this forum. Minified CSS is common and also desirable.

    Just copy the above and throw it through something like https://unminify.com/ if you don't have software to do this for you.

    2 years later
    10 months later
    Write a Reply...