Your IP : 216.73.216.224


Current Path : /var/www/html/components/com_jssupportticket/include/css/inc.css/
Upload File :
Current File : /var/www/html/components/com_jssupportticket/include/css/inc.css/staff-formstaff.css

/* Add Staff Members */
	form.js-ticket-form{display:inline-block; width: 100%; margin-top: 17px;}
	div.js-ticket-add-form-wrapper{float: left;width: 100%;}
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp{float: left;width: calc(100% / 2 - 10px);margin: 0px 5px; margin-bottom: 20px; }
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp.js-ticket-from-field-wrp-full-width{float: left;width: calc(100% / 1 - 10px);}
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field-title{float: left;width: 100%;margin-bottom: 5px;text-transform: capitalize;}
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field{float: left;width: 100%;}
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field input.js-ticket-form-field-input{float: left;width: 100%;border-radius: 0px;padding: 10px;min-height: 50px;margin-bottom: 0px;}
	div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field select.js-ticket-form-field-select{float: left;width: 100%;border-radius: 0px;background: url(../../images/selecticon.png) 96% / 4% no-repeat;min-height: 42px;margin-bottom: 0px;}
	div.js-ticket-form-btn-wrp{float: left;width:calc(100% - 20px);margin: 0px 10px;text-align: center;padding: 25px 0px 10px 0px;}
	div.js-ticket-form-btn-wrp input.js-ticket-save-button{padding: 15px 10px;margin-right: 10px;min-width: 120px;border-radius: 0px;}
	div.js-ticket-form-btn-wrp a.js-ticket-cancel-button{display: inline-block; padding: 11px 10px;margin-right: 10px;min-width: 120px;border-radius: 0px;}
	div.js-ticket-from-field div.js-ticket-select-user-field{float: left;width: 70%;}
	div.js-ticket-from-field div.js-ticket-select-user-field input.js-ticket-form-field-input{width: 100% !important;padding: 20px 5px;margin-bottom: 0;border-radius: 0;box-shadow: unset !important;}
	div.js-ticket-select-user-btn {float: left;width: 30%;}
	div.js-ticket-select-user-btn a#userpopup {display: inline-block;width: 100%;text-align: center;padding: 15px 10px;text-decoration: none;outline: 0px;height: 50px;}
	#records{float: left;width: 100%;padding: 0px 10px;}
	select.js-ticket-select-field{float: left;width: 100%;border-radius: 0px;background: url(../../images/selecticon.png) 96% / 4% no-repeat; min-height: 50px!important;margin-bottom: 0px;padding: 10px;}
	div.js-ticket-reply-attachments{display: inline-block;width: 100%;margin-bottom: 20px;}
	div.js-ticket-reply-attachments div.js-attachment-field-title{display: inline-block;width: 100%;padding: 15px 0px;}
	div.js-ticket-reply-attachments div.js-attachment-field{display: inline-block;width: 100%;}
	div.tk_attachment_value_wrapperform{float: left;width:100%;padding:0px 0px;}
	div.tk_attachment_value_wrapperform span.tk_attachment_value_text{float: left;width: calc(100% / 3 - 10px);padding: 5px 5px;margin: 5px 5px;position: relative;}
	div.tk_attachment_value_wrapperform span.tk_attachment_value_text input.js-attachment-inputbox{width: 100%;max-width: 100%;max-height:100%;}
	span.tk_attachment_value_text span.tk_attachment_remove{background: url(../../images/close.png) no-repeat;background-size: 100% 100%;position: absolute;width: 20px;height: 20px;top: 12px;right:6px;}
    div#rolepermissionedit{float: left;width: 100%;margin-top: 20px;}
	div#userpopupblack{background: rgba(0,0,0,0.7);position: fixed;width: 100%;height: 100%;top:0px;left:0px;z-index: 9989;}
	div#userpopup{position: fixed;top:20%;left:20%;width:60%; max-height: 50%; padding-top:0px;z-index: 99999;overflow-y: auto; overflow-x: hidden;}
	div.jsst-popup-header{width:100%;font-size:17px;float:left;padding: 20px 10px; font-weight: bold;}
	div.popup-header-close-img{position: absolute;top:22px;right: 22px;background-image:url(../../images/close-icon-white.png);background-size: 100%;width:20px;height: 20px;opacity: 1;cursor: pointer;}
	div.jsst-popup-wrapper input{margin-bottom:0px; }
	div.jsst-popup-wrapper input#edited_time{font-size: 16px;}
	div.jsst-popup-wrapper textarea{width: 100%;}
	div.jsst-popup-wrapper div.js-form-button-wrapper
	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.jsst-popup-wrapper div.js-form-button-wrapper input.js-merge-cancel-btn{padding: 16px 10px;min-width: 120px;border-radius: unset;}
	div.jsst-popup-wrapper div.js-form-button-wrapper input.js-merge-save-btn{padding: 16px 10px;min-width: 120px;border-radius: unset;}
	div.js-ticket-popup-search-wrp{float: left;width: 100%;padding: 30px 5px 15px;}
	div.js-ticket-search-top{float: left;width: 100%;}
	div.js-ticket-search-top div.js-ticket-search-left{float: left;width: 70%;}
	div.js-ticket-search-top div.js-ticket-search-left div.js-ticket-search-fields-wrp{float: left;width: 100%;padding: 0px}
	div.js-ticket-search-top div.js-ticket-search-left div.js-ticket-search-fields-wrp input.js-ticket-search-input-fields{float: left;width: calc(100% / 3 - 10px); margin:0px 5px !important; padding: 5px 5px;border-radius: 0px;min-height: 42px;}
	div.js-ticket-search-top div.js-ticket-search-right{float: left;width: 30%;}
	div.js-ticket-search-top div.js-ticket-search-right div.js-ticket-search-btn-wrp{float: left;width: 100%;}
	div.js-ticket-search-top div.js-ticket-search-right div.js-ticket-search-btn-wrp input.js-ticket-search-btn{width: calc(100% / 2 - 5px);padding: 5px;border-radius: 0px;min-height: 42px; } 
	div.js-ticket-search-top div.js-ticket-search-right div.js-ticket-search-btn-wrp input.js-ticket-reset-btn{width: calc(100% / 2 - 5px);padding: 5px;border-radius: 0px;min-height: 42px; } 
	div.js-ticket-table-wrp{float: left;width: 100%;padding: 0;}
	div.js-ticket-table-wrp div.js-ticket-table-header div.js-ticket-table-header-col{padding: 18px 0px;text-align: center;}
	div.js-ticket-table-wrp div.js-ticket-table-header div.js-ticket-table-header-col:first-child{text-align: left;padding-left: 10px;}
	div.js-ticket-table-body{float: left;width: 100%;}
	div.js-ticket-table-body div.js-ticket-data-row{float: left;width: 100%;border: 0 !important;border-bottom: 1px solid #d1d1d1 !important;}
	div.js-ticket-table-body div.js-ticket-data-row div.js-ticket-table-body-col{padding: 18px 0px;text-align: center;min-height:60px;}
	div.js-ticket-table-body div.js-ticket-data-row div.js-ticket-table-body-col:first-child{text-align: left;padding-left: 10px;}
	div.js-ticket-table-body div.js-ticket-data-row div.js-ticket-table-body-col:last-child{padding: 13px 5px; }
	span.js-ticket-display-block{display: none;}
	div#records div.jsst_userpages{text-align: right;padding:5px; margin: 10px 5px;width: calc(100% - 10px);float:left;}
	div#records div.jsst_userpages a.jsst_userlink{display: inline-block;padding:5px 15px;margin-left:5px;text-decoration: none;background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0;margin-right: 5px;border: 1px solid #b8b8b8;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f2f2f2",GradientType=0 );color: #373435;}
	div#records div.jsst_userpages a.jsst_userlink:hover{background:#4f6df5;color:#fff;}
	div#records div.jsst_userpages span.jsst_userlink{display: inline-block;padding:5px 15px;margin-left:5px;margin-right:5px;border:1px solid #2b2b2b;}
	span.help-block{font-size:11px;}
	span.help-block{color:red;}
	div.js-ticket-append-signature-wrp{float: left;width: calc(100% / 2 - 25px); margin-right:25px;margin-bottom: 20px;} 
	div.js-ticket-append-signature-wrp.js-ticket-append-signature-wrp-full-width{width: calc(100% / 1 - 30px);margin: 0px 15px 20px 15px;} 
	div.js-ticket-append-signature-wrp div.js-ticket-signature-radio-box{float: left;width: calc(100% / 3 - 10px);margin: 0px 5px;padding: 11px;} 
	div.js-ticket-append-signature-wrp div.js-ticket-signature-radio-box.js-ticket-signature-radio-box-full-width{width: 100%;margin: 0px;} 
	div.js-ticket-append-signature-wrp div.js-ticket-append-field-title{float: left;width: 100%;margin-bottom: 10px;} 
	div.js-ticket-append-signature-wrp div.js-ticket-append-field-wrp{float: left;width: 100%;} 
	div.js-ticket-append-signature-wrp div.js-ticket-signature-radio-box input{margin-top: 0px;margin-bottom: 5px;} 
	div.js-ticket-append-signature-wrp div.js-ticket-signature-radio-box label.tk_form_chkbox_label{margin: 0px;display: inline-block;vertical-align:text-bottom;margin-top: 0px;} 
	textarea#signature{width: 100%;margin-bottom: 0px;height: 90px;border-radius: 0px;}
	div.js-ticket-radio-btn-wrp{float: left;width: 100%;}
	div.js-ticket-radio-btn-wrp div.js-form-radio-btn{float: left;min-width: 100px;padding: 12px 5px;}
	div.js-ticket-radio-btn-wrp div.js-form-radio-btn input{margin-top: 0px;margin-bottom: 0px;}
	div.js-ticket-radio-btn-wrp div.js-form-radio-btn label.radio-status{margin: 0;display: inline-block;margin-left: 0px;}
	select ::-ms-expand {display:none !important;}
	select{-webkit-appearance:none !important;}
	/* Listing delete action css */
	div#js-suredelete{display: none;position: relative;float: left;width: 95%;height: 100%;border-radius: 0px;font-size: 13px;padding: 10px;margin: 15px 17px 15px;}
	div#js-suredelete a{cursor: pointer; text-decoration: none; padding: 7px 10px; line-height: 7px;}
	div#js-suredelete a.js-tk-suredelete-btn{position: absolute;right: 118px;top: 8px;text-align: center;padding: 13px;text-decoration:none !important; outline:0px !important; }
	div#js-suredelete a.js-tk-canceldelete-btn{position: absolute;right: 10px;top: 8px;text-align: center;padding: 13px;text-decoration:none !important; outline:0px !important; }
	/* Form Role */
	div#js-tk-formwrapper {width: 100%;float: left; padding-top: 20px;}
	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 {float: left;width: 100%;}
	div#js-tk-formwrapper div.js-form-value input.js-ticket-form-input {width: 100% !important;padding: 20px 5px;margin-bottom: 0;border-radius: 0;box-shadow: unset !important;}
	div.js-ticket-form-btn-wrp{float: left;width:calc(100% - 20px);margin: 0px 10px;text-align: center;padding: 18px 0px 10px 0px;margin-top: 30px;}
	div.js-ticket-form-btn-wrp input.js-ticket-save-button{padding: 15px 10px;margin-right: 10px;min-width: 120px;border-radius: 0px;}
	div.js-ticket-form-btn-wrp a.js-ticket-cancel-button{display: inline-block; padding: 14px 10px;margin-right: 10px;min-width: 120px;border-radius: 0px;text-decoration:none !important; outline:0px !important; }
	/* permissons listing */
	div.js-per-wrapper{width: 100%; float: left;margin-bottom: 5px;}
	div.js-per-subheading{float: left;width: 100%;padding: 18px 15px 12px;margin-top: 15px;}
	div.js-per-subheading span.head-text{float: left;}
	div.js-per-subheading span.head-checkbox{float: right;}
	div.js-per-subheading span.head-checkbox input{vertical-align: top;}
	div.js-per-subheading span.head-checkbox label {display: inline-block; padding-left: 15px;}
	div.js-per-wrapper div.js-per-data{float: left;width: calc(100% / 3 - 10px);margin: 15px 5px 0px;padding: 10px;}
	div#rolepermission div.js-per-wrapper div.js-per-datawrapper div.js-per-data{width: calc(100% - 10px);}
	div.js-per-wrapper div.js-per-data input{display: inline-block;vertical-align: top;}
	.js-ticket-zero-padding{padding: 0px;}