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#js-tk-filter div.tk-search-value input,
div#js-tk-filter div.tk-search-value select{width: 100% !important; 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; right: 50px; top: 5px;}
div#js-suredelete a.js-tk-canceldelete-btn{position: absolute; right: 7px; top: 5px;}
/* 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: right;}
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 .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 .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: 92%;}
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:#F1F1F1;}
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;width: 80%;}


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;}

@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%;}

}


/************* 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;}