/*
// BuRPS (Budgeting Rostering and Payroll System)
// (c) YTT Solutions Pty. Ltd. Australia
//
// module: general.css
// folder: ./css
//
// Build    Date      PR     Comment
// 1.0.18   12/12/10  PR1377  IL - added 'a' class definition for warning1 - for liability report
// 1.0.45   07/05/12  PR1948  IL - add classes for mini red &green up/down arrows for showing where over/under budget
// 1.0.66   22/04/14  PR2434  IL - add warning_below_threshold - for salaried staff below the full-pay threshold
// 1.0.81   30/11/20  PR2910  JO - Add header iframe styling
// 1.0.82   20/01/21  PR2919  IL - RESKIN - add ph-background and note-background at the bottom - using Classes to highlight public hols instead of setting in-line background style
// 1.0.82   02/11/21  PR2919  IL - RESKIN - change position of icon-cross
// 1.0.83   06/12/21  PR2980  IL - more new icons for Red Cross and Green tick (circles) to replace font-awesome icons on Staff Synch and Staff Setup. Reskin confirmYesNo
// 1.0.87   01/09/24  PR3120 JO - Styles for new onboarding progress report. Putting them here as there's a good chance we'll need it in more than one place */
*/

body {
	margin:0px;
}

#header-iframe {
  height: 53px;
  width:100%;
  overflow:hidden;
  display: block;
}

a img {
  border: none;
}

.clear {
	clear:both;
}

.error {
	font-weight:bold;
	color:red;
}

.iconlink {
 position:relative;
 top:-3px;
}

.iconlink img {
	position:relative;
	top:4px;
	margin-right:2px;
}

ul {
	margin-top:0px;
}


.pagebreak { page-break-before: always; }


.warning1 {
	color:#e82438;
	font-weight:normal !important;
	font-style:none;
}
/* PR1377 - added a color as well - for Liability list */
.warning1 a {
	color:#e82438 !important;
}
.warning1 input {
	color:#e82438;
	font-weight:normal !important;
	font-style:none;
}

.warning2 {
	color:#e82438;
	font-weight:bold;
	font-style:italic;
}
.warning2 a {
	color:#e82438 !important;
}
.warning2 input {
	color:#e82438;
	font-weight:bold;
	font-style:italic;
}

.warning3 {
	background: #e82438 !important;
	color:black;
	font-weight:bold;
}
.warning3 a {
	color:black !important;
}
/* Used for not enought hours - e.g. Full-time person has not worked enough hours this week */
.warning_not_enough {
	background: #ff99cc !important;
	color:black;
	font-weight:bold;
}

/* PR2434 - for salaried staff BELOW the full-week-pay threshold */
.warning_below_threshold {
	background: #C462F2 !important;
	color:black;
	font-weight:bold;
}



/* PR1948 1.0.45 */
.mini_red_up {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:url(../images/icons/red_up.png);
	background-repeat:no-repeat;
}
.mini_red_down {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:url(../images/icons/red_down.png);
	background-repeat:no-repeat;
}
.mini_green_down {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:url(../images/icons/green_down.png);
	background-repeat:no-repeat;
}
.mini_green_up {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:url(../images/icons/green_up.png);
	background-repeat:no-repeat;
}
.mini_evens {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:url(../images/icons/mini_evens.png);
	background-repeat:no-repeat;
}
.mini_spacer {
	float:right;
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	background:transparent;
}





/* PR2980 - add this to shade the background when popup the yesno box */
#confirmYesNo_background {
  position:absolute;
  z-index:999999;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:#444;
  opacity: 0.3;
}


.confirmYesNo_box {
  position:absolute;
  z-index:9999999;
	width:356px;
	height:115px;
	color:black;
	background-repeat:no-repeat;
}

.confirmYesNo_box .top {
	width:356px;
	background:url(../images/confirmyesno_top.gif);
	height:32px;
}

.confirmYesNo_box .middle {
	width:356px;
	background:url(../images/confirmyesno_middle.gif);
	padding-bottom:10px;
}

