@charset "utf-8";
/* WebGrants style overrides */

/*body {
	font-family: 'Lato' !important;
	font-size: 14 px !important;
} */

/* INTERFACE CLASSES */
.header-sticky #header .header-drawer {
    top: 46px; /* Start at bottom of image banner */
}
.signin #header .header-drawer {
    top: 34px; /* Start at bottom of image banner */
}
.header-sticky #header:hover .header-drawer {
	top: 46px; /* Set to 75 to make it pop down. */
}
.sidebar {
    top: 60px; /* Start at bottom of Quick Nav Bar */
}
.main-content {
	top: 60px; /* Start at bottom of Quick Nav Bar */
}
.sidebar-item .profile a {
	color: white; /* Change link to white text */
}
.sidebar-item .profile {
    height: 50px; /* Shorten height of profile box */
}
.page-head {
    min-height: 80px; /* Shorten height of page header label section */
}
.sidebar .nav-side .accordion-heading .accordion-toggle {
	font-size: 15px; /* make font smaller to fit long labels */
}

/* DOCUMENT LAYOUT CLASSES */
/* Format on Edit and Read-Only Screens */
.summary-list .field-label {
	text-align: right;  /* Format fields for form presentation */
	width: 20%;
	padding-top: 5px;
	margin-bottom: 5px;
}
.field-group, .control-group {
	margin-bottom: 10px !important; /* Add padding to bottom of group to separate from next element */
}
.field-group:before, .field-group:after, .control-group:before, .control-group:after {
	display: table; /* Remove formating before and after element */
    line-height: 0;
    content: "";
}
.field-group:after, control-group:after {
    clear: both; /* Remove formating before and after element */
}
.field-group.internal label, .control-group.internal label {
  color: #c09853; /* Display internal only fields as orange */
}
.field-label {
	display: inline-block;  /* Define field-label class */
    min-height: 20px;
    font-weight: bold;
    font-size: 13px;
	margin-right: 20px;
	line-height: 20px;
	vertical-align: top;
}
.field {
	font-size: 13px; /* Format fields on form */
	display: inline-block;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: top;
	/*max-width: 66%;*/
}
/* Format on Preview Screens */
.preview-list {
	list-style: none;
    margin-left: 0;  /* left justify labels on the preview */
}
.preview-list .field-label {
	text-align: left; /* Format fields to accommodate 2 column layout */
	width: 30%;
	display: inline-block;
	padding-top: 5px;
}
.preview-list p {
	margin-bottom: 0px !important; /* Remove margin bottom 20px set in bootstrap css */
}
.field p {
	margin-bottom: 10px !important;
}
/* Format on Review Screens */
.review-list {
	list-style: none;
    margin-left: 0;  /* left justify labels on the preview */
}
.review-list .field-label {
	text-align: left; /* Expand field to accommdate wide questions */
	width: 66%;
	display: inline-block;
	padding-top: 5px;
}
/* Auto insert colon and asterisk */
.field-label:not(:empty):after {
  content: ":"; /* Automatically adds colon to all non-empty labels */
}
.form-horizontal .field-label:not(:empty):after {
  content: ":"; /* Automatically adds colon to all labels */
}
.field-label.required:not(:empty):after {
  content: "*:"; /* Automatically adds asterisks to all non-empty required labels */
}
/* Section Header */
.section-form {
	font-size: 17.5px !important; /* Section Header */
}
/* Other */
.label-left {
	text-align: left !important; /* force left justify */
}
.field-block {
	font-size: 13px; /* Currently not used, this sets the comments block on review forms left justified. Use inplace of the field class */
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: top;
}

