.clear{
	clear:both;
	height:0;
}

body.mainpage {
	margin: 0px 0px 0px 2px; /* top, right, bottom, left */
}

ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h3.infobox {
	border:none;
}

#white, #white a {
  color:#fff;
}

.inputbox {
	padding: 1;
	background-color: #F3F3F3;
	border: 1px solid #666666;
	text-indent: 2px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.numeric {
	text-align: right;
}

.navtext {
	font-size: 11px;
	font-weight: normal;
}

.pagetitle {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

.textcv {
	font-size: 11px;
}

.headrow {
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
}
.highlightedheadrow {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	background-color: #F0F0FF;
}

.warnedValue {
	background-color:red;
}

/* old style row styling deprecated 17/08/10 */
/* around 140 results to refactor  */
.evenrow {
	font-size: 11px;
	background-color: #F5F5F5;
}
.evenrow .headrow{
	background-color: #ECECEC;
}
.oddrow {
	font-size: 11px;
	background-color: #EEEEEE;
}
.oddrow .headrow {
	background-color: #E6E6E6;
}

.totalrow {
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEFF;
}

td.titlebar, .titlebar td, div.titlebar {
  background-color: #DBDBE9;
  color: #4c4c6a;
  clear: both;
  line-height: 1.5;
  padding: 4px;
  text-indent: 2px;
  font-size: 12px;
  border-radius: 3px;
  margin-bottom: 2px;
  font-weight: normal;
}

h3.titlebar {
	width:98%;
	padding:5px 0;
	text-indent:5px;
}
.subtitlebar {
	background-color: #F1F1F6;
	color: #4c4c6a;
	text-indent: 5px;
	line-height: 1.5;
	clear: both;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 2px;
	font-size: 11px;
	font-weight: normal;
}

.subtitlebar input {
	background-color: #F1F1F6;
	border: none;
	color: #4c4c6a;
	font-size: inherit;
	width: 90%;
}
.subtitlebar .action {
  float:right;
  padding-right: 10px;
  margin-top: 3px;
}

.statusinfo {
	font-size: 10pt;
	color: #666666;
	font-style: italic;
}
.fieldvalue {
	font-size: 11px;
	font-weight: bold;
}
.na {
	color: #909090;
}
.warning {
	color: #CC0000;
}
.info {
	color: #003399;
}
.required, .attention, .overtime, .mand_field_non_filled_statuses, .mand_field_assignment_end_statuses, .mand_field_declined_statuses, .mand_field_all_statuses {
   color: #FF0000;
}

.requiredField:after{
   color: #FF0000;
   content:" *";
   background-position: right top;
}

.totals {
	color: #333333;
}

.unit_symbol {
	font-size: 14px;
	font-weight: bold;
	color: #333366;
}

.infobox {
	border: 1px solid #666666;
	background-color: #F6F6F6;
	margin:5px;
}
.heading {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

div.frame {
	overflow: auto;
	margin: 0px;
}
.inactive {
	color: #999999;
}

.rowlabel { 
    font-weight: bold;
    vertical-align:top;
    padding-top:5px;
}

.expensegroup {     
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}
.expensecolour {     
    background-color: #F0F0FF;
}
.highlight {
	background-color: PeachPuff;
}
.unauthorised { 
    background-color: #CCCCFF; 
}

table.tree .drilldown {
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
    text-align: center;
	width: 1%;
}
table.tree .spacer {
    font-size: 1.2em;
	font-weight: bold;
    color: #CCCCCC;
    text-align: center;
    width: 10px;
}
table.tree .control {
	text-align: right;
    width: 1%;
}

.firstColumnLabel tr td:first-child {
    font-weight:bold;
    text-align:right;
}

.modifiedrow {
    background-color: #ff9900;
}
.manualrow {
    background-color: #ff3333;
}
.shiftinrow {
    font-size: 11px;
    background-color: #00CC00;
}
.shiftoutrow {
    font-size: 11px;
    background-color: #ff3333;
}

div.file-link {
	padding: 5px;
	white-space: nowrap;
}

.hint {
	font-size: 10px;
	font-weight: normal;
	font-style: oblique;
}

a.attachment {
	color: black;
	font-weight: bold;
}
a.attachment:hover {
	color: black;
	text-decoration: underline;
}

a.delete {
	color: red;
	padding: 1px 2px;
	text-decoration: underline;
}
a.delete:hover {
	background: red;
	color: white;
	text-decoration: none;
}


dl {
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-wrap:wrap;
	justify-content: flex-start;
	box-sizing: content-box;
}

dt{
	width: 50%;
	clear: both;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

dd{
	width: 49%;
	overflow: hidden;
	text-overflow: ellipsis;
}

dd, dt{
	padding: 5px;
	min-width:23%;
	flex:0 1 0;
	margin:0;
}

dd select, dd textarea, dd input[type="text"], dd input[type="number"], dd input[type="email"] {
	width: 95%;
}

dd textarea {
	resize:vertical;
}

dl.wide dt {
	width:30%;
}
dl.wide dd {
	width:69%;
	flex:none;
}

dl.wide dd textarea {
	resize:both;
}

.candidate-checks dl dt {
	width:70% !important;
}

#applications ul, .authorisation_comments ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}

.application_header, .application_header:visited {
	display:block; 
	text-align:center; 
	text-decoration:none; 
	width:100%; 
	height:30px; 
	color:#000; 
	border: 1px solid #7E7EB1;
	background-color: #CCCCFF;
	line-height:30px; 
}

div[id^="agency_fees_period_"] {
    width: 100%; 
    padding-top: 5px; 
    margin-top: 5px;
    padding-bottom: 5px; 
    margin-bottom: 5px;
}

/* start badges */
.badge.important {
  background-color: #C43C35;
}

.badge.success {
  background-color: #46A546;
}

.badge.caution {
  background-color: #F89406;
}

.badge.notice {
  background-color: #2E6AB1;
}

td.showDetail, tr.showDetail, div.showDetail {
	background-position: 99%;
	background-repeat: no-repeat;
	cursor: pointer;
}
div.showDetail {
  margin-bottom: 5px;
}

.sow-badge {
  background: SteelBlue;
  color: White;
  float: right;
  font-weight: normal;
  margin: 1px;
  padding: 1px 2px;
  text-transform: uppercase;
}

tfoot td {
  font-weight: bold;
}

.pill {
  border-radius: 3px;
  border-width: 0;
  color: white;
  display: block;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}
a.pill:hover, input[type="submit"].pill:hover {
  color: white;
  cursor: pointer;
}
.pill.allocate, .pill.new {
  background: #6cc644;
}
a .pill.allocate:hover, input[type="submit"].pill.allocate:hover, a .pill.new:hover {
  background: #4c8b30;
}
.pill.deallocate {
  background: #bd2c00;
}
a .pill.deallocate:hover, input[type="submit"].pill.deallocate:hover {
  background: #972300;
}
.pill.edit {
  background: #2d90c3
}
a .pill.edit:hover, input[type="submit"].pill.edit:hover {
  background: #1f6588
}

.pill.code {
  background-color: #F1F1F6;
  color: #4c4c6a;
  border: 1px solid #CCC;
  display: inline;
  font-size: .9em;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}

#offer-rates-summary th,
#offer-rates-summary td { 
  background-color: #E6E6E6;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: top;
}
#offer-rates-summary td { 
  background-color: #F5F5F5;
}

#offer-rates-summary .percentage {
  padding: 0 5px 0 5px;
}

abbr {
  border-bottom: 1px solid #aaa;
}
*:hover>abbr[title] {
  border-bottom: 1px dotted #666; cursor: help;
}

.attachments {
	border: 1px solid #AAAAAA;
}

.vat {
	font-variant: small-caps;
}

.hrs {width:30px;text-align:right;}
.mins {width:30px;text-align:right;}

.job-associations td {
  margin: 2px 0;
}

.vacancies .candidate {
  margin-left: 5px;
  color: #999;
}

.vacancies .candidate.selected {
  color: #000;
  font-weight: bold;
  border: 1px solid #DDD;
  background-color: #EEE;
  padding: 2px;
}

.discipline-unit-details {
  width: 768px;
}
.italic {
  font-style: italic;
}

.sortcol {
	cursor:pointer;
}
th.sortcol:hover {
	color:#00FF00;
}

.dp-highlight .ui-state-default {
	border-color: #484 !important;
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

table.small_cell_spacing td {
	padding: 5px 20px;
}

table.bold_headers_centered th {
	font-weight: bold;
	text-align: center;
}

table.cell_centered td {
	text-align: center;
}
div.delete {
	border: 1px solid #fbc2c4;
	background: #fbe3e4;
	padding: 8px;
	margin:5px;
}

.central_spaced {
	text-align: center;
	margin: 10px;
}

.centered_content {
  text-align: center;
}

.hyperlink {
	cursor: pointer;
}

.small-padding {
	padding: 10px;
}

.medium-padding {
	padding: 15px;
}

.large-padding {
	padding: 25px;
}

.on-call-width {
	width: 68px;
}

.nowrap {
	white-space: nowrap;
}

.extension-details {
	padding:0;
}

.display-none {
	display: none;
}

.package-details-rates dl {
	padding-top:0px;
}

.delete_rate {
	position:absolute;
}

.capped_rate {
	color:orange;
}

.newButton {
	-moz-box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:10px;
	padding:6px 9px;
	text-decoration:none;
}
.newButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
	color:#ffffff;
}
.newButton:active {
	position:relative;
	top:1px;
}

.bold {
	font-weight: bold;
}

.fullWidth {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.halfWidth {
    width:50%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

tr.small-text td {
	font-size: 10px;
}

tr.smallest-text td {
	font-size: 8px;
}

.smallest-padding, .smallest-padding th, .smallest-padding td {
	padding: 5px;
}

table.bordered th, table.bordered td {
	border: 1px solid black;
}

.iti-flag {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.0/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.0/img/flags@2x.png");}
}

.black {
	color: #000;
}

.no-list {
	list-style:none;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

/* styling used for monthly timesheet pages */
.weekend {
	background-color: #ffdab9 !important;
}

.public-holiday {
	color: #d9534f !important;
}

.statutory-holiday {
	color: #0f7ee6 !important;
}

.read-only, .read-only input, .disabled input {
	background-color: #eeeeee !important;
}

.working-day {
	background-color: #ffffff !important;
}

.credit {
	background-color: #fbe3e4 !important;
	color: red;
}

.debit {
	background-color: #e6efc2 !important;
}

.remove-button {
	background-color: red;
	color: #ffffff;
	border-radius: 6px;
}

.add-button {
	background-color: green;
	color: #ffffff;
	border-radius: 6px;
}

.short-height {
	height: 1px;
	line-height: 1px;
}

.grid-container {
	align-items: center;
	display: grid;
	padding: 5px;
}

.four-cols {
	grid-template-columns: repeat(4, 1fr);
}

.three-cols-middle-large {
	grid-template-columns: 1fr 3fr 1fr;
}

.three-cols {
	grid-template-columns: 1fr 1fr 1fr;
}

.two-cols {
	grid-template-columns: 1fr 1fr;
}

.two-cols-medium-right {
	grid-template-columns: 1fr 3fr;
}

.two-cols-large-right {
	grid-template-columns: 1fr 10fr;
}

.grid-item {
	padding: 10px;
	justify-self: center;
	text-align: center;
}

.grid-item-left {
	padding: 10px;
	justify-self: left;
}

.grid-item-right {
	padding: 10px;
	justify-self: right;
}

.hover {
	cursor: pointer;
}
/* styling used for new monthly pages (above) */

.emoji {
	font-size: 30px;
}

.grid {
	display: grid;
	grid-template-columns: 250px 250px 250px;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].no-arrows {
	-moz-appearance: textfield;
}

.leave-entitlements {
	width: 98% !important;
	margin: 0 auto;
	table-layout: fixed !important;
}

.leave-entitlements select {
	width: 100%;
}

.leave-entitlements a {
	text-align: right;
}

.infinity-symbol {
	font-size: 25px;
}

.level-two::before {
  padding-left: 1em;
  content: "\21B3 \00a0";
}

.level-three::before {
  padding-left: 2em;
  content: "\21B3 \00a0";
}

#adjustments tr.hover {
  background: LightYellow;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }