@charset "utf-8";
/* CSS Document */

/* --  VERSION 2.7
   ------ HMalloy
   ------ 25 January 2018
          Added hover cursor style for anchor text
   ------ HMalloy
   ------ 23 January 2018
          Added styles for primary-panels to support submission interuption modal
   ------ HMalloy
   ------ 07 July 2016
          Updated "expired" class - alerts will no longer show as a hyperlink unless they actually are one.
   ------ HMalloy
   ------ 21 June 2016
          Added has-error styles for table row
   ------ HMalloy
   ------ 14 June 2016
          Fixed completedTask and incompleteTask styles (for review page table)
		  Fixed active tab hover style (for my projects page)
		  Added pagination styles from style guide (change can be seen from my projects page -> Manage Declaration IDs tab)
		  Added "has-error" styles from style guide
   ------ HMalloy
   ------ 20 May 2016
          Added styles for "clearable" input fields
   ------ HMalloy
   ------ 20 May 2016
          Updated tab styles for greater contrast and accessibility
   ------ JMorrison
   ------ 5 May 2016
          Required labels for product detail
   ------ THerrell
   ------ 29 April 2016
          Deprecated table hover color added
   ------ SPak
   ------ 25 April 2016
          Changed z-index of blocking progress to 10000
   ------ THerrell
   ------ 14 April 2016
          Added reference page related css
   ------ HMalloy
   ------ 23 Mar 2016
   		  Added heading styles from https://www.bluetooth.org/_catalogs/masterpage/styles.css
		  Updated alert color
		  Added padding to the bottom of the header "Project Actions" dropdown
		  Removed style from alerts to display as inline-block
		  Fixed logo size (bluetooth)
		  Fix for ICS / Consistency Check flyout
   ------ HMalloy
   ------ 24 Mar 2016
   		  Fixed ".outer-plus" for the "+" sign on getting started
   ------ HMalloy
   ------ 25 Mar 2016
   		  removed modal radio padding set to 0

---- */

/* # Table of Contents 
- General Styles
	-- Contextual Backgrounds / Alerts
	-- Tooltips
    -- Buttons
	-- Forms
	-- Errors
    -- Modals 
    -- Accordion and Panels
    -- Tables and Lists
		--- Tables inside panels
		--- Standard Table / Table Hover / Highlighted Row / Disabled Row
		--- Table with sortable columns
		--- Contextual Dropdown Menus in Table Cell
		--- Table within table edit line item
		--- Emtpy States
	-- Autocomplete
	-- Spinners
	-- container1 thru container3 and circle1 thru circle4
    -- Floating sticky well
- Structural Elements
    -- Columns    
- Website Header
- Navigation
	-- Reference Navigation
    -- Main Navigation - with right facing arrows
    -- Vertical Nav/Tabs
	-- Tabs
	-- Tabs within panel
	-- Pagination
	-- Footer link list
- Custom Page Styles
    -- Test Documentation Page
		--- Progress Indicators
    -- Product Declaration
	-- Declaration Page
	-- Getting Started
	-- Consistent/Inconsistent
	-- BQA
	-- Review Page
- Footer
- Media Queries 
    -- Max-width: 750px 
    -- Max-width: 600px 
*/

/* # General Styles
---------------------------------------------------------------------------------------------------- */

* {
  margin:0;
}

body {
  padding:0;
  font-family:arial, helvetica, sans-serif;
  color:#444;
}

html, body {
  height:100%;
}

textarea, input,
input:active,
input:focus,
*:focus,
select:focus,
a:focus {
	outline:0!important;
}

h1, h2, h3, h4, h5 {
    display: block;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif !important;
}

h1 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
  display:block;
  clear:both;
}

h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

p {
    padding-bottom: 10px;
}

h2 {
  display:block;
  clear:both;
    font-size: 18px;
    line-height: 24px;
  color:#444;
}

h2 a:link {
  color:#444;
}

h3 {
  display:block;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
  color:#444;
}

h3.passed {
  position:relative;
  padding-left:40px;
  color:#5CB85C;
}

h3.passed:before {
  position:absolute;
  font-family:fontAwesome;
  top:0;
  left:0;
  font-size:1.5em;
  color:#5CB85C;
  content:"\f058";
}


h3.pending {
  position:relative;
  padding-left:40px;
  color:#cc9900 ;
}

h3.pending:before {
  position:absolute;
  font-family:fontAwesome;
  top:0;
  left:0;
  font-size:1.5em;
  color:#cc9900 ;
  content:"\f252";
}

h4 {
  display:block;
  font-size:1em;
  line-height:1.3em;
  color:#444;
  font-weight:bold;
}

h4.bg-primary {
	margin-top: 25px;
	padding: 15px;
	background-color: #0082fc;
}

subhead {
  display:block;
  color:#444;
  font-size:1.25em;
  line-height:1.25em;
  margin-bottom:10px;
  margin-top:10px;
}

.references-page subhead,
subhead {
    color: #65666A;
    padding: 0 0 5px 25px;
    margin-left: 1px;
    margin-bottom: 20px;
    display: block;
    border-left: 10px solid #D1CFCC;
    max-width: 600px;
    line-height: 2em;
    font-size: 1.5em;
}

hr {
	margin-bottom:0;
}

p {
  display:block;
  clear:both;
  max-width:600px;
}
.alert p {
	max-width:100%;
	min-width:100%;
}
a, a:link, a:visited, a:hover, a:active {
  color:#0082fc;
}
a:hover {
    cursor:pointer;
}

a[onclick="return false;"] {
    color: #999;
    cursor: not-allowed;
}

ul li {
  list-style-image:none;
  list-style-type:disc;
}

.color-gray {
	color:#999;
}

.gray {
  color:#999;
}

.super-gray,
.super-gray a {
  color:#ccc;
}

.text-warning {
	color: #ffc107;
}

.text-danger {
	color: #e60000;
}

.text-success {
	color: #28a745;
}

.text-info {
	color: #0082fc;
}

.verdict {
	color:#80C0FC;
	font-style:italic;
	font-size:18px;
}

.valid {
  color:green;
}

.invalid {
  color:red;
} 

.align-right {
  text-align:right;
}

.required {
  position:relative;
}

.required:after {
  position:absolute;
  top:6px;
  right:0;
  font-size:14px;
  font-weight:bold;
  color:red;
  content:"*";
}

.clear {
  display:block;
  clear:both;
}

.clear-field {
	position:absolute;
	right:25px;
	top:10px;
	height:14px;
	margin:auto;
	font-size:14px;
	cursor:pointer;
	color:#ccc;
}

.layerLock {
  display:block;
  overflow:hidden;
  padding-top:20px;
  padding-bottom:20px;
  clear:both;
}

/*section .dropdown {
  z-index: 1200;
}*/


/* ## Contextual Backgrounds / Alerts
--------------------------------------------- */

.bg-warning {
  padding:10px;
  margin-bottom:10px;
}

.bg-warning p {
  position:relative;
  padding-left:40px;
}

.bg-warning p:before {
  font-family:FontAwesome;
  position:absolute;
  top:10px;
  left:5px;
  font-size:21px;
  content:"\f071";
  color:#ffcc00;
}

.bg-warning .close {
  color:#666;
  z-index:5000;
}

.alert {
    border-radius:0;
    position:relative;
  padding-left:45px;
}

.alert .success-alert-icon:before,
.alert .info-alert-icon:before,
.alert .warning-alert-icon:before,
.alert .danger-alert-icon:before {
    position:absolute;
    top:10px;
    left:15px;
    font-size:21px;
    font-family:fontAwesome;
}
.alert .success-alert-icon:before {
    content:"\f058";
}
.alert .info-alert-icon:before {
    content:"\f05a";
}
.alert .warning-alert-icon:before {
    content:"\f071";
}
.alert .danger-alert-icon:before {
    content:"\f06a";
} 

.alert.alert-danger {
	color:#e60000;
}


/* Temporary styles to remove once we upgrade to the latest Bootstrap version. */
.badge {
	border-radius: 0;
	margin-bottom: 5px;
}
/* End temporary styles. */