.confirmYesNo_box .bottom {
	width:356px;
	background:url(../images/confirmyesno_bottom.gif);
	height:8px;
}

.confirmYesNo_x {
	float:right;
	width:23px;
	height:23px;
	position:relative;
	top:-20px;
	left:-3px;
  background:url(../images/confirmyesno_x.gif);
}

.confirmYesNo_x:hover {
  background:url(../images/confirmyesno_x_light.gif);
}


.confirmYesNo_box .title {
  text-align:left;
  width:100%;
  font: bold 12px arial;
  color:white;
  padding-top:8px;
  padding-left:5px;
  padding-right:5px;
}


.confirmYesNo_box .icon {
	float:left;
	width: 29px;
	height:28px;
	background:url(../images/confirmyesno_icon.gif);
	margin-left:15px;
	margin-top:15px;
}

.confirmYesNo_box .msg {
	float:left;
  text-align:left;
  width:280px;
  font: 11px arial;
  margin-left:10px;
  padding-right:10px;
  margin-top:-5px;
}

.confirmYesNo_box .buttons {
  text-align:center;
  width:100%;
  height:35px;
  margin-top:-5px;
}

.confirmYesNo_box .button {
	margin-left:5px;
	margin-right:5px;
  margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}

.hideall {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:9999998;
}

h1 .award {
	color:#40A0CC;
}


.ph-background {
	background:#e97580 !important;
}
.note-background {
	background:#f5ac77 !important;
}


/* icons */
.icon-cross {
	position: absolute;
  right: -14px;
  z-index: 9999;
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('../images/grey_delete.gif') no-repeat;
}

.icon-help {
  display: inline-block;
  margin-block: -4px;
  background:url('../images/help.png');
  width: 16px;
  height: 16px;
  opacity: 1.0;
}
.icon-help:hover{
  opacity: 0.5;
}

/* 1.0.83   06/12/21  PR2980  IL - more new icons for Red Cross and Green tick (circles) to replace font-awesome icons on Staff Synch and Staff Setup*/
.icon-cross-red {
  cursor:pointer;
  background:url(../icons/icon-cross-alt-red.svg);
  background-repeat:no-repeat;
  height: 18px;
  width: 14px;
  background-position: 0 4px;
  display:inline-block;
 }
 .icon-tick-green {
  cursor:pointer;
  background:url(../icons/icon-check-green.svg);
  background-repeat:no-repeat;
  height: 18px;
  width: 14px;
  background-position: 0 4px;
  display:inline-block;
}



#contracts_and_documents {
	max-width: 1267px;
	margin: 0;
	background: var(--white-2) !important;
}


/* PR3120 JO - Styles for new onboarding progress report. Putting them here as there's a good chance we'll need it in more than one place */
/* Onboarding Progress Report */
.onboarding-progress-wrapper {
  margin-top: 10px;
  position: relative;
}

.onboarding-progress-wrapper #onboarding_progress_connector {
  height: calc(100% - 20px);
  width: 2px;
  background: var(--grey-1);
  position: absolute;
  left: 12px;
  top: 17px;
  z-index: 0;
}


.onboarding-progress-wrapper .onboarding-progress-section {
  margin: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.onboarding-progress-wrapper .onboarding-progress-sub-section {
  position: relative;
  display: flex;
  margin-left: 30px;
}

.onboarding-progress-wrapper .onboarding-progress-section .onboarding-progress-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
  top:4px;
}

.onboarding-progress-wrapper .onboarding-progress-section .onboarding-progress-icon.complete {
  background: url("../icons/icon-check-green.svg");
}

.onboarding-progress-wrapper .onboarding-progress-section .onboarding-progress-icon.incomplete {
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid var(--grey-1);
  background: var(--white-1);
}

.onboarding-progress-wrapper .onboarding-progress-section .onboarding-progress-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
	min-height: 23px;
}

.onboarding-progress-wrapper .onboarding-progress-section .onboarding-progress-sub-header {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	min-height: 23px;
}

.onboarding-progress-wrapper .onboarding-progress-section #view_docs_btn {
  margin-left: 20px;
}