/* FIELD CLASSES */
select {
	width: auto !important; /* Overrule fixed width of 220px set in bootstrap.css */
}
input, textarea, .uneditable-input {
    width: auto; /* Overrule fixed width of 206px set in bootstrap.css */
}
td select, td textarea, 
td input[type="text"], 
td input[type="password"], 
td input[type="datetime"], 
td input[type="datetime-local"], 
td input[type="date"], 
td input[type="month"], 
td input[type="time"], 
td input[type="week"], 
td input[type="number"], 
td input[type="email"], 
td input[type="url"], 
td input[type="search"], 
td input[type="tel"], 
td input[type="color"], td uneditable-input {
    margin-bottom: 0px !important; /* Overrides the 10px bottom margin defined in bootstrap css. Applies only to fields in tables */
}
.input-xsmall {
  width: 50px; /* Create extra small field */
}
.input-xxsmall {
  width: 30px; /* Create extra small field */
}
.input-xxlarge {
  width: 400px !important;
}
.input-xxxlarge {
  width: 530px;
}
.input-plainText {
  width: 1000px;
}
.dropdown-menu {
	z-index: 2021 !important; /* Fixes date drop down appearing behind a modal window */
}
.required {
  color: #c83025; /* make required labels red */
}
.editor {
	width: 100%; /* expand the width of the text editor field */
}
pre { /* restyle pre tag to look like all other text */
	background-color: transparent;
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	word-break: break-word !important;
	word-wrap: break-word !important;
	overflow-wrap: anywhere !important;
	white-space: pre-wrap !important;
}
aside p { /* increase the space between paragraphs inside an aside block */
	margin-top: 5px;
}
aside { /* preserve line breaks in text */
	white-space: pre-line;
}
.currency {
	text-align:right; /* set alignment for dollars */
}
a[disabled] {
    pointer-events: none; /* disable a link */
	cursor: not-allowed;
}
a.disabled {
    pointer-events: none; /* disable a link */
	cursor: not-allowed;
}
label.error { 
	color: red;  /* format input errors */
}
.input-block-level {
	width: 100% !important; /* Expand fields like Dist List drop downs */
}
.zeroHeight {
	height: 0px !important;
	display: none !important;
}
input.error { 
	box-shadow: 0 0 3px red;
}

/* TABLE CLASSES */
th.text-center {
  text-align: center; /* Created this class to center elements in a table */
}
th.required {
	color: #c83025 !important; /* make required labels red */
}
td a:hover {
	text-decoration: underline;
}
.boo-table tfoot.total th,
.boo-table tfoot.total td,
.boo-table tfoot .total th,
.boo-table tfoot .total td {
  padding-top: 4px;
  padding-bottom: 4px;
  border-top-color: #e0e0e0; /* change border colors */
  border-left-color: #e0e0e0;
  background: #f5f5f5; /* change background color */
}
.table tr.total th,
.table tr.total td,
.table tr .total th,
.table tr .total td {
  font-weight: bold;
}
.table tbody tr.rowlink:hover td {
  border-top-color: #d3d5d9;
  background-color: #ebfbda;  /* Retain the yellow hover color on rowlinks */
}
.table-light thead th,
.table-light thead td {
  border-bottom: 0px !important; /* Remove table header bottom border */
}
.dataTables_filter {
	float: right; /* Style the search box to pull right and add some padding */
	padding-right: 10px;
	padding-top: 2px;
}
.dataTables_info {
	border: none; /* Nicely style table bottom footer */
  	color: #333333;
  	vertical-align: middle;
  	text-align: left;
  	font-size: 11.9px;
  	line-height: 2.16em;
	 padding: 0 8px;
  	border-top: 1px solid #d9b751;
  	background-color: #fffae9;
}
.table {
	width: 100% !important; /* Issue with datatables and common initialization of more than one table */
}
.reportTable {
	table-layout: fixed; /* Prevent extra wide report tables */
	max-width: 2000px;
}
.reportColumn {
	word-wrap: break-word; /* Force cell wrapping for large text in table cell */
}

/* PRINT CLASSES */
html.invoices body {
	height: auto !important; /* Expand white background to cover all print area */
	width: auto !important;
	/* overflow: auto !important; turned off to prevent text cut off spanning 2 pages in PDF */
}
@page  {
  margin: 0.5cm; /* create a border at bottom and top of print pages */
}
@media print { 
    .noprint {display:none !important;} /* hide the url in links from printing */
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}
html.invoices .label-field {
	width: 150px !important; /* Reduce the space between columns on print */
	margin-right: 0px;
}
html.invoices table th, html.invoices table td {
	padding: 0px !important; /* remove all space between columns to fit max columns on a single page */
	border-spacing: 0px !important; /* remove all space between columns to eleiminate gaps between cells */
}
.reportTable table tr td {
	border: 1px solid black !important; /* ensure table is bixed in all cells */
	border-collapse: collapse !important;
}
.navbar-page .nav > li > a.disabled {
	color: #e4e4e4; /* Set print button disabled color */
	pointer-events: none; /* disable a link */
	cursor: not-allowed;
}
.pageBreak {
	page-break-before: always !important;
}

