div#records div.jsst_userpages { text-align: right; padding: 5px; }
div#records div.jsst_userpages a.jsst_userlink { display: inline-block; padding: 5px 10px; margin-left: 5px; text-decoration: none; background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0; }
div#records div.jsst_userpages span.jsst_userlink { display: inline-block; padding: 5px 10px; margin-left: 5px; }
div#records div.jsst_userpages a.jsst_userlink:hover { background: #2EA2CC; color: #FFF; }
div.js-ticket-form-instruction-message { display: inline-block; padding: 7px 10px; background-color: #F5F9FF; border: 1px solid #BCD8F8; color: #04419A; border-radius: 5px; margin-bottom: 15px; }
form#jsst-myprofileimageform { display: inline-block; float: left; width: 100%; padding: 20px 0px; }
div.js-wrapper span.js-tk-value { white-space: nowrap; }
div#userpopupblack { background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9989; }
div#userpopup { background: #FDFDFD; border: 1px solid #E0DCE0; }
form#userpopupsearch div.search-center div.search-center-heading { background: #343538; color: #FFFFFF; }
div#records div.js-staff-searc-desc { width: 100%; border: 1px solid #DDD; background: #F1F1F1; color: #887F7F; font-size: 15px; margin-bottom: 15px; padding: 10px 25px; }
form#userpopupsearch div.search-center div.js-search-value { padding: 0 5px; }
form#userpopupsearch div.search-center div.js-search-value input { min-height: 28px; }
form#userpopupsearch div.search-center div.js-search-value-button { padding: 0; }
form#userpopupsearch div.search-center div.js-search-value-button div.js-button { padding: 0 5px; width: 50%; float: left; display: inline-block; }
form#userpopupsearch { margin-bottom: 10px; float: left; width: 100%; }
form#userpopupsearch div.search-center { width: 99%; margin-left: 4px; font-size: 15px; float: left; font-weight: bold; }
form#userpopupsearch div.search-center-history { width: 99%; margin-left: 4px; font-size: 17px; float: left; color: #FFFFFF; padding: 10px; font-weight: bold; background-color: #343538; }
form#userpopupsearch div.search-center input { width: 100% !important; }
form#userpopupsearch div.search-center-heading { padding: 10px 0px 10px 10px; margin-bottom: 10px; }
form#userpopupsearch div.search-center span.close { position: absolute; top: 10px; right: 10px; background-image: url(../images/close.png); background-size: 100%; width: 20px; height: 20px; opacity: 1; }
form#userpopupsearch div.search-center-history span.close-history { position: absolute; top: 9px; right: 9px; background: url(../images/close.png) no-repeat; background-size: 100%; width: 20px; height: 20px; }
div#userpopup { position: fixed; top: 30%; left: 20%; width: 60%; max-height: 40%; padding: 10px; padding-top: 0px; border-radius: 8px; z-index: 99999; overflow-y: auto; overflow-x: hidden; }
div#userpopup input.js-searchbtn { padding: 2px 15px; }
div#records { display: inline-block; padding: 10px; z-index: 9999; overflow: auto; width: 100%; padding-top: 5px; padding-bottom: 5px; }
div#records span { background: #FEFEFE; margin-bottom: 10px; }
div#records span.admin { color: blue; }
div#records span.staff { color: orange; }
div#records span.member { color: black; }
div.user-records-wrapper span.js-user-title-xs { display: none; }
div.user-records-wrapper { padding-bottom: 3px; }
div.tk_permission_heading { color: #FFFFFF; background: #222222; }
div#records div.js-title { background: #DDDDDD; padding-top: 4px; padding-bottom: 4px; }
div#records div.js-value { border-bottom: 1px solid #DDDDDD; background: #FEFEFE; }
/*Heading*/
div#js-tk-heading { float: left; width: 100%; border-bottom: 1px solid #9ACC00; margin: 5px 0 15px; 0; }
div#js-tk-heading h3 { display: inline-block; color: #9ACC00; margin: 10px 0px; width: 60%; }
div#js-tk-heading a.tk-heading-addbutton { float: right; text-decoration: none; padding: 5px 10px; background-color: #CECEDC; color: #000000; margin: 5px 0px; }
div#js-tk-heading a.tk-heading-addbutton:hover { background-color: #9ACC00; color: #FFFFFF; }
div.js-tk-subheading { width: 100%; margin: 5px 0; display: inline-block; color: #FFF; background: #323232; font-size: 15px; padding: 7px 15px; }
/*controlpanel*/
div#js-maincp-area { float: left; width: 100%; background-color: #FAFAFA; padding: 10px; border: 1px solid #E9E9E9; }
div#js-maincp-area div.js-mnu-wrapper { padding: 7px 5px; }
div#js-maincp-area a.js-mnu-area { display: inline-block; text-decoration: none; background-color: #FFFFFF; }
div#js-maincp-area a.js-mnu-area { width: 100%; float: left; position: relative; }
div#js-maincp-area div.js-mnu-icon { display: inline-block; width: 30%; }
div#js-maincp-area div.js-mnu-icon img { margin: 5%; max-width: 90%; }
div#js-maincp-area div.js-mnu-text { display: inline-block; margin-left: -5px; width: 55%; vertical-align: middle; }
div#js-maincp-area div.js-mnu-text span { color: #888888; font-size: 13px; }
div#js-maincp-area div.js-mnu-arrowicon { position: absolute; top: 30%; left: 86%; }
/*File Attachment*/
div#js-attachment-files { width: 100%; height: auto; display: inline-block; border: 1px solid #B8B8B8; }
div#js-attachment-files span.js-value-text { position: relative; width: 49%; margin: 2px; float: left; border: 1px solid #CECEDC; display: inline-block; }
div#js-attachment-files span.js-value-text input[type="file"] { margin-left: 3px; padding: 0; }
div#js-attachment-files span.js-value-text span.js-attachment-remove { background: url('../images/close.png') no-repeat; position: absolute; width: 20px; height: 20px; top: 5px; right: 2px; }
div#js-attachment-option { display: inline-block; width: 100%; }
div#js-attachment-option span.js-attachment-ins { float: left; margin-bottom: 10px; }
div#js-attachment-option span#js-attachment-add { padding: 5px; float: right; color: #2A2A2A; cursor: pointer; background-color: #E2E3E4; }
div#js-attachment-option span#js-attachment-add:hover { color: #FFFFFF; background-color: #9ACC00; }
/*General*/
.js-leftpadding-null { padding-left: 0px; }
.js-rightpadding-null { padding-right: 0px; }
.js-padding-null { padding: 0px; }
.js-tk-noborder { border: none !important; }
.js-padding-leftrightnull { padding-right: 0; padding-left: 0; }
div.js-null-margin { margin: 0px; }
.js-textaligncenter { text-align: center; padding-left: 0px; padding-right: 0px; }
/* Filter Froms */
div#js-tk-filter { display: inline-block; width: 100%; padding-top: 10px; }
div#js-tk-filter div.tk-search-title label { }
div.input-append input { width: calc(100% - 44px) !important; }
div#js-tk-filter div.tk-search-value input, div#js-tk-filter div.tk-search-value select { width: 100%; min-height: 28px; }
div#js-tk-filter div.tk-search-button { text-align: center; padding: 12px; display: inline-block; border-top: 1px solid #CDCDCD; width: 96%; margin-left: 2%; margin-right: 2%; margin-top: 15px; }
div#js-tk-filter div.tk-search-button button { width: 60px; height: 28px; }
div#js-tk-filter div.tk-search-button button:hover { color: #FFFFFF; background-color: #9ACC00; }
/*Ticket multi search*/
div.js-filter-wrapper-position { position: relative; }
div#js-filter-wrapper-toggle-btn { width: 24px; height: 24px; position: absolute; cursor: pointer; right: 3px; top: 3px; }
form.js-tk-combinesearch { display: inline-block; width: 100%; border: 1px solid #999; padding-top: 7px; }
form.js-tk-combinesearch div.js-filter-wrapper { margin: 5px 0; }
form.js-tk-combinesearch div.js-filter-wrapper div.js-filter-value.userfield { margin: 0px; padding: 0px; }
form.js-tk-combinesearch div.js-filter-wrapper div.js-filter-value input { width: 100%; min-height: 28px; }
form.js-tk-combinesearch div.js-filter-wrapper div.js-filter-title { width: 100%; }
div.js-ticket-special-character { display: inline-block; width: auto; }
div.js-filter-button { width: 100%; display: inline-block; border-top: 1px solid #999; padding-top: 10px; margin-bottom: 5px; text-align: center; }
/* ticket Threads */
div#js-ticket-threads { width: 100%; margin: 15px; padding-right: 15px; display: inline-block; }
div#js-ticket-threads div.js-tk-pic { width: 12%; padding-right: 22px; display: inline-block; float: left; }
div#js-ticket-threads div.js-tk-message { border: 2px solid #DDD; background: #FFFFFF; border-radius: 10px; float: left; width: 88%; position: relative; }
div#js-ticket-threads div.js-tk-message div.js-tk-row { border-bottom: 1px solid #0073A1; font-size: 14px; color: #0073A1; padding-top: 10px; padding-bottom: 5px; margin: 0 10px; }
div#js-ticket-threads div.js-tk-message div.js-tk-row span { font-size: 12px; color: black; display: inline-block; }
div#js-ticket-threads div.js-tk-message div#pointer { position: absolute; top: 15px; left: -21px; }
div#js-ticket-threads div.js-tk-message div.message-area { padding: 10px 20px; width: 100%; float: left; font-size: 14px; }
div#js-ticket-threads div.js-tk-message div.js-row-editordelete { float: right; display: inline-block; }
div#js-ticket-threads div.js-tk-message div.js-row-editordelete div.js-tk-row-edit { display: inline-block; padding: 0 15px; border-right: 1px solid #0073A1; }
div#js-ticket-threads div.js-tk-message div.js-row-editordelete div.js-tk-row-delete { display: inline-block; margin: 0 15px; }
div.js-tk-message div.js-tk-attch-border { padding: 5px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*ticket detail tabs*/
div.idTabs { width: 100%; padding: 5px 0; margin-bottom: 10px; display: inline-block; }
div.idTabs span { }
div.idTabs span a { padding: 12px 30px; background: #2B303B; color: #FFF; text-decoration: none; }
div.idTabs span a:hover { background: #0073A1; }
div.idTabs span a.selected { background: #0073A1; }
/* JS Listing */
div#js-tk-listing { float: left; width: 100%; margin-top: 10px; display: inline-block; }
div#js-tk-listing select#limit { width: 17% !important; }
div.js-listing-head { display: inline-block; width: 100%; background-color: #000000; color: #FFFFFF; border-radius: 3px; font-size: 13px; }
div.js-listing-head div { border-right: 1px solid #FFFFFF; padding: 9px 10px; }
div.js-listing-head div:last-child { border-right: none; }
div.js-listing-data { display: inline-block; width: 100%; background-color: #FFFFFF; border: 1px solid #999999; border-radius: 4px; font-size: 13px; }
div.js-listing-data div { border-right: 1px solid #999999; padding: 5px 10px; line-height: 25px; }
div.js-listing-data div.js-col-md-3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 35px; }
div.js-listing-data div img { height: auto; width: 23px; }
div.js-listing-data div:last-child { border-right: none; }
span.js-value-subject { color: #0033A5; font-weight: 600; }
/*my tickets lists*/
div#js-tk-wrapper { width: 100%; float: left; display: inline-block; background: #FFF; border: 1px solid #999; padding: 10px; margin-bottom: 10px; }
div#js-tk-wrapper div.js-wrapper { padding: 0; }
div#js-tk-wrapper div.js-icon { border-right: 1px solid #999; padding: 5px; }
div#js-tk-wrapper div.js-middle { margin-bottom: 10px; border-right: 1px solid #999; }
div#js-tk-wrapper div.js-middle div.js-tk-preletive { float: left; }
div#js-tk-wrapper div.js-middle div.js-tk-pabsolute { float: right; }
div#js-tk-wrapper div.js-middle div.js-tk-pabsolute span { color: #FFFFFF; padding: 5px 10px; border-radius: 20px; font-size: 10px; }
div#js-tk-wrapper div.js-middle span.js-tk-title { font-weight: bold; }
div#js-tk-wrapper div.js-middle span.js-tk-value { padding-left: 10px; }
div#js-tk-wrapper div.js-middle .js-tk-textwrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
div#js-tk-wrapper div.js-right { }
div#js-tk-wrapper div.js-right span.js-tk-title { padding: 0; }
div#js-tk-wrapper div.js-right span.js-tk-value { font-size: 12px; }
div#js-tk-wrapper div.js-bottom { border-top: 1px solid #999; }
div#js-tk-wrapper div.js-bottom span.js-tk-date { padding-top: 10px; display: inline-block; }
div#js-tk-wrapper div.js-bottom span.js-tk-actions { float: right; padding-top: 10px; display: inline-block; }
div#js-tk-wrapper div.js-bottom span.js-tk-actions a { padding: 5px 10px; margin: 0 5px; color: #FFF; border: 1px solid green; background-color: #2B517B; border-radius: 5px; text-decoration: none; }
div#js-tk-wrapper div.js-bottom span.js-tk-actions :hover { color: black; border: 1px solid black; background-color: #FFF; }
/* Tickets Tabs  */
div#js-tk-tabswrapper { display: inline-block; width: 100%; float: left; }
div#js-tk-tabswrapper div#js-tk-tabs { display: inline-block; width: 100%; text-align: center; margin: 5px 0 25px 0; }
div#js-tk-tabswrapper div#js-tk-tabs a { display: inline-block; padding: 17px 15px; margin-right: 11px; text-decoration: none; width: 16.66666%; white-space: nowrap; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%) repeat scroll 0 0; }
div#js-tk-tabswrapper div#js-tk-tabs a:hover { background: #9ACC00; color: #FFF; }
div#js-tk-tabswrapper div#js-tk-tabs a.selected { color: #FFF; background: #9ACC00; }
/* Listing delete action css */
div.js-listing-data div#js-suredelete { display: none; position: relative; float: left; width: 100%; height: 100%; background-color: #FEEFB3; color: #9F6000; border: 1px solid #9F6000; border-radius: 4px; font-size: 13px; }
div#js-suredelete a { cursor: pointer; text-decoration: none; padding: 7px 10px; line-height: 7px; background-color: #FFFFFF; color: #9F6000; border: 1px solid #9F6000; border-radius: 4px; }
div#js-suredelete a.js-tk-suredelete-btn { position: absolute !important; right: 89px !important; top: 5px !important; width: 75px !important; text-align: center !important; }
div#js-suredelete a.js-tk-canceldelete-btn { position: absolute !important; right: 7px !important; top: 5px !important; text-align: center !important; width: 75px !important; }
/* permissons listing */
div.js-per-subheading { display: inline-block; width: 100%; margin: 3px 0; background: #000; color: #FFF; padding: 5px 15px; }
div.js-per-subheading span.head-text { float: left; padding: 7px; }
div.js-per-subheading span.head-checkbox { float: right; }
div.js-per-subheading span.head-checkbox label { display: inline-block; padding-left: 15px; }
div.js-per-wrapper { width: 100%; padding: 0 15px; }
div.js-per-wrapper div.js-per-datawrapper { padding: 0 5px; }
div.js-per-wrapper div.js-per-data { background: #FFFFFF; width: 100%; color: #444444; border: 1px solid #B8B8B8; padding: 0 7px; margin: 3px 0; display: inline-block; }
div.js-per-wrapper div.js-per-data label { display: inline-block; padding-left: 10px; }
div.js-per-wrapper div.js-per-data input { display: inline-block; margin-top: -1px; }
div#js-tk-per-ajax-bottom-border { display: inline-block; width: 96%; margin: 1% 2%; float: left; border-bottom: 1px solid #999; }
/* -------- Input Forms  ----------- */
div#js-tk-formwrapper { width: 100%; float: left; border: 1px solid #CDCDCD; padding-top: 15px; }
div#js-tk-formwrapper div.js-form-title { padding: 5px 0px; }
div#js-tk-formwrapper div.js-form-title label { display: inline; }
div#js-tk-formwrapper div.js-form-value { }
div#js-tk-formwrapper div.js-append-premade { width: 70%; display: inline-block; }
div#js-tk-formwrapper div.js-append-premadecheck { width: 30%; display: inline-block; }
div#js-tk-formwrapper div.js-append-premadecheck label { display: inline-block; }
div#js-tk-formwrapper div.js-append-premadecheck input#append { margin: 0 7px; }
div#js-tk-formwrapper div.js-form-value input.inputbox, div#js-tk-formwrapper div.js-form-value select, div#js-tk-formwrapper div.js-form-value textarea { width: 100% !important; min-height: 28px; }
/*Submit Button*/
div.js-form-submit { text-align: center; padding: 12px; display: inline-block; border-top: 1px solid #CDCDCD; width: 96%; margin-left: 2%; margin-right: 2%; margin-top: 15px; }
div.js-form-submit input.tk_dft_btn, input#username-text { height: 28px; }
/*knowledgebase*/
div#js-tk-formwrapper div.js-form-choose-logo { border: 1px solid #CECEDC; width: 100%; }
div#js-tk-formwrapper div.js-form-choose-logo input { margin-left: 3px; }
div#js-tk-formwrapper small#js-form-choose-logo-inst { float: left; }
div#js-tk-formwrapper div.js-inner-border { border: 1px solid #CECEDC; margin-right: 1%; width: 24%; display: inline; margin-top: 5px; margin-bottom: 5px; }
div#js-tk-formwrapper div.js-inner-border label { margin-top: 5px; }
div#js-tk-formwrapper div.js-inner-border label input { margin-right: 7px; }
div#js-tk-formwrapper div.js-kb-radios { display: inline-block; border: 1px solid #CECEDC; width: 32%; padding: 3px; }
div#js-tk-formwrapper div.js-kb-radios label { display: inline-block; margin-bottom: 0px; }
div#js-tk-formwrapper div.js-kb-radios input { margin: 5px 5px 5px 5px; }
/*category,formstaff */
div#js-tk-formwrapper div.js-form-radio2 { display: inline-block; border: 1px solid #CECEDC; width: 49%; padding: 3px 5px; }
div#js-tk-formwrapper div.js-form-radio2 label { display: inline-block; margin-bottom: 0px; }
div#js-tk-formwrapper div.js-form-radio2 input { margin: 5px 5px 5px 5px; }
/*department,formstaff*/
div#js-tk-formwrapper div.js-append-signature { width: 100%; border: 1px solid #CECEDC; min-height: 28px; }
div#js-tk-formwrapper div.js-append-signature input { margin: 7px 5px 5px 8px; }
div#js-tk-formwrapper div.js-append-signature label { display: inline-block; }
/*user pages css*/
div.js-ticket-head { width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 15px; }
div.js-ticket-head span { font-weight: bold; font-size: 17px; }
div.js-ticket-body { padding: 10px; margin-top: 10px; }
div.js-ticket-body-data div.js-ticket-body-border { position: relative; padding: 0px; padding-bottom: 5px; margin-top: 7px; margin-bottom: 7px; }
div.js-ticket-body-border span { padding-top: 6px; padding-left: 0px; }
div.js-ticket-body-border div.js-ticket-body-icon { background: blue; position: absolute; top: 4px; width: 17px; height: 15px; right: 0px; }
div.js-ticket-body-border div.js-ticket-body-icon img { position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; }
div.js-ticket-body-row { padding: 0px; margin-top: 10px; }
div.js-ticket-body-row-button { padding-top: 7px; padding-bottom: 8px; text-align: center; }
div.js-ticket-body-padding { padding-top: 7px; padding-bottom: 7px; }
div.js-ticket-body-row-button input { padding: 5px 15px; }
span.js-ticket-body-row-text { margin-left: 10px; font-size: 12px; font-weight: bold; }
div.js-ticket-body-row img { box-shadow: none; }
div.js-ticket-body-data div.js-ticket-body-border { border-bottom: 1px solid #000; }
div.js-ticket-body-border div.js-ticket-body-icon { background: # blue; }
div.js-ticket-body-row { border: 1px solid #000; }
div.js-ticket-body-row-button { border-left: 1px solid #000; }
div.js-ticket-body-row-button input { background: blue; }
div.js-ticket-body-row-button input.button:hover { background: #000; color: #FFF; }
/*detail*/
div#js-tk-faqdetail { width: 100%; float: left; padding: 0 15px 15px 15px; }
div#js-tk-faqdetail span.js-tk-subject { display: block; font-size: 15px; font-weight: bold; padding: 10px; border: 1px solid #000; width: 100%; margin-bottom: 10px; }
div#js-tk-faqdetail span.js-tk-detail { display: block; padding: 10px; border: 1px solid #000; width: 100%; }
/* userarticles */
div#js-ticket-subcat-data { z-index: 99999; position: absolute; bottom: -260%; left: 30%; background-color: #FFFFFF; padding-top: 10px; width: 250px; min-height: 100px; box-shadow: 0 0 12px 1px #909090; }
div.js-ticket-border-box { min-height: 75px; margin-top: 15px; position: relative; }
div.js-ticket-categoryheadlink { font-weight: bold; font-size: 16px; padding-top: 30px; }
div.js-ticket-body-data-elipses { white-space: nowrap; line-height: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; }
a.js-ticket-body-data-elipses { white-space: nowrap; line-height: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; }
div#js-ticket-border-box-kb.js-ticket-border-box-kb-jsenabled { border: 1px solid #000; background: #FFF; }
div#js-ticket-border-box-kb { border: 1px solid #DADADA; background: #FFF; padding: 7px; }
div.js-ticket-logo { display: inline-block; height: 70px; }
div.js-ticket-logo img { max-width: 70px; max-height: 70px; margin: auto; box-shadow: none; }
div.js-ticket-body-data-kb-text { }
div.js-ticket-body-data-elipses a { color: blue; text-decoration: none; }
div#js-tk-subheading-kb { width: 100%; position: relative; margin: 25px 0; display: inline-block; color: #FFF; background: #323232; font-size: 15px; padding: 7px 15px; }
div#js-tk-subheading-kb div.js-tk-subcat-img { position: absolute; top: -21px; left: 15px; border: 1px solid #000; padding: 3px; background: #FFF; }
div#js-tk-subheading-kb div.js-tk-subcat-name { display: inline-block; padding-left: 100px; }
div#js-tk-user-kbdetail { margin: 3px 0; border: 1px solid #000; }
div#js-tk-user-kbdetail div.js-tk-filename { display: inline-block; padding: 5px; width: 80%; border-right: 1px solid #000; }
div#js-tk-user-kbdetail div.js-tk-download-btn { text-align: center; width: 18%; display: inline-block; }
div#js-tk-user-kbdetail div.js-tk-download-btn a { padding: 7px 12px; background: #323232; color: #FFF; text-decoration: none; }
div#js-tk-user-kbdetail div.js-tk-download-btn a:hover { background: blue; }
/*user download popup*/
div#js-ticket-main-black-background { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 998; top: 0px; left: 0px; }
div#js-ticket-main-popup { position: fixed; top: 30%; left: 20%; width: 60%; height: 40%; padding-top: 0px; z-index: 99999; overflow-y: auto; overflow-x: hidden; }
span#js-ticket-popup-close-button { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; }
span#js-ticket-popup-title { width: 100%; display: inline-block; padding: 7px 15px; font-weight: bold; font-size: 20px; }
div#js-ticket-popup-head { width: 100%; padding-top: 5px; padding-bottom: 5px; }
div.js-ticket-popup-row-downloadall-button { text-align: center; display: inline-block; padding: 5px 0px; width: 140px; }
div.js-ticket-popup-desctiption { padding: 5px 15px; font-size: 12px; }
div.js-ticket-popup-download-row { padding: 5px; margin: 5px 0px; display: inline-block; width: 100%; }
div.js-ticket-popup-download-name { display: inline-block; padding: 0px; }
span.js-ticket-popup-row-text { font-weight: bold; padding-left: 5px; padding-right: 5px; }
div.js-ticket-popup-row-filesize { font-size: 10px; display: inline-block; }
div.js-ticket-popup-row-button { padding-left: 0px; padding-right: 0px; padding: 5px; border-radius: 3px; text-align: center; }
div.js-ticket-popup-row-button-all { display: inline-block !important; padding: 5px; text-align: center; border-radius: 3px; min-width: 130px; text-align: center; }
div.download_all_btn { text-align: center; }
div#js-ticket-main-popup { background: #FFF; }
span#js-ticket-popup-title { color: #FFF; background: #343538; }
div#js-ticket-popup-head { background: #FFF; }
div.js-ticket-popup-desctiption { padding: 5px 15px; font-size: 12px; }
div.js-ticket-popup-download-row { border: 1px solid #343538; }
div.js-ticket-popup-row-button { background: #343538; color: #FFF; }
div.js-ticket-popup-row-button:hover { background: blue; }
div.js-ticket-popup-row-button-all { background: #343538; color: #FFF; }
div.js-ticket-popup-row-button-all:hover { background: blue; }
div.js-ticket-popup-row-downloadall-button { background: #343538; color: #FFF; }
div.js-ticket-popup-row-downloadall-button:hover { background: blue; }
div#js-ticket-main-popup a { text-decoration: none; color: #FFF; }
/*staff profile*/
div.js-profile-rightbox { min-height: 30px; }
div.js-profile-rightbox { padding: 4px; margin-bottom: 4px; }
img.profile-image { background: #E7E7E7; }
div.js-profile-rightbox { border: 1px solid #B8B8B8; }
/*mail form*/
div#mail-admin-links { padding-left: 0; }
div#mail-admin-links a { display: inline-block; padding: 8px 15px; background: #0073A1; color: #FFF; text-decoration: none; margin: 8px 10px 8px 0; }
div#mail-admin-links a:hover { background: #000; color: #FFF; }
div#mail-admin-links a.visitedlink { background: #000; color: #FFF; }
/*mail*/
div#js-mail-threads { width: 100%; margin: 15px; padding-right: 15px; display: inline-block; }
div#js-mail-threads div.js-tk-pic { width: 10%; display: inline-block; float: left; }
div#js-mail-threads div.js-tk-pic-subject { width: 10%; padding: 7px 15px; font-size: 15px; font-weight: bold; display: inline-block; float: left; }
div#js-mail-threads div.js-tk-message { border: 2px solid #DDD; background: #FFFFFF; border-radius: 7px; float: left; margin-left: 2%; width: 88%; position: relative; }
div#js-mail-threads div.js-tk-message div.js-tk-row { border-bottom: 1px solid #0073A1; font-size: 14px; color: #0073A1; padding-top: 10px; padding-bottom: 5px; margin: 0 10px; }
div#js-mail-threads div.js-tk-message div.js-tk-row span { font-size: 12px; color: black; }
div#js-mail-threads div.js-tk-message div#pointer { position: absolute; top: 15px; left: -21px; }
div#js-mail-threads div.js-tk-message div.message-area { padding: 20px; width: 100%; float: left; font-size: 14px; }
div#js-mail-threads div.js-tk-message div.message-area-subject { padding: 8px 15px; width: 100%; float: left; font-size: 14px; }
/* ------- media queris css -------- */
/* listing */
span.js-listing-data-xs { display: none; }
div.js-listing-head-xs { display: inline-block; }
/* ------- Pagination --------- */
div.pagination { clear: both; float: left; width: 100%; }
/*--------------------------------------------- Ticket top header------------------------------------------------------ */
div#tk_header_wraper { display: inline-block; width: 100%; }
div#tk_header_nav { background-color: #000; display: inline-block; width: 100%; }
div#tk_header_nav ul { margin: 0px 0px; padding: 0px; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a.iconpadding { padding: 7px 13px !important; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a.iconpadding img { max-width: 26px; height: 28px; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link { float: left; list-style: none; margin: 0px 0px; padding: 0px; width: auto; height: auto; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a { display: inline-block; font-size: 13px; padding: 12px 20px; text-decoration: none; border-right: 1px solid #333333; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a:hover { text-decoration: none; }
div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a.selected { text-decoration: none; }
/*--------------------------------------------- Ticket top header Bottom ------------------------------------------------------ */
div#tk_header_bottom { float: left; width: 100%; background-color: #9ACC00; padding-top: 7px; margin-top: -6px; }
div#tk_header_bottom ul { margin: 0px; padding: 0px; margin-bottom: -6px; display: inline-block; width: 100%; }
div#tk_header_bottom ul#tk_header_bottom_menu li.tk_header_bottom_menu_link { float: left; list-style: none; margin: 0px 0px; padding: 0px 4px; }
div#tk_header_bottom ul#tk_header_bottom_menu li.tk_header_bottom_menu_link a { display: inline-block; font-size: 12px; color: #000; padding: 5px 10px; margin-left: 10px; text-decoration: none; }
div#tk_header_bottom ul#tk_header_bottom_menu li.tk_header_bottom_menu_link a:hover { color: #000; text-decoration: none; background-color: #FFF; }
/*messages Layouts*/
div#js-messagelayout-wrapper { display: block; width: 100%; text-align: center; }
div#js-messagelayout-wrapper div#js-messages-layout { width: 650px; padding: 15px; display: inline-block; border: 1px solid #B8B8B8; margin: 15px 0; -webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.51); -moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.51); box-shadow: 0px 0px 19px -1px rgba(0, 0, 0, 0.51); }
div#js-messages-layout div#js-imgfor-message { width: 25%; float: left; text-align: left; }
div#js-messages-layout div#js-datafor-message { width: 75%; display: inline-block; text-align: left; }
div#js-messages-layout div#js-datafor-message div.js-message-title { width: 100%; display: inline-block; margin: 15px 0 5px 0; color: #A71603; font-size: 18px; }
div#js-messages-layout div#js-datafor-message div.js-message-detail { width: 100%; display: inline-block; background: #222222; padding: 6px 10px; color: #FFF; }
div#js-messages-layout div#js-datafor-message div.js-message-button { width: 100%; display: inline-block; }
div#js-messages-layout div#js-datafor-message div.js-message-button a { padding: 4px 12px; border: 1px solid #B8B8B8; background: #DDD; float: right; margin-top: 10px; }
/*sort by my tickets */
div#js-tk-sort-wrapper { background-color: #000; display: inline-block; width: 100%; float: left; margin: 5px 0 7px 0; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu { margin: 0; padding: 0; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink { float: left; list-style: none; width: 16.66%; text-align: center; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a { display: inline-block; color: #FFF; position: relative; padding: 4px 10px; text-decoration: none; width: 100%; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a img { position: absolute; right: 10px; top: 8px; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a:hover { background: #9ACC00; color: #FFF; }
div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a.selected { background: #9ACC00; color: #FFF; }
/*ticket history*/
div#js-history-back { background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9988; }
div#js-history-popup { width: 70%; left: 15%; top: 20%; z-index: 9999; position: fixed; overflow: hidden; height: 350px; background: #FFF; border-top-left-radius: 8px; border-top-right-radius: 8px; }
div#js-history-popup div.js-history-messagewrapper { width: 100%; float: left; height: 100%; overflow-y: auto; }
div#js-history-head { width: 100%; padding: 8px 15px; display: inline-block; background: #343536; color: #FFF; }
div#js-history-head span.js-title { float: left; font-weight: bold; font-size: 18px; padding-top: 5px; }
div#js-history-head span.js-image { float: right; }
div#js-history-row { display: inline-block; border-bottom: 1px solid #E0E0E0; width: 96%; margin-left: 2%; margin-right: 2%; }
div#js-history-row span.js-data { border-right: 1px solid #E0E0E0; text-align: center; font-size: 13px; margin-top: 5px; padding: 5px; margin-bottom: 5px; }
div#js-history-row span.js-data:last-child { border-right: none; text-align: left; }
/* ticket details */
div.tk-form-sbmit { width: 100%; text-align: center; float: left; padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #999; }
div#tk_detail_content_wraper { float: left; width: 100%; display: inline-block; }
div#tk_detail_content_wraper div#tk-before-internalnote-wrapper { float: left; width: 100%; border: 1px solid #9AD347; display: inline-block; margin: 15px 0; }
div#tk_detail_content_wraper div#tk-before-internalnote-wrapper div.js-tk-wrapper { float: left; width: 100%; padding: 5px 0; }
div#tk-before-internalnote-wrapper div#tk-top-row { border-bottom: 1px solid #9AD347; padding-top: 15px; padding-bottom: 15px; }
div#tk-before-internalnote-wrapper div#tk-top-row div.js-tk-status span { color: #FFF; text-align: center; width: 100%; padding: 20px 1%; display: inline-block; }
div#tk-before-internalnote-wrapper div#tk-top-row div.js-tk-status { padding: 0; }
div#tk-before-internalnote-wrapper div#tk-top-row div.js-created-date { height: 65px; padding-top: 8px; }
div#tk-before-internalnote-wrapper div#tk-top-row div.js-created-date, div.js-tk-ticketid { border-right: 1px solid #B8B8B8; }
div#tk-before-internalnote-wrapper div#tk-top-row span { border-right: 1px solid #B8B8B8; }
div#tk_detail_content_wraper div.js-tk-wrapper div.js-tk-value { min-height: 24px; border: 1px solid #B8B8B8; padding-top: 2px; padding-bottom: 2px; }
div#tk_detail_content_wraper div.js-tk-wrapper div.js-tk-title { font-weight: bold; padding-top: 2px; padding-bottom: 2px; }
div#tk_detail_content_wraper div.js-tk-wrapper div.js-tk-title { min-height: 20px; }
div#tk-before-internalnote-wrapper div#tk-second-row { padding: 15px; border-bottom: 2px solid #B8B8B8; }
div#tk-before-internalnote-wrapper div#tk-second-row div.js-second-row-data { padding: 3px 0; }
div#tk-before-internalnote-wrapper div#tk-second-row div.js-second-row-data span.js-second-row-title { font-weight: bold; margin-right: 5px; }
div#tk-before-internalnote-wrapper div#tk-second-row div.js-tk-actions-wrapper { text-align: center; }
div#tk-before-internalnote-wrapper div#tk-second-row div.js-tk-actions-wrapper a.js-detal-alinks { padding: 4px 8px; text-decoration: none; background: #F1F1F1; border-radius: 5px; display: inline-block; border: 1px solid #D7D8D9; }
div#tk-before-internalnote-wrapper div#tk-second-rowdiv.js-tk-actions-wrapper a.js-detal-alinks:hover { border: 1px solid #000; }
div#tk-before-internalnote-wrapper div#tk-second-row div#tk-more-actions { border-top: 1px solid #B8B8B8; text-align: center; padding-top: 15px; }
div#tk-before-internalnote-wrapper div#tk-second-row div#tk-more-actions a.js-detal-alinks { padding: 4px 8px; text-decoration: none; background: #F1F1F1; border-radius: 5px; display: inline-block; border: 1px solid #D7D8D9; margin-bottom: 15px; }
div#tk-before-internalnote-wrapper div#tk-second-row div#tk-more-actions a.js-detal-alinks:hover { border: 1px solid #000; }
div#tk-second-row div#tk-more-actions div.js-tk-priority-actions { display: inline-block; width: 60%; margin: 0 20%; border-top: 1px solid #B8B8B8; text-align: center; padding-top: 15px; }
div#tk-second-row div#tk-more-actions div.js-tk-priority-actions select { display: inline-block; }
div#tk-second-row div#tk-more-actions div.js-tk-priority-actions button#js-priority-button { display: inline-block; }
div#tk-before-internalnote-wrapper div#tk-third-row { padding: 15px; }
div.tk_form_radiobox_wraper label.tk_form_chkbox_label { display: inline-block; margin-top: 3px; }
div.js-tk-tabsdata label { display: inline-block; }
div#tk-before-internalnote-wrapper div#tk-third-row div.js-requester-wrapper-xs { border: 1px solid #999; width: 100%; padding: 3px 15px; }
div#tk-before-internalnote-wrapper div#tk-third-row div.js-requester-wrapper-xs img { width: 20px; }
/*end */
div#tk-before-internalnote-wrapper div#tk-third-row div.tk-requester-title { display: inline-block; font-size: 17px; color: #9AD347; width: 100%; border-bottom: 1px solid #9AD347; }
div#tk-before-internalnote-wrapper div#tk-third-row div.js-tk-moredetail { margin-top: 15px; }
div#tk-before-internalnote-wrapper div#tk-third-row div.js-wrapper-requester { padding-top: 15px; padding-bottom: 15px; }
a#tk-show-moredetail img.js-showdetail { width: 21px; height: auto; margin-right: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transition: all 0.3s; }
a#tk-show-moredetail img.js-hidedetail { margin-right: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: all 0.3s; }
div#tk-moredetail-data { display: inline-block; }
div#tk-moredetail-data div.tk_key_value_wraper { border: 1px solid #999; padding: 4px 0px; width: 100%; margin-top: 5px; display: inline-block; }
div#tk-moredetail-data div.tk_key_value_wraper div.tk_key_wraper { display: inline-block; }
div#tk-moredetail-data div.tk_key_value_wraper div.tk_value_wraper { display: inline-block; }
div#tk-moredetail-data div.tk_key_value_wraper span.js-span-title { font-weight: bold; display: inline-block; float: left; max-width: 90%; width: auto; min-height: 0px; }
div#tk-moredetail-data div.tk_key_value_wraper span.tk-value-text { }
div#tk-moredetail-data div.tk_key_value_wraper div.tk_key_wraper { width: 40%; float: left; }
div#tk-moredetail-data div.tk_key_value_wraper span.tk-properties-hyphen { float: right; font-weight: bold; margin-right: 2%; }
div#postreply, div#postinternalnote, div#deptarmenttransfer, div#assigntostaff { border: 1px solid #9ACC00; background: #FDFDFD; float: left; width: 100%; display: inline-block; }
div.js-tk-tabsdata { margin: 10px 0; }
div.js-tk-tabsdata label.js-tk-note-label { padding-top: 7px; display: inline-block; }
div.js-tk-tabsdata div input { display: inline-block; margin-top: -3px; margin-right: 7px; margin-left: 7px; }
div.js-tk-tabsdata div input#notetitle { width: 100%; height: unset; margin: 0px; }
div.js-tk-tabsdata div.js-appendsignature { border: 1px solid #999; width: 100%; padding: 7px 0 3px 15px; display: inline-block; }
/*-bottom joom sky copy right-*/
div#tk_copyright { width: 100%; display: inline-block; text-align: center; }
div.idTabs span a { white-space: nowrap; display: inline-block; }
div#jl_pagination { display: inline-block; width: 100%; position: relative; padding: 0px; padding-left: 20%; margin: 10px 0px; }
div#jl_pagination div#jl_pagination_pageslink { width: 60%; margin: 5px 5%; float: left; text-align: center; }
div#jl_pagination div#jl_pagination_pageslink ul { display: inline-block; margin: 0px; padding: 0px; }
div#jl_pagination div#jl_pagination_pageslink ul li { display: inline-block; margin: 2px 4px; padding: 2px; }
div#jl_pagination div#jl_pagination_counter { position: absolute; width: 18%; top: 0px; left: 2%; margin-top: 12px; }
div#jl_pagination div#jl_pagination_box { width: 30%; float: left; margin-top: 4px; }
div#jl_pagination div#jl_pagination_box select { margin-bottom: 0px; margin-left: 10px; min-width: 50px; }
div#js-tk-formwrapper form#adminForm div div.js-form-value label { display: inline-block; padding-left: 1px; padding-right: 15px; }
form#adminForm div.js-filter-wrapper div.js-filter-value.js-margin-bottom-xs input[type='radio'] { display: inline-block; float: left; width: auto; }
form#adminForm div.js-filter-wrapper div.js-filter-value.js-margin-bottom-xs input[type='checkbox'] { display: inline-block; float: left; width: auto; }
form#adminForm div.js-filter-wrapper div.js-filter-value.js-margin-bottom-xs label { display: inline-block; float: left; padding-left: 1px; padding-right: 15px; }
/*newcss*/
h3#jsstreport_font { font-size: 15px; }
div#no_message { background: #F6F6F6 none repeat scroll 0 0; border: 1px solid #D4D4D5; color: #723776; display: inline-block; font-size: 15px; left: 50%; min-width: 80%; padding: 15px 20px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }
#ticket_date_start { width: 100%; }
div.js-admin-report-box-wrapper { float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; }
div.js-admin-report-box-wrapper div.js-admin-box { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 0px; }
div.js-admin-report-box-wrapper div.jsreportfixwidth { width: calc(20% - 10px); margin-right: 10px; float: left; display: inline-block; }
div.js-admin-report-box-wrapper.js-admin-controlpanel div.js-admin-box { margin-right: 0px; }
div.js-admin-report-box-wrapper div.js-admin-box.js-col-md-offset-2 { margin-left: 11%; }
div.js-admin-report-box-wrapper.js-admin-controlpanel div.js-admin-box.js-col-md-offset-2 { margin-left: 0px; }
div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-image { padding: 5px; }
div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-image img { max-width: 100%; max-height: 100%; }
div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-content { padding: 5px; }
div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-content div.js-admin-box-content-number { text-align: right; font-size: 24px; font-weight: bold; }
div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-content div.js-admin-box-content-label { text-align: right; font-size: 12px; padding: 0px; margin-top: 5px; color: #989898; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.js-admin-report-box-wrapper div.js-admin-box.box1 div.js-admin-box-content div.js-admin-box-content-number { color: #1EADD8; }
div.js-admin-report-box-wrapper div.js-admin-box.box2 div.js-admin-box-content div.js-admin-box-content-number { color: #179650; }
div.js-admin-report-box-wrapper div.js-admin-box.box3 div.js-admin-box-content div.js-admin-box-content-number { color: #D98E11; }
div.js-admin-report-box-wrapper div.js-admin-box.box4 div.js-admin-box-content div.js-admin-box-content-number { color: #DB624C; }
div.js-admin-report-box-wrapper div.js-admin-box.box5 div.js-admin-box-content div.js-admin-box-content-number { color: #5F3BBB; }
div.js-admin-report-box-wrapper div.js-admin-box.box1 div.js-admin-box-label { height: 20px; background: #1EADD8; }
div.js-admin-report-box-wrapper div.js-admin-box.box2 div.js-admin-box-label { height: 20px; background: #179650; }
div.js-admin-report-box-wrapper div.js-admin-box.box3 div.js-admin-box-label { height: 20px; background: #D98E11; }
div.js-admin-report-box-wrapper div.js-admin-box.box4 div.js-admin-box-label { height: 20px; background: #DB624C; }
div.js-admin-report-box-wrapper div.js-admin-box.box5 div.js-admin-box-label { height: 20px; background: #5F3BBB; }
div.js-admin-staff-wrapper { display: inline-block; width: 95%; background: #FFFFFF; margin: 10px 2.5%; border: 1px solid #CCCCCC; padding: 10px; }
div.js-admin-staff-wrapper.padding { padding: 10px; }
div.js-admin-staff-wrapper .nopadding { padding: 0px; }
div.js-admin-staff-wrapper div.js-report-staff-image-wrapper { margin: 0px; padding: 0px; border: 1px solid #CCCCCC; background: white; }
div.js-admin-staff-wrapper div.js-report-staff-image-wrapper img.js-report-staff-pic { max-width: 100%; max-height: 90px; margin: 0 auto; display: block; }
div.js-admin-staff-wrapper div.js-report-staff-name { display: block; padding: 3px 0px; font-weight: bold; font-size: 15px; color: #666666; border-bottom: 1px solid #CCCCCC; margin-bottom: 5px; }
div.js-admin-staff-wrapper div.js-report-staff-username { display: block; padding: 3px 0px; font-size: 14px; color: #666666; }
div.js-admin-staff-wrapper div.js-report-staff-email { display: block; padding: 3px 0px; font-size: 14px; color: #666666; }
div.js-admin-staff-wrapper div.js-admin-report-box { background: #F1F1F1; border: 1px solid #CCCCCC; padding: 0px; padding-top: 10px; }
div.js-admin-staff-wrapper div.jsreportfixwidth { width: calc(20% - 10px); margin-right: 10px; float: left; display: inline-block; }
div.js-admin-staff-wrapper div.js-admin-report-box span.js-report-box-number { color: #989898; display: block; font-size: 22px; font-weight: bold; text-align: center; margin: 5px 0px 10px 0px; }
div.js-admin-staff-wrapper div.js-admin-report-box span.js-report-box-title { color: #989898; display: block; font-size: 12px; text-align: center; padding: 5px 4px 10px 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.js-admin-staff-wrapper div.js-admin-report-box.box1 { }
div.js-admin-staff-wrapper div.js-admin-report-box.box1 div.js-report-box-color { height: 5px; background: #1EADD8; }
div.js-admin-staff-wrapper div.js-admin-report-box.box2 div.js-report-box-color { height: 5px; background: #179650; }
div.js-admin-staff-wrapper div.js-admin-report-box.box3 div.js-report-box-color { height: 5px; background: #D98E11; }
div.js-admin-staff-wrapper div.js-admin-report-box.box4 div.js-report-box-color { height: 5px; background: #DB624C; }
div.js-admin-staff-wrapper div.js-admin-report-box.box5 div.js-report-box-color { height: 5px; background: #5F3BBB; }
div.js-ticket-admin-cp-tickets { width: 100%; float: left; /*padding-right: 40px;*/ }
div.js-ticket-admin-cp-head { background: #D0D2D3; margin: 10px 0px; }
div.js-ticket-admin-cp-head div { border-right: 1px solid #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
div.js-ticket-admin-cp-head div:last-child { border-right: none; }
div.js-ticket-admin-cp-data div { white-space: nowrap; padding-right: 0px; overflow: hidden; text-overflow: ellipsis; }
div.js-ticket-admin-cp-data div { border: 1px solid #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
div.js-admin-cp-text-elipses { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
span.js-ticket-admin-cp-showhide { display: none; }
div.js-admin-staff-wrapper.js-departmentlist div.js-festaffreport-img .departmentname { font-size: 17px; }
div.jsst-visitor-message-wrapper { width: 100%; float: left; padding: 15px; margin: 15px 0px; background: url(../images/body-bg-1.png); }
div.jsst-visitor-message-wrapper img { float: left; padding-right: 15px; max-width: 20%; }
div.jsst-visitor-message-wrapper span { float: left; padding: 35px 20px; color: #373435; font-size: 18px; }
div.feedback-sucess-message { width: 100%; float: left; padding: 35px; margin: 15px 0px; background: url(../images/body-bg-1.png); text-align: center; }
div.feedback-sucess-message img { display: inline-block; }
div.feedback-sucess-message span.feedback-message-heading { display: inline-block; width: 90%; font-size: 28px; font-weight: bold; color: #373435; padding: 20px; }
div.feedback-sucess-message span.feedback-message-text { display: inline-block; width: 75%; color: #373435; padding: 20px; font-size: 16px; }
div.jsst-rating-div { display: inline-block; padding: 0px 0px; padding-top: 10px; }
div.jsst-rating-div img { float: left; padding: 4px; }
div.jsst-feedback-det-wrp { float: left; width: 100%; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list { float: left; width: 100%; margin: 10px 0; background: #FFF; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top { float: left; width: 100%; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp { float: left; width: calc(100% - 90px); padding: 10px; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-top { float: left; width: 100%; padding: 10px 0px; padding-top: 0px; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-top div.jsst-feedback-det-list-data-top-title { float: left; font-weight: bold; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-top div.jsst-feedback-det-list-data-top-val { float: left; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-top div.jsst-feedback-det-list-data-top-val a.jsst-feedback-det-list-data-top-val-txt { display: inline-block; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-top div.jsst-feedback-det-list-data-top-val a.jsst-feedback-det-list-data-top-val-txt img { display: inline-block; margin-left: 5px; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-btm { display: inline-block; float: left; margin-right: 4%; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-btm div.jsst-feedback-det-list-datea-btm-rec { display: inline-block; float: left; padding: 10px 0px; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-btm div.jsst-feedback-det-list-datea-btm-rec div.jsst-feedback-det-list-data-btm-title { display: inline-block; float: left; font-weight: bold; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-btm div.jsst-feedback-det-list-datea-btm-rec div.jsst-feedback-det-list-data-btm-val { display: inline-block; float: left; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-btm { display: inline-block; width: 100%; float: left; padding: 10px; background: #FAFAFA; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-btm div.jsst-feedback-det-list-btm-title { display: inline-block; float: left; font-weight: bold; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-btm div.jsst-feedback-det-list-btm-val { display: inline-block; float: left; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list-btm { display: inline-block; width: 100%; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-img-wrp { display: inline-block; float: left; text-align: center; padding: 10px; margin: 10px 0px; }
div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-img-wrp img { display: inline-block; width: 60px; height: 60px; }
/************* MP *****************/
div.js-moduleplugin-wrapper { width: 100%; display: inline-block; }
div.js-moduleplugin-wrapper div.js-moduleplugin-heading { width: 100%; float: left; padding: 7px 10px; margin-bottom: 10px; }
div.js-moduleplugin-wrapper div.js-moduleplugin-row { padding: 7px 10px; background: #FCFCFC; }
div.js-moduleplugin-wrapper div.js-moduleplugin-row.js-textclass-2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.js-moduleplugin-wrapper div.js-moduleplugin-row.js-textclass-2 div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.js-moduleplugin-wrapper div.js-moduleplugin-row div.js-downloads-text { width: 100%; margin-bottom: 5px; float: left; }
div.js-moduleplugin-wrapper div.js-moduleplugin-row div.js-tk-download-btn { float: left; padding: 5px 10px; width: 100%; text-align: center; }
div.js-moduleplugin-wrapper div.js-moduleplugin-viewall { text-align: right; margin-top: 10px; float: left; width: 100%; }
div.js-moduleplugin-wrapper div.js-moduleplugin-viewall a.js-moduleplugin-viewalllink { padding: 5px 16px; display: inline-block; }
/* Timer CSS */
div.jsst-ticket-detail-timer-wrapper { display: inline-block; width: calc(100% - 20px); background: #F7F6F6; margin: 10px; }
div.jsst-ticket-detail-timer-wrapper div.timer-left { float: left; font-weight: bold; padding: 20px; color: #4B4B4D; }
div.jsst-ticket-detail-timer-wrapper div.timer-right { float: right; }
div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer-total-time { padding: 20px; float: left; color: #606062; font-size: 15px; }
div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer { padding: 20px 5px; font-weight: bold; float: left; min-width: 120px; text-align: center; font-size: 17px; }
div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer-buttons { float: left; padding: 10px 15px; }
div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer-buttons span.timer-button { float: left; background: #848688; display: inline-block; margin-left: 5px; cursor: pointer; }
div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer-buttons span.timer-button img { padding: 5px; display: inline-block; float: left; }
/* Edit timer popup */
div.jsst-popup-background { background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9989; }
div.jsst-popup-wrapper { background: #FDFDFD; border: 1px solid #E0DCE0; position: fixed; top: 30%; left: 32%; width: 35%; max-height: 50%; border-radius: 8px; z-index: 99999; overflow-y: auto; overflow-x: hidden; display: inline-block; }
div.jsst-popup-wrapper div.jsst-popup-header { background: #343538; color: #FFFFFF; display: inline-block; width: 100%; padding: 10px; }
div.jsst-popup-wrapper div.jsst-popup-header div.popup-header-close-img { position: absolute; top: 10px; right: 10px; background-image: url(../images/close.png); background-size: 100%; width: 20px; height: 20px; opacity: 1; }
div.jsst-popup-wrapper input { margin-bottom: 0px; min-height: 28px; }
div.jsst-popup-wrapper input#edited_time { font-size: 16px; }
div.jsst-popup-wrapper textarea { width: 100%; min-height: 28px; }
div.jsst-popup-wrapper select { min-height: 28px; }
div.jsst-popup-wrapper div.js-form-button-wrapper { text-align: center; border-top: 1px solid #E0DCE0; width: 94%; margin: 0px 3%; }
div.jsst-popup-wrapper div.js-form-button-wrapper input.button { display: inline-block; float: none; padding: 5px 20px; border-radius: 2px; margin-top: 15px; margin-bottom: 15px; min-width: 100px; }
div.js-filter-wrapper div.js-filter-value div.input-append { width: 100%; }
div.js-filter-wrapper div.js-filter-value select { width: 100%; }
form#jsst-myprofileimageform input[type=text] { height: unset; }
@media (max-width: 720px)
{
	div#tk-moredetail-data div.tk_key_value_wraper span.tk-properties-hyphen { display: none; }
}
@media (max-width: 480px)
{
	div#tk-moredetail-data div.tk_key_value_wraper span.tk-properties-hyphen { display: none; }
	/*attachments*/
	div#js-attachment-files span.js-value-text { width: 98%; }
	/* Tickets Tabs */
	div#js-tk-tabswrapper div#js-tk-tabs a { padding: 15px 15px; margin: 1px 0; width: 100%; }
	/*combinesearch*/
	form.js-tk-combinesearch div.js-filter-wrapper div.js-margin-bottom-xs { margin-bottom: 5px; }
	/*sort by my tickets */
	div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink { width: 100%; }
	div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a img { right: 50px; }
	/*my tickets lists*/
	div#js-tk-wrapper div.js-icon { border-right: none !important; padding: 2px; }
	div#js-tk-wrapper div.js-middle { padding: 0 2px; border-right: none !important; }
	div#js-tk-wrapper div.js-right { padding: 0 2px; }
	div#js-tk-wrapper div.js-middle div.js-tk-pabsolute span { padding: 3px 5px; }
	/*ticketdetail*/
	div#tk-before-internalnote-wrapper div#tk-top-row { border-bottom: none !important; padding: 15px 0; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-created-date { height: 50px; padding: 10px 0 5px 0; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-created-date, div.js-tk-ticketid { border-right: none !important; padding: 0; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-tk-ticketid { padding: 0; }
	div#tk-before-internalnote-wrapper div#tk-top-row span { border-right: none !important; }
	div#tk_detail_content_wraper div#tk-before-internalnote-wrapper { float: left; width: 100%; border: 1px solid #9AD347; display: inline-block; margin: 15px 0; }
	div#tk_detail_content_wraper div.js-tk-wrapper div.js-tk-title { font-weight: bold; padding: 2px 0; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-padding-xs { padding: 0; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-tk-actions-wrapper { border-top: 1px solid #999; margin: 5px; padding-top: 5px; }
	div#tk-before-internalnote-wrapper div#tk-third-row div.js-requester-wrapper-xs { margin: 5px 0; }
	/* ticket Threads */
	div#js-ticket-threads div.js-tk-pic { width: 18%; padding-right: 22px; }
	div#js-ticket-threads div.js-tk-message { width: 82%; }
	/*ticket detail tabs*/
	div.idTabs span { display: inline-block; width: 100%; margin: 1px 0; }
	div.idTabs span a { padding: 10px 30px; width: 100%; display: inline-block; }
	/*general-listing*/
	div#js-tk-listing div.js-listing-head-xs { display: none; }
	div#js-tk-listing span.js-listing-data-xs { display: inline; }
	div#js-tk-listing div.js-textaligncenter { text-align: left; }
	div#js-tk-listing div.js-listing-action-hl-xs { text-align: center; border-top: 1px solid #999; }
	div#js-tk-listing div.js-listing-data div { border-right: none !important; }
	div#js-messages-layout div#js-imgfor-message img { max-width: 100%; }
	div#js-messagelayout-wrapper div#js-messages-layout { width: 100%; }
	div#js-tk-user-kbdetail div.js-tk-filename { width: 65%; }
	div#js-tk-user-kbdetail div.js-tk-download-btn a { padding: 7px 5px; }
	div#js-tk-formwrapper div.js-inner-border { margin-right: 0; width: 100%; }
	div#tk-second-row div#tk-more-actions div.js-tk-priority-actions { width: 90%; margin: 0 5%; }
	div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a { border: 0px !important; }
	div#userpopup { top: 25%; left: 5%; width: 90%; max-height: 50%; }
	div.user-records-wrapper span.js-user-title-xs { display: inline; }
	div#records div.js-title { display: none; }
	div#jl_pagination { display: inline-block; width: 100%; padding: 0px; }
	div#jl_pagination div#jl_pagination_pageslink { display: inline-block; width: 100%; padding: 0px; }
	div#jl_pagination div#jl_pagination_box { display: inline-block; width: 100%; padding: 0px; }
	div#jl_pagination div#jl_pagination_counter { display: inline-block; width: 100%; padding: 0px; position: relative; }
	span.js-ticket-admin-cp-showhide { display: inline; }
	span.js-tickets-admin-cp-module-showhide { display: inline; }
	div.js-ticket-admin-hide-head { display: none; }
	div.js-ticket-admin-cp-tickets { padding-right: 10px; }
	div.js-ticket-admin-cp-data { border-bottom: 1px solid #000000; display: inline-block; width: 100%; }
	div.js-admin-staff-wrapper div.jsticket-left { display: inline-block; float: left; width: 100%; }
	div.js-admin-staff-wrapper div.jsticket-right { display: inline-block; float: left; width: 100%; }
	div.js-admin-staff-wrapper.padding div.js-col-md-4.nopadding.jsticket-left div.js-col-md-9 { float: left; }
	div.js-admin-staff-wrapper div.js-report-staff-image-wrapper { margin-bottom: 10px; }
	div.js-admin-staff-wrapper.js-departmentlist div.js-festaffreport-img { display: inline-block; float: left; width: 100%; margin-bottom: 10px; }
	div.js-admin-staff-wrapper.js-departmentlist div.js-festaffreport-data { display: inline-block; float: left; width: 100%; }
	div.js-ticket-popup-row-button { width: 180px; margin-left: calc(50% - 90px); }
	div.js-ticket-popup-row-button-all { margin-top: 15px; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row { margin-bottom: 10px; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-2 { width: 100%; display: inline-block; float: left; text-align: left; padding: 0px 5px; border-right: none; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-8 { width: 100%; display: inline-block; float: left; text-align: left; padding: 0px 5px; border-right: none; }
}
@media (min-width: 481px) and (max-width: 667px)
{
	div#tk_header_nav ul#tk_header_menu li.tk_header_menu_link a { border: 0px !important; }
	div#js-messagelayout-wrapper div#js-messages-layout { width: 100%; }
	div#js-tk-tabswrapper div#js-tk-tabs a { margin: 1px; width: calc(25% - 2px); float: left; }
	div#js-tk-wrapper div.js-icon { border-right: 0px !important; }
	div#js-tk-wrapper div.js-middle { border-right: 0px !important; }
	div#js-tk-wrapper div.js-middle div.js-tk-preletive { width: 100%; }
	div#js-tk-wrapper div.js-right { padding-top: 8px; }
	div#js-maincp-area div.js-col-xs-12 { width: 50%; }
	form#jsst-myprofileimageform { padding: 0px; }
	form#jsst-myprofileimageform div.js-col-md-2 { text-align: center; margin: 0px 15px 5px 15px; padding: 0 0 10px 0; }
	form#jsst-myprofileimageform div.js-col-md-12 div.js-col-md-3 { width: 25%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-12 div.js-col-md-9 { width: 75%; display: inline-block; float: left; }
	div.jsst-feedback-det-wrp div.jsst-feedback-det-list div.jsst-feedback-det-list-top div.jsst-feedback-det-list-data-wrp div.jsst-feedback-det-list-data-btm { margin: 0px; width: 50%; }
	div.js-col-md-12 { width: 100%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.js-festaffreport-img div.js-col-md-12 { padding: 11px 0px 17px 4px; margin-bottom: 11px; }
	div.js-admin-staff-wrapper div.js-festaffreport-img div.js-col-md-12 div.departmentname { font-size: 19px; }
	div.js-admin-staff-wrapper div.jsreportfixwidth { margin: 0px 5px; }
	div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-image { text-align: center; }
	div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-content div.js-admin-box-content-number { text-align: center; }
	div.js-admin-report-box-wrapper div.js-admin-box div.js-admin-box-content div.js-admin-box-content-label { text-align: center; }
	div.js-admin-staff-wrapper div.jsticket-left div.js-col-md-3 { width: 14%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-left div.js-col-md-9 { width: 86%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-right { width: 100%; display: inline-block; float: left; padding-top: 10px; }
	span.js-ticket-admin-cp-showhide { display: inline-block; }
	div.js-ticket-admin-hide-head { display: none; }
	div.js-ticket-admin-cp-tickets div.js-ticket-admin-cp-data { width: 100%; display: inline-block; float: left; border-bottom: 1px solid #000000; padding-bottom: 8px; margin-bottom: 8px; }
	div.js-ticket-admin-cp-tickets div.js-ticket-admin-cp-data div.js-col-xs-12 { width: 50%; display: inline-block; float: left; }
	div#js-tk-listing div.js-listing-head { display: none; }
	div#js-tk-listing span.js-listing-data-xs { display: inline-block; }
	div#js-tk-listing div.js-textaligncenter { text-align: left; }
	div#js-tk-listing div.js-listing-data div.js-col-md-6 { width: 50%; display: inline-block; float: left; border: 0px; }
	div#js-tk-listing div.js-listing-data div.js-col-md-4 { width: 50%; display: inline-block; float: left; border: 0px; }
	div#js-tk-listing div.js-listing-data div.js-col-md-3 { width: 50%; display: inline-block; float: left; border: 0px; }
	div#js-tk-listing div.js-listing-data div.js-col-md-2 { width: 50%; display: inline-block; float: left; border: 0px; }
	div#js-tk-listing div.js-listing-data div.js-col-md-1 { width: 50%; display: inline-block; float: left; border: 0px; }
	div#js-tk-listing div.js-listing-data div.js-listing-action-hl-xs { width: 100%; display: inline-block; float: left; text-align: center; }
	div#js-tk-formwrapper div.js-inner-border { width: 49%; }
	div.js-per-wrapper div.js-per-datawrapper { width: 50%; display: inline-block; float: left; }
	div#records div.js-title { display: none; }
	div.user-records-wrapper span.js-user-title-xs { display: inline-block; }
	div#js-tk-tabswrapper div#js-tk-tabs { margin-bottom: 15px; }
	div#js-mail-threads div.js-tk-pic { width: 12%; }
	div#js-mail-threads div.js-tk-pic-subject { width: 12%; }
	div#js-mail-threads div.js-tk-message { width: 86%; }
	div.idTabs span a { padding: 12px 0; width: calc(25% - 2px); text-align: center; float: left; margin-left: 2px; }
	div#tk_detail_content_wraper div.js-col-md-6 { width: 100%; display: inline-block; float: left; }
	div.jsst-ticket-detail-timer-wrapper div.timer-right { width: 100%; }
	div.jsst-ticket-detail-timer-wrapper div.timer-right div.timer { padding: 20px 43px; }
	div#tk-before-internalnote-wrapper div#tk-third-row div.js-requester-wrapper-xs { margin: 5px 0; }
	div#tk-before-internalnote-wrapper div#tk-third-row div.js-wrapper-requester div.js-col-md-4 { width: 33.3333%; padding: 0px 2px; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-tk-actions-wrapper { width: 50%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-col-md-7 { width: 50%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-tk-actions-wrapper { padding: 0px; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-tk-status { width: 30%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-created-date, div.js-tk-ticketid { width: 70%; display: inline-block; float: left; }
	div.js-tk-ticketid { width: 100%; padding: 0px; }
	div#tk_detail_content_wraper div.js-tk-wrapper div.js-tk-title { padding: 0px; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-2 { width: 20%; display: inline-block; float: left; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-8 { width: 60%; display: inline-block; float: left; }
	div#jl_pagination div#jl_pagination_counter { width: 30%; }
}
@media (min-width: 668px) and (max-width: 767px)
{
	div#js-maincp-area div.js-mnu-wrapper { width: 50%; }
	div#js-maincp-area div.js-mnu-icon { width: 24%; }
	div.js-listing-head div.js-listing-head-item { width: 20%; }
	div.js-listing-data div.js-listing-data-item { width: 20%; }
	div#js-tk-filter div.js-col-md-6 { width: calc(50% - 2px); display: inline-block; }
	div#js-tk-formwrapper div.js-col-md-12 { width: 100%; display: inline-block; }
	div#js-tk-formwrapper div.js-col-md-6 { width: 50%; display: inline-block; }
	div#js-tk-wrapper div.js-icon { width: 9.333%; }
	div#js-tk-wrapper div.js-middle { width: 59.333%; }
	div#js-tk-wrapper div.js-right { width: 31.333%; }
	div#js-tk-wrapper div.js-middle div.js-tk-preletive { float: none; }
	form.js-tk-combinesearch div.js-col-md-6 { width: calc(50% - 2px); display: inline-block; }
	form.js-tk-combinesearch div.js-filter-wrapper div.js-col-md-6 { width: calc(50% - 2px); display: inline-block; }
	form.js-tk-combinesearch div.js-filter-wrapper div.js-col-md-4 { width: calc(50% - 2px); display: inline-block; }
	form.js-tk-combinesearch div.js-filter-wrapper div.js-ticket-special-character { display: none; }
	div#tk-before-internalnote-wrapper div#tk-third-row { display: inline-block; width: 100%; }
	div#tk-before-internalnote-wrapper div#tk-third-row div.js-wrapper-requester div.js-col-md-4 { width: 33.3333%; display: inline-block; }
	div#tk-moredetail-data { width: 100%; }
	div#tk-moredetail-data div.js-col-md-12 div.js-col-md-6 { width: calc(50% - 2px); display: inline-block; }
	div#tk-before-internalnote-wrapper div#tk-top-row { display: inline-block; width: 100%; float: left; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-padding-leftrightnull { width: 33.3333%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-padding-leftrightnull div.js-tk-status { width: 30%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-padding-leftrightnull div.js-created-date { width: 70%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-top-row div.js-tk-ticketid { width: 33.3333%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row { display: inline-block; width: 100%; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-col-md-7 { width: 55%; display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row div.js-col-md-5 { width: calc(45% - 4px); display: inline-block; float: left; }
	div#tk-before-internalnote-wrapper div#tk-second-row div#tk-more-actions { display: inline-block; }
	div#js-ticket-threads div.js-tk-message div.js-col-md-12 { display: inline-block; width: 100%; float: left; }
	div#js-ticket-threads div.js-tk-message div.js-col-md-12 div.js-col-md-4 { display: inline-block; width: 33.3333%; float: left; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-2 { width: 20%; }
	div#js-history-popup div.js-history-messagewrapper div#js-history-row span.js-col-md-8 { width: 60%; }
	div#js-tk-listing div.js-listing-head div.js-col-md-6 { width: 49.9998%; }
	div#js-tk-listing div.js-listing-head div.js-col-md-4 { width: 33.3332%; }
	div#js-tk-listing div.js-listing-head div.js-col-md-3 { width: 25%; }
	div#js-tk-listing div.js-listing-head div.js-col-md-2 { width: 16.6667%; }
	div#js-tk-listing div.js-listing-head div.js-col-md-1 { width: 8.3333%; }
	div#js-tk-listing div.js-listing-data div.js-col-md-6 { width: 49.9998%; }
	div#js-tk-listing div.js-listing-data div.js-col-md-4 { width: 33.3332%; }
	div#js-tk-listing div.js-listing-data div.js-col-md-3 { width: 25%; }
	div#js-tk-listing div.js-listing-data div.js-col-md-2 { width: 16.6667%; }
	div#js-tk-listing div.js-listing-data div.js-col-md-1 { width: 8.3333%; }
	div#js-tk-filter div.js-col-md-4 { width: 33.3333%; display: inline-block; float: left; }
	div#js-tk-filter div.js-col-md-3 { width: 25%; display: inline-block; float: left; }
	div#js-tk-listing div.js-listing-head div.js-col-md-5 { width: 41.6665%; display: inline-block; }
	div#js-tk-listing div.js-listing-head div.js-col-md-2 { width: 16.6667%; display: inline-block; }
	div#js-tk-listing div.js-listing-data div.js-col-md-5 { width: 41.6665%; display: inline-block; }
	div#js-tk-listing div.js-listing-data div.js-col-md-2 { width: 16.6667%; display: inline-block; }
	div#js-tk-formwrapper div.js-per-wrapper div.js-col-md-4 { width: calc(33.3333% - 3px); display: inline-block; }
	div#tk_detail_content_wraper div.js-tk-tabsdata div.js-col-md-2 { display: inline-block; width: 20%; }
	div#tk_detail_content_wraper div.js-tk-tabsdata div.js-col-md-8 { display: inline-block; width: calc(60% - 8px); }
	div#tk_detail_content_wraper div.js-tk-tabsdata div.js-col-md-9 { display: inline-block; width: calc(80% - 4px); }
	div#tk_detail_content_wraper div.js-tk-tabsdata div.js-col-md-10 { display: inline-block; width: calc(80% - 4px); }
	div.js-admin-report-box-wrapper div.jsreportfixwidth div.js-admin-box-image { width: 40%; display: inline-block; float: left; }
	div.js-admin-report-box-wrapper div.jsreportfixwidth div.js-admin-box-content { width: calc(60% - 4px); display: inline-block; float: left; }
	div.js-admin-report-box-wrapper div.jsreportfixwidth div.js-admin-box-label { width: 100%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-left { width: 35%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-left div.js-col-md-3 { width: 20%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-left div.js-col-md-9 { width: 80%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.jsticket-right { width: 65%; display: inline-block; float: left; }
	div.js-ticket-admin-cp-head div.js-col-md-6 { width: 49.9998%; display: inline-block; float: left; }
	div.js-ticket-admin-cp-head div.js-col-md-2 { width: 16.6666%; display: inline-block; float: left; }
	div.js-ticket-admin-cp-data div.js-col-md-6 { width: 49.9998%; display: inline-block; float: left; }
	div.js-ticket-admin-cp-data div.js-col-md-2 { width: 16.6666%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-2 { width: 16.6666%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-10 { width: 83.333%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-12 { width: 100%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-12 div.js-col-md-3 { width: 25%; display: inline-block; float: left; }
	form#jsst-myprofileimageform div.js-col-md-12 div.js-col-md-9 { width: 75%; display: inline-block; float: left; }
	div.js-col-md-12 { width: 100%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.js-festaffreport-img { width: 33.3333%; display: inline-block; float: left; }
	div.js-admin-staff-wrapper div.js-festaffreport-data { width: 66.6667%; display: inline-block; float: left; }
	div#tk_detail_content_wraper div.js-col-md-6 { width: 100%; display: inline-block; float: left; }
	div.js-ticket-popup-row-button { width: 200px; margin-left: calc(50% - 100px); }
	div.js-ticket-popup-row-button-all { margin-top: 15px; }
	div.jsst-popup-wrapper { width: 80%; left: 10%; }
	div#userpopup { width: 94%; left: 3%; }
	div#records div.js-title { width: 25%; display: inline-block; float: left; }
	div#records div.user-records-wrapper div.js-col-xs-12 { width: 25%; display: inline-block; float: left; }
	form#userpopupsearch div.search-center div.js-search-value { width: 33.3333%; display: inline-block; float: left; }
	div#js-tk-formwrapper div.js-inner-border { width: 49%; }
}