/* ## Tooltips
--------------------------------------------- */
.tooltip-inner {
	background-color:#eee;
	color:#333;
	border:1px solid #ccc;
	padding:5px;
}
.tooltip.right .tooltip-arrow {
	border-right-color:#ccc;
}

/* ## Buttons
--------------------------------------------- */

/*--  see bootstrap.css for majority button styles --*/

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #444;
    text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default,
a.btn-default {
  color: #444;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:focus,
.btn-default.focus {
  color: #444;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #444;
  background-color: #d1cfcc;
  border-color: #65666a;
}

.btn-primary {
  color: #fff;
  background-color: #0082fc;
  border-color: #0065c3;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #444;
  border-color: #101010;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

a.btn-primary {
	color:#fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff!important;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-addSomething,
.btn-tertiary {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight:normal;
	text-shadow:none;
	font-size:14px;
  color:#0082fc;
	background: #fff;
	border-color:#0082fc;
	box-shadow:none;
  border-radius:0;
}

.btn-expand {
  background:transparent;
  font-size:21px;
  position:relative;
  border:0;
  width:280px;
  margin-left:-30px;
}

.btn-expand:before {
  margin-left:-40px;
}

.btn-expand:after {
  right:5px;
}

.btn-expand:before,
.btn-expand:after {
  font-family:FontAwesome;
  position:absolute;
  top:0;
  content:"\f139";
}

.btn-expand.btn-down:before,
.btn-expand.btn-down:after {
  content:"\f13a";
}

.btn-addSomething:hover,
.btn-tertiary:hover:not([disabled]) {
    cursor: pointer;
    background: #40A0FC;
    border-color: #0082fc;
    color: #fff;
}

.btn-tertiary[disabled]:hover {
    background: #fff;
    border-color: #0082fc;
    color: #0082fc;
    text-decoration: none;
}

.help {
  border:0;
  background-color:transparent;
  font-size:18px;
  color:#535353;
}

.editor-radio {
	padding-left:15px;
}

/*-- dropdown-menu --*/
.dropdown-menu {
  padding:5px;
  border-radius:0;
  margin-top:-1px;
  background-color:#f8f8f8;
  z-index:1075;
}
.dropdown-menu a.disabled {
    color: #999999 !important;
    pointer-events: none;
}

/*-- links with icons --*/

.downloadDoc,
.attachDoc,
.requestReview, 
.createProject,
.boardReview,
.support,
.sendMessage,
.faq,
.exception,
.pageBack,
.orgHome,
.partialEditing,
.expiring,
.expired,
.shared,
.editProperties,
.editMS,
.checkOut,
.checkIn,
.discardCheckOut,
.overrideCheckOut,
.majorVersion,
.versionHistory,
.saveCopy,
.deleteDoc,
.addSomething,
/*.completedTask,
.incompleteTask,*/
.duplicate {
  position:relative;
  border:0 none;
  background-color:transparent;
  font-size:12px;
  padding-left:20px;
}

/*when applied to a table cell*/

.table tr .downloadDoc,
.table tr .attachDoc,
.table tr .requestReview, 
.table tr .createProject,
.table tr .boardReview,
.table tr .support,
.table tr .sendMessage,
.table tr .faq,
.table tr .exception,
.table tr .pageBack,
.table tr .partialEditing,
.table tr .expiring,
.table tr .expired,
.table tr .shared,
.table tr .editProperties,
.table tr .editMS,
.table tr .checkOut,
.table tr .checkIn,
.table tr .discardCheckOut,
.table tr .overrideCheckOut,
.table tr .majorVersion,
.table tr .versionHistory,
.table tr .saveCopy,
.table tr .deleteDoc,
.table tr .addSomething,
.table tr .completedTask,
.table tr .incompleteTask,
.table tr .duplicate {
  background-color:transparent;
  padding-left:25px;
}

.downloadDoc:after,
.attachDoc:after,
.requestReview:after,
.createProject:after,
.boardReview:after,
.support:after,
.sendMessage:after,
.faq:before,
.exception:before,
.pageBack:before,
.orgHome:before,
.partialEditing:before,
.expiring:before,
.expired:before,
.shared:before,
.editProperties:before,
.editMS:before,
.checkOut:before,
.checkIn:before,
.discardCheckOut:before,
.overrideCheckOut:before,
.majorVersion:before,
.versionHistory:before,
.saveCopy:before,
.deleteDoc:before,
.addSomething:before,
.completedTask:before,
.incompleteTask:before,
.duplicate:before {
  position:absolute;
  font-family:FontAwesome;
  top:1px;
  left:0;
  font-size:14px;
  font-weight:normal;
  color:#666;
}

.completedTask:before,
.incompleteTask:before {
	left:5px;
}

/*when applied to a table cell*/

.table tr .downloadDoc:after,
.table tr .attachDoc:after,
.table tr .requestReview:after,
.table tr .createProject:after,
.table tr .boardReview:after,
.table tr .support:after,
.table tr .sendMessage:after,
.table tr .faq:before,
.table tr .exception:before,
.table tr .pageBack:before,
.table tr .partialEditing:before,
.table tr .expiring:before,
.table tr .expired:before,
.table tr .shared:before,
.table tr .editProperties:before,
.table tr .editMS:before,
.table tr .checkOut:before,
.table tr .checkIn:before,
.table tr .discardCheckOut:before,
.table tr .overrideCheckOut:before,
.table tr .majorVersion:before,
.table tr .versionHistory:before,
.table tr .saveCopy:before,
.table tr .deleteDoc:before,
.table tr .addSomething:before,
/*.table tr .completedTask:before,
.table tr .incompleteTask:before,*/
.table tr .duplicate:before {
  left:0;
  top:-2px;
}

.table tr .deleteDoc:before {
  top:3px;
}

.downloadDoc:after {
  content:"\f019";
}

.attachDoc:after {
  content:"\f093";
}

.requestReview:after {
  content:"\f086";
}

.createProject:after {
  content:"\f0ad";
}

.boardReview:after {
  content:"\f0c0";
}

.support:after {
  content:"\f234";
}

.sendMessage:after {
  content:"\f0e0";
}

.faq:before {
  content:"\f059";
}

.exception:before {
  content:"\f12a";
  left:5px;
}

.pageBack:before {
  content:"\f0a8";
  font-size:18px;
}

.orgHome:before {
  content:"\f015";
  font-size:18px;
  top:0;
}

.partialEditing:before {
  content:"\f023";
  color:#006699;
}

.expiring:before {
  content:"\f071";
  color:#ffcc00;
}

.expiring {
  color:#cc9900;
}

.expired:before {
  content:"\f06a";
  color:#e60000;
}
.expired {
  color:#e60000;
}

.shared:before {
  content:"\f1e0";
  color:#5CB85C;
}

.editProperties:before {
  content:"\f044";
}

.editMS:before {
  content:"\f1c2";
}

.checkOut:before {
  content:"\f046";
}

.discardCheckOut:before {
  content:"\f0e2";
}

.versionHistory:before {
  content:"\f1da";
}

.saveCopy:before {
  content:"\f0c7";
}

.deleteDoc:before {
  content:"\f00d";
}

.addSomething:before {
  content:"\f067";
}

.completedTask:before {
  color:#5CB85C;
  content:"\f00c";
}

.incompleteTask:before {
	color:#999;
	content:"\f00d";
}

.duplicate:before {
  content:"\f0c5";
}

.readOnly {
	position:relative;
}

.readOnly:after {
	position:absolute;
	font-family:FontAwesome;
	top:-3px;
	right:-20px;
	font-size:14px;
	content:"\f040";
}

.readOnly:before {
	position:absolute;
	font-family:FontAwesome;
	top:-7px;
	right:-21px;
	font-size:21px;
	content:"\f05e";-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	color:#999;
}

.btn.btn-default.deleteDoc {
	color:#0075e3;
	padding:0 0 0 15px;
}
.btn.btn-default.deleteDoc:hover {
	color:#0075e3;
	text-decoration:underline;
}
btn.btn-default.deleteDoc:active,
.btn.btn-default.deleteDoc:focus {
	border:0;
}
.btn.btn-default.deleteDoc:before {
	top:-2px;
}

  
/*-- Toggle buttons w/ disable and show --*/

.btn-group {
  margin:10px 0;
  clear:both;
} 

.btn-group label {
  padding-bottom:5px!important;
}

.disableToggle {
  padding-left:65px;
}

.showToggle {
  padding-left:50px;
}

.disableToggle:before,
.showToggle:before {
  position:absolute;
  font-family:arial;
  top:6px;
  left:10px;
  font-size:14px;
  color:#fff;
  font-weight:bold;
}

.disableToggle:before {
  content:"Disable";
}

.showToggle:before {
  content:"Show";
}

.active.disableToggle:before {
  content:"Enable";
  color:#fff;
}

.active.showToggle:before {
  content:"Hide";
  color:#fff;
}

.active.showToggle:hover:before,
.active.disableToggle:hover:before {
  color:#fff;
}

/*-- previous and next buttons with icons --*/

.previousTab,
.previousLayer,
.button-previous {
  padding-left:40px;
  text-align:right;
}

.nextTab,
.button-next,
.nextLayer {
  padding-right:40px;
  text-align:left;
}

.button-next:before,
.button-previous:before,
.previousTab:before,
.previousLayer:before,
.nextTab:after,
.nextLayer:after {
  position:absolute;
  font-family:FontAwesome;
  top:17px;
  font-size:24px;
}

.nextLayer:after,
.previousLayer:before,
.nextLayer,
.previousLayer {
	color:#0075e3!important;
}

.nextLayer:hover:after,
.previousLayer:hover:before {
	color:#fff!important;
}

.previousTab:before,
.previousLayer:before {
  left:10px;
}

.previousTab:before {
  content:"\f053";
}

.previousLayer:before {
  content:"\f0c9";
}

.nextTab:after,
.nextLayer:after {
  right:10px;
}

.nextTab:after {
  content:"\f054";
}

.nextLayer:after {
  content:"\f0c9";
}

a.btn.btn-default.button-previous,
a.btn.btn-default.button-next,
.btn.btn-default.button-previous,
.btn.btn-default.button-next {
	color:#fff;
}

.button-next,
.button-previous,
.previousTab,
.nextTab,
.btn.btn-default.previousTab,
.btn.btn-default.nextTab {
  font-size:12px;
  line-height:14px;
  background-color:#65666A;
  border-color:#444;
}

.nextLayer,
.previousLayer,
.btn.btn-default.nextLayer,
.btn.btn-default.previousLayer {
	background-color:#CCE6FE;
	border-color:#0082FC;
	color:#0065c3;
}

.button-nex:hover,
.button-previous:hover,
.previousTab:hover,
.nextTab:hover,
.btn.btn-default.previousTab:hover,
.btn.btn-default.nextTab:hover {
  background-color:#444;
  border-color:#222;
  color:#fff!important;
}

.btn.btn-default.previousLayer:hover,
.btn.btn-default.nextLayer:hover {
	background-color:#40A0FC;
	border-color:#0082FC;
	color:#fff!important;
}

.previousTab h4,
.previousLayer h4, 
.nextTab h4,
.nextLayer h4 {
  font-size:14px;
  margin-top:0;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
  font-weight:bold;
  color:#fff;
}

.nextLayer h4,
.previousLayer h4,
.btn-group a.btn.nextLayer,
.btn-group a.btn.previousLayer {
	color:#0075e3;
}

.ics-save {
  text-align:left;
  line-height:14px;
}

.nextLayer:hover h4,
.previousLayer:hover h4,
.btn-group a:hover.btn.nextLayer,
.btn-group a:hover.btn.previousLayer,
.ics-save h4 {
	color:#fff;
}

.ics-save h4 {
  margin:0;
}

/* ## Forms
--------------------------------------------- */

.input-sm, .form-group-sm .form-control, .input-group-sm,
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-control,
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-radius:0!important;
  border-bottom-right-radius:0!important;
  border-top-right-radius:0!important;
  border-bottom-left-radius:0!important;
  border-top-left-radius:0!important;
}

.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.form-control {
  box-shadow:none!important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {

    color: #e60000;

}
.has-error .form-control {

    border-color: #e60000;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.has-error .form-control:focus {

    border-color: #843534;
    -webkit-box-shadow: none;
    box-shadow: none;

}

tr.has-error {
  background-color:#f2dede!important;
  color:#e60000!important;
}

.has-error {
  color:#e60000!important;
}

/*.modal-body .radio label {
	padding-left:0;
}*/

.long-form .modal-body .radio label {
  padding-left:20px;
}

.long-form .form-group .col-sm-6 label {
	width:100%;
}

.noForm,
#totalCost {
	border:0;
	background-color:#fff!important;
	font-weight:bold;
	cursor:default!important;
	padding-left:0!important;
}

.long-form .modal-dialog,
.long-form .modal-content {
	height: calc(80vh) !important;
}

.long-form .modal-body {
	background-color: #fff;
	height:100%;
	overflow: hidden;
	overflow-y: scroll;
}

.clearable {
	background: #fff url(content/clearField.png) no-repeat right -10px center;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

/* ## Errors
--------------------------------------------- */

#groupingError {
    font-weight: normal;
    color: #444;
}
#groupingError > a {
    color: #0075e3;
}

#layerError {
    font-weight: normal;
    color: #444;
}
#layerError > a {
    color: #0075e3;
}

