/*
 * CP Extender Plugin Elements
 * Directory contains 2 different jquery.dataTables.css files and both are output through the CpScript method
 * To prevent managing styles in two different files, all CP extension styles are in here
 * Some rules are written specifically to override custom styles in QC.  For example using the attribute & class input[type="text"].cp-col-srch 
 * And chaining the custom class with dataTables_wrapper:  .cp-dtjs.dataTables_wrapper 
 */
.cp-dtjs .cp-col-srch-lbl {cursor: text; display: inline-block; width: 100%;}
.cp-dtjs .cp-col-srch-lbl.on {position: absolute;  width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);  white-space: nowrap; border: 0;}
.cp-dtjs.dataTables_wrapper input[type="text"].cp-col-srch {display: none; font-weight: 700; font-size: 100%; width: calc(100% - 10px); min-width: 100px; padding: 0 2px;}
.cp-dtjs input[type="text"].cp-col-srch.on {display: block;}
.cp-dtjs .dataTables_info {font-weight: 700;}