/* ALPHA LETTER CLASSES */
.ln-letters {
	padding: 4px 8px; /* reduce width of alphabet buttons */
}
.ln-letters.active { /* make active alphabet button pretty */
	border-top-color: #0e9bff;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #ffffff;
	xt-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	background-color: #1e91e2;
	background-image: linear-gradient(to bottom, #32aaff, #006bb7);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/* STATUS LABEL CLASSES */
/* Define label colors for all the statuses and types */
.label-InternalStaff, .label-Internal, .label-Editing, .label-SystemAdministrator, .label-Updated {
	background-color: #d6b200; /* yellow */
}
.label-InternalReviewer, .label-UnderReview, .label-AwaitingPayment, .label-UserDefined, .label-Word {
	background-color: #3a87ad; /* blue */
}
.label-ExternalUser, .label-External, .label-Active, .label-Underway, .label-Posted, .label-Submitted, .label-Reviewed, .label-Sent, .label-Current, .label-FromApp, .label-Excel, .label-Unlocked, .label-Completed {
	background-color: #48a351; /* green */
}
.label-Tester, .label-InActive, .label-NotAwarded, .label-Cancelled, .label-NotApproved, .label-Void, .label-NotPaid, .label-Failed, .label-Conflict, .label-Test, .label-PDF, .label-Locked, .label-Removed {
	background-color: #cf5054; /* red */
}
.label-Closed, .label-Withdrawn, .label-Private, .label-Previous, .label-notSigned {
	background-color: ##999999; /* grey */
}
.label-ExternalReviewer, .label-Archived, .label-Approved, .label-Notified, .label-Signed, .label-Permanent, .label-Assigned, .label-Unlocked {
	background-color: #800080; /* purple */
}
.label-Correcting, .label-Confirmed, .label-Suspended, .label-All, .label-System, .label-Pending {
	background-color: #f89406; /* orange */
}
.label-Awarded, .label-Paid, .label-Production, .label-Added, .label-Executed, .label-Compliant {
	background-color: #2ba5af; /* light blue */
}
.label-Revising, .label-Ongoing {
	background-color: #c88645; /* dark orange */
}

/* RADIO GROUP CLASSES */
/* Custom Styles to transform a radio button into a button group */
input[type="radio"].toggle {
    display:inline;
    position:absolute;
    left:-9999px;
}
input[type="radio"].toggle:checked + label {
    background-image: -moz-linear-gradient(bottom,#969696,#727272);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#969696),#727272);
    background-image: -webkit-linear-gradient(bottom,#969696,#727272);
    background-image: -o-linear-gradient(bottom,#969696,#727272);
    background-image: linear-gradient(to top,#969696,#727272);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff969696',endColorstr='#ff727272',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: default;
    color: #E6E6E6;
    border-color: transparent;
    text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
}
input[type="radio"].toggle + label {
    width: 3em;
}
input[type="radio"].toggle:checked + label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none;
}
input[type="radio"].toggle-left + label {
    border-right: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
input[type="radio"].toggle-right + label {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* End custom radio styles */

/* OTHER CLASSES */
body > .skiptranslate {
    display: none; /* Hide Google Translate toolbar */
}
.goog-te-gadget {
    font-size: 32px !important;
}
.map-large {
	width: 100%;
	height: 750px; /* Define map size */
}
.indent {
	text-indent: 25px; /* indent privileges on roles screen */
}

.box {
  position: absolute;
  width: 200px;
  height: 25px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.bigbox {
  position: absolute;
  width: 200px;
  height: 100px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

/* PRINT TO PDF CLASSES */
html.pdf {
	padding-right: 0in !important;
	padding-left: 0in !important;
	padding-top: 0in !important;
}
html.pdf body {
	padding-right: 0in !important;
	padding-left: 0in !important;
	/* position: absolute !important;
	overflow-x: hidden; */
}
table, img, blockquote {
	/* tag controls wheather a table prints immediately after the last text and breaks inside the table, 
	or if the table moves to the next page and starts to print there. */
	/* page-break-inside: avoid; */
	page-break-after: auto;
}