#dependencyError {
    font-weight: normal;
    color: #444;
}
#dependencyError > a {
    color: #0075e3;
}

.depErrorLayer {
    font-weight: bold;
}

/* ## Modals
--------------------------------------------- inherit bootstrap.css for most

.modal-content {
	border-radius:0;
	border:2px solid #404040;
}

.modal-header {
	border-bottom:1px solid #404040;
	background: #80C0FC;
	padding:10px;
}

.modal-title {
	color:#fff;
}

.modal-footer {
	padding:10px;
	border-top:0;
}

.close {
  color:#fff;
  text-shadow:1px 0 1px #0075e3;
  opacity:0.7;
}
*/
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal {
	z-index:1240;
}

.modal-dialog {
	z-index:1290;
}

.modal-backdrop-fixed-black {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom:0;
  background-color: #000;
  opacity: .5;
  z-index:99999;
}

.modal-backdrop-fixed-white {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom:0;
  background-color: #FFFFFF;
  opacity: .5;
  z-index:99999;
}

.panel-primary .modal-content {
    border-color:#0082fc;
}
.panel-primary .modal-content .modal-header {
    background-color:#0082fc;
}
.panel-primary .modal-content .modal-header .modal-title {
    color:#fff;
}

/*----------------------------------------------
media queries
----------------------------------------------*/


@media (max-width:750px) {  
  .fakeRadio .nav {
    width:100%;
  }
  
  section .dropdown {
    margin-bottom:10px;
  }
  
  .navbar-collapse {
    padding-left:15px;
    padding-right:15px;
  }

  .navbar .container-fluid {
    padding-right:15px;
    padding-left:15px;
    margin-left:0;
  }
  
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li:first-child > a {
    border-left:0;
  }
  
  .column-75 .column-75,
  .column-75 .column-66,
  .column-75 .column-50,
  .column-75 .column-33,
  .column-75 .column-25,
  .column-75 .column-10,
  .column-75 .column-8,
  .column-50 .column-75,
  .column-50 .column-66,
  .column-50 .column-50,
  .column-50 .column-33,
  .column-50 .column-25,
  .column-50 .column-10,
  .column-50 .column-8 {
    float:none;
    width:100%;
    margin-right:0;
  }
  
}

@media (max-width:600px) {
  footer p {
    width:100%;
    float:none;
  }
  
  .advancedSearch .well .column {
    width:100%;
    float:none;
    clear:both;
  }
  
  .thirtyThree {
    display:block;
    width:100%;
    margin-bottom:20px;
  }
  
  .testEvidence {
    width:100%;
    float:none;
    margin-left:0;
    margin-bottom:20px;
    overflow:hidden;
  }
  
  .results {
    display:block;
    width:100%;
    float:none;
  }
  
  .column-75,
  .column-66,
  .column-50,
  .column-33,
  .column-25,
  .column-10,
  .column-8 {
    min-width:100%;
  }

}

/* ## Accordion and Panels
--------------------------------------------- */

.panel-default > .panel-heading {
  background-color:#40A0FC;
  padding:5px;
  /*border-top:1px solid #eee;*/
}

.panel-group .panel {
  border-radius:0;
  margin:10px 0;
  box-shadow:0 0 0;
  border:0;
}

.panel-group .panel-body {
  padding:5px;
}

.panel, .panel-heading {
  border-radius:0;
}

.panel {
  box-shadow:none;
}

.panel-default .panel-heading {
  background-color:#eee;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top:0;
}

.panel-group .panel-body {
  background-color:#f8f8f8;
}

.panel-heading .panel-title a,
.panel-heading .panel-title .collasped {
  color:#fff;
  font-size:14px;
  position:relative;
  display:block;
  width:100%;
}

.panel-heading .panel-title a:after, 
.panel-heading .panel-title .collapsed:after {
  position:absolute;
  font-family:FontAwesome;
  top:0;
  right:5px;
  font-weight:normal;
  color:#fff;
}

.panel-heading .panel-title a:after {
  content:"\f147";
}

.panel-heading .panel-title a.collapsed:after {
  content:"\f196";
}

.panel-heading .panel-title a:hover {
  text-decoration:none;
}

.panel-group .panel-body .tab-content {
  background-color:#fff;
  padding:5px;
  margin:0 -5px -5px;
}

.panel-group .panel-body .nav-tabs {
  margin-left:-5px;
  margin-right:-5px;
}

.panel-group .panel-body .nav-tabs > li > a {
  padding:5px 10px;
}

.expandTitle {
  position:relative;
  margin-right:30px;
  right:-15px;
}

.expandTitle:after {
  position:absolute;
  font-family:FontAwesome;
  content:"\f078";
  left:0;
  font-size:14px;
  color:#0075e3;
  font-weight:normal;
}

.collapsed .expandTitle:after {
  content:"\f054";
}

/* ## Tables and Lists
--------------------------------------------- */

/* ### Tables Inside Panels
--------------------------------------------- */

.panel-group .panel-body table tr:nth-child(even),
.table tbody tr:nth-child(even) {
  background-color:#fff;
}

.panel-group .panel-body table tr:nth-child(odd),
.table tbody tr:nth-child(odd) {
  background-color:#f8f8f8;
}

.panel-group .panel-body table tr td,
.panel-group .panel-body table tr th,
.table tbody tr td,
.table thead tr th,
.table tbody tr th {
  font-size:12px;
  padding:5px;
  border-top:0;
}  

.panel-group .panel-body table .btn-default {
  font-size:11px;
  color:#0075e3;
}

.panel-group .panel-body table .btn {
  padding:1px 2px;
  border-radius:2px;
  margin-left:2px;
}

.panel-group .panel-body table .btn:first-child {
  margin-left:0;
}

.panel-group .panel-body table tr td,
.panel-group .panel-body table tr th,
.table tbody tr td,
.table tbody tr th {
  font-size:12px;
  padding:5px;
  border-top:0;
}  
  
.panel-group .panel-body table tr th,
.table tr th {
  background-color:#ddd;
  color:#444;
}

/* ### Standard Table / Table Hover / Highlighted Row / Disabled Row
--------------------------------------------- */

.table {
   margin-top:5px; 
}

.tableHover tr td {
transition: 0.2s;
}

.tableHover tr:hover td,
.tableHover tr:hover th {
	background-color:#80C0FC;
	}

.tableHover tr:first-child:hover th {
	background-color:#ddd!important;
	color:#444;
}

.tableHover tr.deprecated:hover td {
    background-color:#EC7C7B;
}

.deprecated {
    background-color:#F9CBCB!important;
}
.inactiveCell {
	color:#999;
	background-color:#eee;
}
.deprecated.highlight {
     background-color:#F9CBCB!important;
    
}

.highlight {
  background-color:#CCE6FE!important;
}

.tr-disabled:hover {
	cursor:not-allowed;
}

/* ### Table with Sortable Columns
--------------------------------------------- */

.panel-group .panel-body table tr .sortable,
.table tr .sortable {
  position:relative;
  padding-right:25px!important;
  transition:0.5s;
}

.panel-group .panel-body table tr .sortable:after,
.table tr .sortable:after {
  position:absolute;
  font-family:FontAwesome;
  top:5px;
  right:15px;
  content:"\f0dc";
  font-size:12px;
  transition:0.5s;
}

.panel-group .panel-body table tr .sortable:hover,
.table tr .sortable:hover {
  background-color:#0082FC;
  color:#fff;
  cursor:pointer;
} 

.sortable a {
  color:#444;
}

.sortable:hover a {
  color:#fff!important;
  text-decoration:none;
}

th {
	position:relative;
}

th .sortable {
	color:#444;
	width:100%;
	display:block;
	padding:5px;
	margin:-5px;
}

th .sortable:hover {
	text-decoration:none;
}

th .sortable:after {
	top:5px!important;
	right:5px!important;
}

/* ### Contextual Dropdown Menus in Table Cell
--------------------------------------------- */

.table .caret {
  color:#333;
}

.table .dropdown button {
  border:0 none;
  color:#0075e3;
  background-color:transparent;
  font-size:12px;
  padding-left:0;
}

.table .dropdown button:hover {
  text-decoration:underline;
}

.table .dropdown button:active {
  margin-left:0;
  padding-left:0;
}

.open button .caret,
#sticky .active .caret {
  border-top:0;
  border-bottom:4px solid;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
}

.table .dropdown-menu {
  box-shadow:0 0 0 transparent;
}

.table .dropdown-menu li a {
  color:#0075e3;
  font-size:12px;
}

.table .dropdown-menu li a:hover,
.dropdown-menu li a:hover {
  cursor:pointer;
  background-color:#0082FC;
  color:#fff!important;
}

.table .dropdown-menu li a:hover {
  color:#0075e3;
}

.table .dropdown-menu li,
.dropdown-menu li {
  list-style-image:none;
  list-style:none;
}

/* ### Table with Table Edit Line Item
--------------------------------------------- */
.collapsible .table tr td {
transition: 0.2s;
  background-color:#fff;
}

.collapsible .table {
  border:1px solid #eee;
}

.listingTableHover tr:hover td {
	background-color:#80C0FC;
	color:#444;
}

.table.listingTableHover tbody tr {
	background-color:#fff;
}

.table.listingTableHover tbody tr:nth-child(odd) {
	border-top:1px solid #eee;
}

.table.listingTableHover tbody tr:nth-child(even) {
	background-color:#eee;
}

.line-menu {
	display:none;
	z-index:1200;
	position:relative;
	color:#ccc;
	background-color:#f8f8f8!important;
	overflow:hidden;
	float:right;
	padding:1px 20px!important;
	margin:-2px 0!important;
	border:1px solid #ccc;
}

.line-menu a {
	color:#444;
}

tr:hover td .line-menu {
	display:block;
	background-color:#fff!important;
}

.listingTableHover .editLine:hover td {
	background-color:transparent;
	color:#444;
}

.description {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow:ellipsis; 
	display: block;
	max-width:540px;
}

tr:hover .description {
	width:50%!important;
}

.accordion-toggle:hover {
	cursor:pointer;
}

.accordion-body {
	padding-top:10px!important;
}

.hiddenRow {
  padding: 0 !important;
}

/* ### Empty States
--------------------------------------------- */

table tr .no-results { 
	text-align:center;
	color:#ccc;
	font-size:48px;
}

table tr .no-results .fa { 
	padding:20px;
}

table tr .no-results h3 { 
	color:#ccc;
	font-weight:normal;
}

/* -- add class "registered" when using the Bluetooth "bug" only --*/ 
.registered { 
	position:relative;
}

.registered:after { 
	font-family:fontAwesome;
	position:absolute;
	font-size:15%;
	top:21px;
	right:5px;
	content:'\f25d';
}

/* ## Autocomplete
--------------------------------------------- */
ul.smart_autocomplete_container {
    margin: 10px 0;
    padding: 5px;
    background-color: #fff;
    height: 250px;
    overflow: auto;
    border: 1px solid black;
}

ul.smart_autocomplete_container li{
    list-style: none;
    cursor: pointer;
}

ul.smart_autocomplete_container li.smart_autocomplete_highlight {
    background-color: #337ab7;
    color: #fff
}

/* ## Spinners
--------------------------------------------- */

.blocking_progress {
    width: 100%;    
	height: 100%;
    background-color:rgba(0,0,0,0.75); 
	z-index: 100000;    
	position: fixed;
	padding: 0;
	margin-top: -10px;
}

.inner_blocking_progress {
	display:inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width:300px;
	max-height:140px;
	margin: auto;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 0px;
	color: #444; 
	padding:20px;
	vertical-align:center;
}

.inner_blocking_progress h3 {
	line-height:1.25em;
}

.inner_blocking_progress .vertical-align-center {
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}

/* Spinner */
.spinner {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
}

/* ## container1 - container3 and circle1 - circle4
--------------------------------------------- */

.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #333;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* ## Floating sticky well (expanding and collapsing tabs)
--------------------------------------------- */

#ics-heading.col-sm-8 {
	padding-left:0;
}

#sticky .well {
  border:1px solid#ccc;
  background-color:#fff;
  padding:0 0 15px 15px;
  margin-top:-10px;
}

#header { background-color: #fff; height: auto; padding-bottom:10px;}

#sticky.col-sm-8,
#ics-heading.col-sm-4 {
  padding-right:0!important;
  padding-left:0!important;
}

#sticky {
    display: block;
    position:relative;
    top:0px; 
    background:transparent;
    height: 70px;
    max-width:1080px;
    z-index:850;
    float:right;
    -webkit-transition:position 2s linear, top 2s linear, right 2s linear;
    -moz-transition:position 2s linear, top 2s linear, right 2s linear;
    -o-transition:position 2s linear, top 2s linear, right 2s linear;
    transition:position 2s linear, top 2s linear, right 2s linear;
}
#sticky.fixed { 
    display: block;
    position: fixed;
    top: 0;
    right:20px;
    /*width: 55%;*/
}

#sticky .scroll {
  max-height:350px;
  overflow-y:scroll;
  margin-bottom:20px;
  padding-right:10px;
}

#sticky .btn-group,
#sticky #consistencyContent,
#sticky #testPlanContent {
  float:right;
}

#sticky #consistencyContent,
#sticky #testPlanContent {
  clear:both;
}

#sticky #testPlanContent .btn-group,
#sticky #consistencyContent .btn-group {
  float:none;
}

#sticky #consistencyContent .close,
#sticky #testPlanContent .close {
  color:#666;
  padding-right:10px;
  padding-top:10px;
}



/* # Structural Elements
---------------------------------------------------------------------------------------------------- */

/* ## Columns
--------------------------------------------- */
.thirtyThree {
  display:block;
  width:32%;
  margin-bottom:20px;
}

.column-100 {
  display:block;
  overflow:hidden;
  width:100%;
  position:relative;
  min-height:1px;
	display:block;
	margin-bottom:1%;
}

.column-75,
.column-66,
.column-50,
.column-33,
.column-25,
.column-10,
.column-8 {
  position:relative;
	float:left;
  min-height:1px;
	display:block;
	margin-bottom:1%;
	margin-right:2%;
}

.column-75 {
	width:73%;
}

.column-66 {
  width:65%;
}

.column-50 {
  width:48%;
}

.column-33 {
	width:31%;
}

.column-25 {
  width:23%;
}

.column-10 {
  width:8%;
}

.column-8 {
  width:6%;
}

.column-75:last-child,
.column-66:last-child,
.column-50:last-child,
.column-33:last-child,
.column-25:last-child,
.column-10:last-child,
.column-8:last-child {
  margin-right:0;
}

.column-75:last-child {
  width:75%;
}

.column-66:last-child {
  width:67%;
}

.column-50:last-child {
  width:50%;
}

.column-33:last-child {
  width:33%;
}

.column-25:last-child {
  width:25%;
}

.column-10:last-child {
  width:10%;
}

.column-8:last-child {
  width:8%;
}

.columnX2 {
	width:48%;
	margin-right:2%;
	float:left;
}

.columnX2 img {
  width:100%;
}

.columnX2:last-child {
  margin-right:0;
}

/* # Website Header
---------------------------------------------------------------------------------------------------- */

#header section .dropdown {
	margin-bottom:10px;
}

header .logo,
#header .logo {
  /*float:left;*/
  margin-bottom:10px;
  height:60px; 
  clear:both;
  margin-right:10px; 
}

header img.sigLogo,
#header img.sigLogo,
header .sigLogo img,
#header .sigLogo img {
	padding-bottom:20px;
	
}

article {
  display:block;
  width:100%;
  clear:both;
}

article a {
  padding-top:3px;
}

header,
#header {
  display:block;
  width:100%;
  clear:both;
  /*overflow:hidden;*/
  margin:10px 0;
}

header section,
#header section {
  display:block;
  float:right;
  margin-left:20px;
}

header article,
#header article {
  display:block;
  float:left;
  width:50%;
}

#header h1 {
  margin-bottom:15px;
}


/* # Navigation
---------------------------------------------------------------------------------------------------- */

/* ## Reference Navigation
--------------------------------------------- */
.references-nav {
	display:block;
	padding:5px 0 15px;
}

.references-nav .active,
.nav .nav-tabs .links li.active {
	color:#444!important;
	font-weight:bold;
}

.nav .nav-tabs .links li.active:hover {
	text-decoration:none;
}

.horizontal-link-list {
	display:block;
	padding-top:7px;
}

.nav .nav-tabs .links li a {
	color:#444!important;
	display:block;
	padding-top:7px;
}

/* ## Main Navigation - with right facing arrows
--------------------------------------------- */

.navbar-collapse::after {
  display:inline-block;
  content:inherit;
  clear:none;
}

.navbar-default {
  background-color:#eee;
  border-color:#D1CFCC;
  border-radius:0;
}

.navbar {
  min-height:20px;
  clear:both;
  margin-bottom:0!important;
}

.navbar-default .navbar-toggle {
  border-color:#c0c0c0;
}

.navbar-default .navbar-nav {
  display:block;
  overflow:hidden;
}

.navbar-nav > li > a {
  padding:0 4px;
}

.navbar-default .navbar-nav > li:last-child > a {
  padding-right:18px;
}

.container-fluid > .navbar-header {
  padding-left:0;
  padding-right:0;
}

.navbar .container-fluid {
  padding-right:0;
  padding-left:0;
  margin-left:-1px;
}

.navbar-collapse {
  padding-left:0;
  padding-right:0;
}

.navbar-default .navbar-nav > li > a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 10px solid #eee;
	position: absolute;
	top: 50%;
	margin-top: -19px; 
	left: 100%;
	z-index: 2; 
}

.navbar-default .navbar-nav > li > a:before {
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 19px solid transparent;       
	border-bottom: 19px solid transparent;
	border-left: 10px solid #D1CFCC;
	position: absolute;
	top: 50%;
	margin-top: -19px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.navbar-default .navbar-nav > li > a {
  padding-left:15px;
  padding-bottom:8px;
  padding-top:8px;
  border-bottom:1px solid #D1CFCC;
  border-left:1px solid #D1CFCC;
  margin-bottom:-1px;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color:#0082FC;
  color:#fff;
}

.navbar-default .navbar-nav > li:first-child > a {
  padding-left:10px;
  border-left:1px solid #D1CFCC;
}

.navbar-default .navbar-nav > li > a:hover:after {
	border-left: 10px solid #0082FC;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background-color:#65666A;
  color:#fff;
  font-weight:bold;
  border-top:1px solid #65666A;
  margin-top:-1px;
}

.navbar-default .navbar-nav > .active > a:after {
  border-left:10px solid #65666A;
}

.navbar-default .navbar-nav > .active > a:hover:after {
  border-left:10px solid #65666A;
}

/* ## Vertical Nav/Tabs
--------------------------------------------- */
.vertical .nav-stacked {
	overflow:hidden;
	width:25%;
	float:left;
}
      
.vertical .nav-stacked li a {
	margin-left:0;
}

.vertical {
	display:block;
	clear:both;
}

.vertical ul {
 background-color:#f8f8f8;
 border: 1px solid #ccc;
 width:280px;
 padding: 10px;
 clear:both;
 overflow:hidden;
}

.vertical .nav-tabs > li {
  float:none;
}

.vertical .nav-tabs > li strong {
  float:none;
}

.vertical .nav-tabs > li > a,
.vertical .nav-tabs > li > a:visited,
.vertical .nav-tabs > li > a:hover,
.vertical .nav-tabs > li > a:active,
.vertical .nav-tabs > li > a:focus {
 border:0;
 background-color:transparent;
}

.vertical .nav-tabs > li > a {
  padding:5px 0 5px 5px;
  margin-left:0;
  font-weight:normal;
  color:#0075e3;
  font-size:12px;
}

.vertical .nav-tabs > li > a:hover {
  color:#fff;
  background-color:#0082FC;
  font-weight:normal;
}

.vertical .nav-tabs > .active > a,
.vertical .nav-tabs > .active > a:active {
  color:#fff!important;
  background-color:#65666A!important;
}

.vertical .nav-tabs > .active > a:hover {
  text-decoration:none;
}

/* ## Tabs
--------------------------------------------- */
.tab-pane {
  border-top:1px solid #ccc;
  padding:10px 0;
}

.nav-tabs {
  padding-left:10px;
  border-bottom:0;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover {
  position:relative;
  border:1px solid #999;
  border-radius:0;
  margin-right:-1px;
  color:#444;
  font-weight:bold;
  font-size:12px;
  background-color:#ddd;
}

.nav-tabs > li > a:hover {
  background-color:#e9e9e9;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active a:focus,
.nav-tabs > li.active a:hover {
  border-color:#999;
  border-bottom-color:#fff;
  color:#333;
}

.vertical .tab-content .tab-pane h3,
.vertical .tab-content .tab-pane h4 {
  display:block;
  width:100%;
  clear:both;
}

.tab-content {
  border-top:0;
  width:73%;
        float:right;
        /*overflow:hidden;*/
}

.ng-isolate-scope .tab-content {
	border-top:1px solid #ccc;
	width:100%;
	float:none;
}
.tab-content > .active {
	border-top:0;
}

.vertical .greenBall,
.vertical .redball {
	margin-left:20px;
}

.vertical .greenBall:after,
.vertical .redball:after {
	left:-20px;
}

#layer_navigation_btn {
	display:block;
	clear:both;
	overflow:hidden;
	padding-left:2px;
}

/* ## Tabs within panel
--------------------------------------------- */
.tab-pane .nav-tabs.links {
        margin-left:0;
        padding-left:0;
      }

.tab-pane .nav-tabs.links > li > a {

    background-color:#fff;
    margin:5px 10px 10px 0;
    padding:0 15px;
    border:0;
    margin-right:0;
    font-weight:normal;
    color:#0075e3;
    font-size:14px;

}
.tab-pane .nav-tabs.links > li.pipe {
  padding-top:5px;
}
.tab-pane .nav-tabs.links > li:first-child a {

    margin-left:0;
    padding-left:0;

}
.tab-pane .nav-tabs.links > li:last-child a,
.tab-pane .nav-tabs.links > li:last-child.active a {
  border-right:0;
}
.tab-pane .nav-tabs.links > li > a:hover {

    text-decoration:underline;
    color:#0075e3;
    font-weight:normal;

}
.tab-pane .nav-tabs.links > li.active > a,
.tab-pane .nav-tabs.links > li.active > a:focus,
.tab-pane .nav-tabs.links > li.active > a:hover,
.tab-pane .nav-tabs.links > li.active > a:active,
.tab-pane .nav-tabs.links > li.active > a.focus {
    background-color:#fff;
    font-weight:bold;
    border:0;
    text-decoration:none;
    color:#0075e3;
}

.tab-pane .tab-pane .tab-content {
  border-top:0;
  width:73%;
  float:right;
} 

.tab-pane .tab-pane .tab-content .vertical ul.navtabs {
 background-color:#f8f8f8;
 border: 1px solid #ccc;
 width:280px;
 padding: 10px;
 clear:both;
 overflow:hidden;
}

.tab-pane .vertical ul li a {
  border:0;
  background-color:#f8f8f8;
}

.tab-pane .vertical ul li a.active,
.tab-pane .vertical ul li a:active {
  border:0;
}

.tab-pane .vertical ul li a:hover {
  color:#fff;
  background-color:#40A0FC;
}

.tab-pane .tab-content.inner {
	border-top:0;
}


/* ## Pagination
--------------------------------------------- */
.pagination {

    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;

}
.pagination > li {

    display: inline;

}
.pagination > li > a,
.pagination > li > span {

    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #0082fc;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #8c8c8c;

}
.pagination > li:first-child > a,
.pagination > li:first-child > span {

    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

}
.pagination > li:last-child > a,
.pagination > li:last-child > span {

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {

    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #8c8c8c;

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0082fc;
    border-color: #0082fc;

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {

    color: #65666a;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #8c8c8c;

} 
/* ## Footer Link List
--------------------------------------------- */
footer nav .nav a.nav-link,
  footer nav .nav a.nav-link:hover {
    color: #65666a;
    text-decoration: none;
    transition: color .25s;
    background:transparent;
    display:inline-block;
  }
footer nav .nav a.nav-link {
    padding-right:5px;
}
footer nav .nav li {  
    display:inline-block;
    float:left;
    margin-right:15px;
}
    footer nav .nav a.nav-link:hover {
      color: #0082fc;
    }

  footer nav .nav li:after {
    position: absolute;
    content: "|";
    display: inline-block;
    top:10px;
    right: -17px;
    color: #65666a;
  }
  footer nav .nav li:first-child a.nav-link {
    padding-left: 0;
  }

  footer nav .nav li:last-child:after {
    content: " ";
  }
/* # Custom Page Styles
---------------------------------------------------------------------------------------------------- */

/* ## Test Documentation Page
--------------------------------------------- */
.testEvidence {
  display:block;
  width:auto;
  min-width:25%;
  float:right;
  margin-left:20px;
  margin-bottom:20px;
  border:1px solid #ccc;
  padding:10px;
} 

.pass {
  color:#5CB85C;
}

.fail {
  color:red;
}

.absent {
  color:orange;
}

.waived {
  color:#5CB85C;
}

.refresh,
.notes{
  position:relative;
  border:0 none;
  background-color:transparent;
  padding-left:20px;
  margin-bottom:10px;
}

.refresh:before,
.notes:before{
  position:absolute;
  font-family:FontAwesome;
  top:-1px;
  left:2px;
  font-size:14px;
  font-weight:normal;
  color:#999;
}

.notes:before {
  content:"\f003";
}

.refresh:before {
  content:"\f021";
}

/* ### Progress Indicators
--------------------------------------------- */

.completionProgress {
  display:block;
  width:auto;
  font-size:12px;
  overflow:hidden;
  padding-left:20px;
}

.results {
  display:block;
  width:50%;
  float:left;
  overflow:hidden;
}

.topSection {
  display:block;
  clear:both;
  overflow:hidden;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
  position: relative;
  float:right;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #555;
  background-color: #ff6600;
  margin-left:10px;
  margin-bottom:5px;
}

.resultPercentage {
  display:block;
  float:right;
  margin-left:10px;
  width:35%;
}

.panel-title .progress-radial {
  float:left;
  margin-left:5px;
  margin-right:10px;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
  position: absolute;
  text-align: center;
  font-size: 16px;
  margin-left:25px;
}

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #D9534F 50%, #fffde8 50%, #fffde8);
}

.progress-5, .progress-10 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #D9534F 50%, #fffde8 50%, #fffde8);
}

.progress-15 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #D9534F 50%, #fffde8 50%, #fffde8);
}

.progress-20 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #D9534F 50%, #fffde8 50%, #fffde8);
}

.progress-25 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-30 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-35 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-40 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-45 {
  background-image: linear-gradient(90deg, #fffde8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-50 {
  background-image: linear-gradient(-90deg, #F0AD4E 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-55 {
  background-image: linear-gradient(-72deg, #F0AD4E 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-60 {
  background-image: linear-gradient(-54deg, #F0AD4E 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-65 {
  background-image: linear-gradient(-36deg, #F0AD4E 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-70 {
  background-image: linear-gradient(-18deg, #F0AD4E 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #F0AD4E 50%, #fffde8 50%, #fffde8);
}

.progress-75 {
  background-image: linear-gradient(0deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

.progress-80 {
  background-image: linear-gradient(18deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

.progress-85 {
  background-image: linear-gradient(36deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

.progress-90 {
  background-image: linear-gradient(54deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

.progress-95 {
  background-image: linear-gradient(72deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

.progress-100 {
  background-image: linear-gradient(90deg, #5CB85C 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #5CB85C 50%, #fffde8 50%, #fffde8);
}

/* ## Declaration Search (on My Projects Page)
--------------------------------------------- */

.simpleSearch {
  display:block;
  width:auto;
  clear:both;
  overflow:hidden;
}

.well {
  border:0;
  padding:0;
  box-shadow:none;
}

.advancedSearch .well,
.well {
  background-color:#fff;
  /*border:0;*/
  border-radius:0;
  overflow:hidden;
}

.advancedSearch .well {
  border:1px solid #e3e3e3;
  padding:15px 10px 5px 10px;
}

.prodType {
  display:inline-block;
  width:175px;
}

.advancedSearch .well .column {
  display: block;
  width:33%;
  float:left;
}

.advancedSearch .well .column .control-label {
	font-size:12px;
}
.layersBox {
  display:block;
  border:1px solid #ccc;
  max-height:250px;
  padding:5px;
  overflow-y:scroll;
  overflow-x:hidden;
}

.layersBox label {
  font-weight:normal;
}
/* ## Product Declaration
--------------------------------------------- */
#productDetailRow .control-label {
    padding:5px 15px 0 0;
}

/* ## Declaration Page
--------------------------------------------- */

.declarationType {
  display:block;
  float:right;
  /*margin-left:17px;*/
  width:90%;
  padding:10px;
  border:1px solid #ccc;
  background-color:#eee;
  font-weight:normal;
  overflow:hidden;
}

.declarationType p {
  width:100%;
  display:block;
  overflow:hidden;
  margin-right:50px;
}

.declarationType:hover {
  border-color:#adadad;
  background-color:#e6e6e6;
  cursor:pointer;
}

.modal-body .declarationType {
  width:90%;
}

.selected {
  background-color:#CCE6FE;
  border-color:#40A0FC;
}

input[type="radio"]:checked+.declarationType {
  background-color:#CCE6FE;
  border-color:#40A0FC;
}

/* ## Getting Started
--------------------------------------------- */
.basics-list {
  margin-left:-10px;
  text-align:left;
}
.basics-list li {
  list-style-type:none;
  list-style-image:none;
  padding-left:35px;
  display:block;
  margin-bottom:10px;
  position:relative;
}
.basics-list .ics-list:before,
.basics-list .proj-info:before,
.basics-list .prod-listing:before,
.basics-list .declaration-fee:before,
.basics-list .agree-submit:before,
.basics-list .test-plan:before,
.basics-list .testing:before,
.basics-list .documentation:before {
  font-family:fontAwesome;
  position:absolute;
  font-size:14px;
  color:#eee;
  content:"\f0f3";
  top:0;
  left:0;
}
 


.basics-list .ics-list:before {
   content: "\f14a";
}
.basics-list .proj-info:before {
   content: "\f05a";
}
.basics-list .prod-listing:before {
  content:"\f03a";
}
.basics-list .declaration-fee:before {
  content:"\f0d6";
  font-size:16px;
}
.basics-list .agree-submit:before {
  content:"\f090";
  font-size:18px;
}
.basics-list .test-plan:before {
  content:"\f0cb";
}
.basics-list .testing:before {
  content:"\f085";
  font-size:16px;
}
.basics-list .documentation:before {
  content:"\f15c";
}
.start-qual-des,
.start-new {
  color:#80C0FC;
  padding-bottom:10px;
  font-size:30px;
}
.panel-default.bg-gray {
  background-color:#d2d0cd;
  width:60%;
}
.panel-default.bg-gray h3 {
  margin-top:0;
}
.panel-copy {
  width:65%;
  float:left;
}
.panel-boxes {
  width:40%;
  float:right;
  margin-right:-50px;
}
.box {
  background-color:#474747;
  color:#fff;
  padding:10px;
  margin-bottom:10px;
}
.box h4 {
  color:#fff;
  font-weight:bold;
  margin-bottom:10px;
}
.box.disabled h4 {
  color:#eee;
}
.box ul {
  margin-left:0;
  padding-left:0;
}
.box.disabled {
  background-color:#656565!important;
  color:#eee!important;
}
.inner {
	overflow:hidden;
}
.outer-plus {
	position:relative;
	display:block;
	float:left;
	top:-40px;
	margin-left:70%;
}
.plus:after,
.plus:before {
	font-family:fontAwesome;
	position:absolute;
	content:"\f055";
	top:0;
	left:0;
	font-size:48px;
	color:#80c1fd;
	z-index:1;
}
.plus:before {
	top:1px;
	left:1px;
	content:"\f111";
	color:#474747;
	font-size:46px;
}

#add-new-product-modal .modal-body .row {
    margin-top: 15px;
}

#add-new-product-modal .modal-body .row label {
    float: right;
}

/* ## Consistent / Inconsistent
--------------------------------------------- */

.consistent, .inconsistent {
  position: relative;
  padding-left:25px;
}

.consistent:before, .inconsistent:before {
  position: absolute;
  bottom:-3px;
  left:0;
  font-family: fontAwesome;
  font-size:16px
}

.consistent:before {
  color:#5CB85C;
  content:"\f058";
}
.inconsistent:before {
  color:#cc3300;
  content:"\f071";
}

/* ## BQA
--------------------------------------------- */
.BQAapproved, .BQApending, .BQArejected {
	display:block;
	position:relative;
	padding-left:25px;
}

.BQAapproved:before,
.BQApending:before,
.BQArejected:before {
	font-family:fontAwesome;
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	color:#999;
}

.BQAapproved:before {
	content:"\f058";
	color:green;
}

.BQApending:before {
	content:"\f017";
	color:orange;
}

.BQArejected:before {
	content:"\f057";
	color:#cc3300;
}

/* ## Review Page
--------------------------------------------- */

.table tr .redBall,
.table tr .greenBall,
table tr .completedTask,
table tr .incompleteTask {
  position:relative;
}

.table tr .redBall:before,
.table tr .greenBall:before,
table tr .completedTask:before,
table tr .incompleteTask:before {
  position:absolute;
  font-family:FontAwesome;
  top:3px;
  left:5px;
  font-size:14px;
}

.table tr .redBall:before,
table tr .incompleteTask:before {
  color:#e60000;
  content:"\f00d";
}

.table tr .greenBall:before,
table tr .completedTask:before {
  color:#5CB85C;
  content:"\f00c";
}

/* # Footer
---------------------------------------------------------------------------------------------------- */
.page-wrap,
footer .container-fluid,
.footer-wrap {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}
footer .container-fluid.row .col-sm-12 {
  padding:50px 0;
  border-top:1px solid #ccc;
}
footer {
  margin-top: 30px;
  padding:0 20px;
}

footer p {
    color: #65666a;
    margin-bottom: 0;
  }
footer .fa.fa-external-link {
	font-size:75%;
}

/*--for enforcement--*/
.yesEnforcement {
    display:none;
}
.under_enforcement .noEnforcement {
    display:none;
}
.under_enforcement .yesEnforcement {
    display:block;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

/* ### max-width:750px
--------------------------------------------- */

@media (max-width:750px) {  
  .fakeRadio .nav {
    width:100%;
  }
  
  section .dropdown {
    margin-bottom:10px;
  }
  
  .navbar-collapse {
    padding-left:15px;
    padding-right:15px;
  }

  .navbar .container-fluid {
    padding-right:15px;
    padding-left:15px;
    margin-left:0;
  }
  
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li:first-child > a {
    border-left:0;
  }
  
  .column-75 .column-75,
  .column-75 .column-66,
  .column-75 .column-50,
  .column-75 .column-33,
  .column-75 .column-25,
  .column-75 .column-10,
  .column-75 .column-8,
  .column-50 .column-75,
  .column-50 .column-66,
  .column-50 .column-50,
  .column-50 .column-33,
  .column-50 .column-25,
  .column-50 .column-10,
  .column-50 .column-8 {
    float:none;
    width:100%;
    margin-right:0;
  }
  
}

/* ### max-width:600px
--------------------------------------------- */
@media (max-width:600px) {
  footer p {
    width:100%;
    float:none;
  }
  
  .advancedSearch .well .column {
    width:100%;
    float:none;
    clear:both;
  }
  
  .thirtyThree {
    display:block;
    width:100%;
    margin-bottom:20px;
  }
  
  .testEvidence {
    width:100%;
    float:none;
    margin-left:0;
    margin-bottom:20px;
    overflow:hidden;
  }
  
  .results {
    display:block;
    width:100%;
    float:none;
  }
  
  .column-75,
  .column-66,
  .column-50,
  .column-33,
  .column-25,
  .column-10,
  .column-8 {
    min-width:100%;
  }

}
.references-table-container {
    width:75%; 
   float:right;
   padding-left:10px;

}
.references-sub-nav {
     border-left:1px solid #ccc;
      border-right:1px solid #ccc;
    padding-left:15px;
}

.vertical .nav-stacked .panel h4 a {
    display: block;
    position: relative;
    padding: 10px;
    background-color: #ccc;
    color: #444;
}
.vertical .nav-stacked .panel {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #b2b2b2;
    padding: 0;
    margin: 0;
}
.vertical .nav-pills li ul li a {
    border-radius: 0;
    margin-right: -1px;
    font-size: 12px;
    padding: 5px 0 5px 5px;
}

.vertical .nav-stacked li a {
    margin-left: 0;
}
.vertical .nav-stacked .nav-stacked {
    width: 100%;
    float: none;
}
.vertical .nav-stacked ul {
    background-color: #f8f8f8;
    border: 0;
    padding: 0;
    margin-bottom: 0;
}
.vertical .nav-stacked .panel,
.vertical .nav-stacked .panel h4
 {
    margin-top: 0;
    margin-bottom: 0;
}
.vertical .nav-stacked li a {
    margin-left: 0;
}
.vertical .withCollapse {
    padding: 0;
}
.vertical .nav-stacked .panel h4 a:hover, 
.vertical .nav-stacked .panel h4 a:focus, 
.vertical .nav-stacked .panel h4 a:hover:after {
    text-decoration: none;
    color: #444;
    background-color: #CCE6FE;
}
.vertical .nav-stacked .panel h4 a.collapsed:after {
    font-family: fontAwesome;
    content: "\f13a";
}
.vertical .nav-stacked .panel h4 a:after,
 .vertical .nav-stacked .panel h4 a.collapsed.in:after,
 .vertical .nav-stacked .panel h4 a.in:after {
    font-family: fontAwesome;
    content: "\f139";
    top: 10px;
    right: 15px;
    font-size: 1.5em;
    color: #444;
    position: absolute;
}
.vertical  > li > ul > li > a:hover,
 .vertical ul li ul li a:hover {
    color: #fff;
    background-color: #0082FC;
    font-weight: normal;
}
.vertical  > li > ul > .active > a, 
.vertical > li > ul > .active > a:active, 
.vertical ul li ul .active a {
    color: #fff!important;
    background-color: #65666A!important;
}
table.dataTable thead .sorting_desc:hover, 
table.dataTable thead .sorting_asc:hover, 
table.dataTable thead .sorting:hover {
    color: #fff;
    background-color: #0082fc!important;
    cursor: pointer;
}
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc {
    background-color: #65666a!important;
    color: #fff;
}
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_asc {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc {
    background-color: #cce6fe!important;
}
table.dataTable thead th {
    padding-right: 25px;
}
table.dataTable thead .sorting_asc::after {
    content: "\f0de";
}
table.dataTable thead .sorting_asc:hover::after {
    content: "\f0dd";
}
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting::after {
    position: absolute;
    right: 10px;
    color: #444;
    opacity: 1;
}
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc {
    background-color: #65666a!important;
    color: #fff;
}
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_asc {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}


table.dataTable thead th {
    padding-right: 25px;
}

table.dataTable thead .sorting::after {
    content: "\f0dc";
}
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting::after, 
table.dataTable thead .sorting_desc:hover::after, 
table.dataTable thead .sorting_asc:hover::after, 
table.dataTable thead .sorting:hover::after {
    font-family: "fontAwesome";
    -webkit-transition: .5s;
    transition: .5s;
}

table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting_desc:hover::after, 
table.dataTable thead .sorting_asc:hover::after, 
table.dataTable thead .sorting:hover::after {
    color: #fff;
}
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting::after {
    position: absolute;
    right: 10px;
    color: #444;
    opacity: 1;
}

 .cc-logo {
        float: right;
        margin-right: 13px;
        margin-top: -29px;
        position: relative;
        z-index: 2;
        height: 24px;
        
    }

 [v-cloak] { display:none; }
 .dwModalPaging {
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    margin-right: 3px;
    margin-left: 3px;
}

.dwModalPagingCurrent {
    border-color: #000000;
    background-color: #000000;
}

.dwDialogContent {
     height: 400px;

     width: 750px;
}

.dwDialogCenterText{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

/* Styles go here */

/*-------------- styling for list alerts ----------*/

.badge {
border-radius:0;
}

.badge-primary {
  background-color:#0082fc;
}

.badge-secondary {
  background-color:#65666a;
}

.badge-warning {
background-color: #ffc107;
}


.badge-danger {
background-color: #e60000;
}

.badge-success {
  background-color:#28a745;
}

.badge-info {
  background-color:#0082fc;
}

/*-------------- styling for list alerts table w/ BG color ----------*/
.tableHover tr {
  cursor:pointer;
}
.table .withdrawn,
.table .deprecated,
.table .latest {
  color:#444;
}
.table .withdrawn,
.table .withdrawn td {
  background-color:#fbd9d9;
}

.tableHover .withdrawn:hover,
.tableHover .withdrawn:hover td  {
  background-color:#f6a6a6;
}

.table .deprecated,
.table .deprecated td {
  background-color:#ffefc1;
}

.tableHover .deprecated:hover,
.tableHover .deprecated:hover td {
  background-color:#ffe083!important;
}

.table .latest,
.table .latest td {
  background-color:#c9e9d0;
}

.tableHover .latest:hover,
.tableHover .latest:hover td {
  background-color:#93d3a2;
}



/*------------- styling for QDID alerts -----------------*/
.int-ref-qdid-cont .alert {
  width:calc(100% - 40px);
}


/*------------- updates to existing alert colors -----------------*/

.alert-success {
  background-color:#c9e9d0;
  border-color:#93d3a2;
}

.alert-info {
  background-color:#cce6fe;
  border-color:#80c0fc;
  color:#0082fc;
}

.alert-danger {
  background-color:#fbd9d9;
  border-color: #f6a6a6;
  color: #e60000;
}

.alert-warning {
  background-color:#ffefc1;
  border-color: #ffc107;
  color:#856404;
}

.banner-alert {
    margin: 0 !important;
    border-width:0px;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.banner-alert-inner > .close {
    margin-top: -14px;
    margin-right: -8px;
    font-size: 15px;
}


.banner-alert:only-child .banner-alert-inner {
    text-align: center;
}

.banner-alert:not(:only-child) .banner-alert-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.banner-alert:not(:last-child) {
    margin: 0;
}

.emphasized-list {
    list-style: none;
    counter-reset: li;
}

.emphasized-list li {
    counter-increment: li;
    margin-bottom: 1rem;
}

/*------------- updates to product bulk import dialog -----------------*/
.emphasized-list li::before {
    display: inline-block;
    margin-right: 1rem;
    margin-left: -2rem;
    text-align: center;
    content: counter(li) "";
    color: #ffffff;
    background-color: #65666A;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    font-weight: bold;
}

/*------------- ILD column margin -----------------*/
.padding-last-column tr td:last-child {
    padding-left: 15px;
}