/*=======================/modal view forms theme colors==================*/
:root {
  --generalBluetheme: #0876b9;
  --eveTheme: #1c94ce;
  --safetyTheme: #4cadaf;
  --safetyThemeDefault: #4cadaf;
  --qualityprocesscontrolsTheme: #b51e53;
  --standardisationtheme:#573E7B
}

/*=======================/modal view forms colors==================*/
/*==================================================================
                    Start Theme colors scheme
==================================================================*/
/*------------------------------Start Default Theme color-----------*/
.eveTheme .ThemeDefaultcolor {
  color: var(--eveTheme);
}

.safetyTheme .ThemeDefaultcolor {
  color: var(--safetyThemeDefault);
}

/*------------------------------End Default Theme color-----------*/

/*------------------------------Start Enviornmental Theme color-----------*/
.eveTheme .nav-pills .nav-link.active .fivewhytopicon,
.eveTheme .nav-pills .show>.nav-link .fivewhytopicon,
.eveTheme .nav-pills .nav-link .ThemeDefaultcolor .fivewhytopicon {
  background: rgba(28, 148, 206, 0.7);
  background: linear-gradient(224deg,
      rgba(28, 148, 206, 0.7) 43%,
      rgba(28, 148, 206, 1) 33%);
}

.contentheading h3 button:disabled {
  background-color: #d0d2d3 !important;
}

.eveTheme .testabc,
.eveTheme .topheadersave button,
.eveTheme .formreportnumber,
.eveTheme .eve_headerrogbg,
.eveTheme .submissionCount,
.eveTheme .formiconsaveprint button,
.eveTheme .blueTheme .intial-radio input:checked~.checkmark,
.eveTheme .eve_inputradio [type="radio"]:checked+label:after,
.eveTheme .eve_inputradio [type="radio"]:not(:checked)+label:after,
.eveTheme .riskaspectheader,
.eveTheme .formDocmanager .contentheading h3 span,
.eveTheme .contentheading h3 button,
.eveTheme .modallinksmain .podeagilecultureAddbtn,
.eveTheme .actualhrschart,
.eveTheme .eve_isashearorequired .isShearoReqconvbtn .convert-shearo,
.eveTheme .phase2-sortI1,
.eveTheme .phase2-closeI1,
.eveTheme .number-input button,
.eveTheme .startingActionlan .strtActionbtn button,
.eveTheme .taskactionsmain .actionCustomFirst .note_btn,
.eveTheme .reportgaiabutton button,
.eveTheme .happenedCauseque,
.eveTheme .happenedCauseans,
.eveTheme .eve_sh_fivewhy .card-header,
.eveTheme .eve_rrpactionplanheader,
.eveTheme .icon-add-record:before,
.eveTheme .eve_rrpactionplanheader,
.eveTheme .add-document-btn button,
.eveTheme .icon-add-record:before,
.eveTheme .emp-impact-doc-btn,
.eveTheme .doc-review-no {
  background-color: var(--eveTheme);
}

.eveTheme .topheadericon h3,
.eveTheme .topheadertext h3,
.eveTheme .formreportstatusStep h3,
/* .eveTheme .nav-pills .nav-link, */
.eveTheme .nav-pills .show>.nav-link,
.eveTheme .formproghead h3,
.eveTheme .modallinksmain .modallinkslink a,
.eveTheme .recoHistoriankipsdata h3,
.eveTheme .commonmainheader h3,
.eveTheme .eve_rrpactionheader h3,
.eveTheme .eve_innermainheader h3,
.eveTheme .infoiconcustom,
.eveTheme .inprogressicon,
.eveTheme.formmodaltooltip .modal-header p,
.eveTheme.formmodaltooltip .note_popup .claim_note_header,
.eveTheme.formmodaltooltip .note_popup .toolTipsMT25 h3,
.eveTheme .sixmthmehead h3,
.eveTheme .happenedCausequefield p span,
.eveTheme .initialriskfct.evecusrecimpfacin .contentheading.contentheadingprojriskcomp.shprojectedriskrrp h3,
.eveTheme.formmodaltooltip .exampletxtcolor,
/* .eveTheme .riskaspectheader h3, */
.eveTheme .initialriskfct.evecusrecimpfacin .contentheadingprojriskcomp h3,
.eveTheme .rankcircle,
.eveTheme .emp-impact .emp-impact-title,
.eveTheme .doc-links-left-sec-title h4,
.eveTheme .docs-links-rightside-title h4,
.eveTheme .docs-reviewschedule h3,
.eveTheme .doc-review-tital h3,
.eveTheme .doc-versions-file-name,
.eveTheme .doc-versions-table .table button i,
.eveTheme .Anulplanpctcstmain .Theworkshopcontentinn .contentheading button,
.eveTheme .Anulplanpctcstmain .projectDescription h3 i {
  color: var(--eveTheme) !important;
}

.eveTheme .web-links .addweblinktask .weblink-delete,
.eveTheme .projectnumber h3,
.eveTheme .pillar_entryremovebtn button {
  background-color: var(--eveTheme) !important;
}

.eveTheme .nav-pills .nav-link,
.eveTheme .riskaspectheader h3 {
  color: #fff;
}

.eveTheme .ngb-dp-arrow .btn-link,
.eveTheme.qktooltips .modal-header p,
.eveTheme.qktooltips .note_popup .claim_note_header,
.eveTheme.qktooltips .note_popup .toolTipsMT25 h3,
.eveTheme.qktooltips .exampletxtcolor {
  color: var(--eveTheme) !important;
}

.eveTheme .ngb-dp-day .bg-primary {
  background-color: var(--eveTheme) !important;
}

.eveTheme .multiselect-item-checkbox input[type="checkbox"]+div:before {
  border-color: var(--eveTheme) !important;
}

.RecordManagementPopup .eveTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
.eveTheme .eve_submitdetailtabs .nav-pills .nav-link.active {
  color: #fff !important;
}

.eveTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
.eveTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
.eveTheme .multiselect-dropdown .dropdown-btn .selected-item,
.eveTheme .calendar:hover,
.eveTheme .finalreviewclosebtn .clouser-btn-blue {
  background-color: var(--eveTheme) !important;
  border-color: var(--eveTheme) !important;
}

.eveTheme .eve_inputradio [type="radio"]:checked+label:after,
.eveTheme .eve_inputradio [type="radio"]:not(:checked)+label:after {
  background-color: var(--eveTheme);
  border-color: var(--eveTheme);
}

.eveTheme .eve_inputradio [type="radio"]:checked+label:before,
.eveTheme .eve_inputradio [type="radio"]:not(:checked)+label:before {
  border-color: var(--eveTheme) !important;
}

.eveTheme .multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: var(--eveTheme) !important;
}

.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .contentheading button {
  background-color: transparent !important;
  color: #1c94ce !important;
}

.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .intvlutitlebkinn h3 i,
.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .anulpnintdisblkinn h3 i {
  color: #1c94ce !important;
}

.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .contentheading.btnbgspecolinn button {
  background-color: #1c94ce !important;
  color: #fff !important;
}

.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .apaddactivity .contentheading h3 button,
.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .apaddmesurmetrixbtn .contentheading h3 button,
.eveTheme .Anulplanpctcstmain .anupnonlybusinesscst .apaddmesurmetrixbtn .contentheading h3 button {
  background-color: #1c94ce !important;
  color: #fff !important;
}

/*------------------------------End Enviornmental Theme color-----------*/

/*------------------------------Start qualityprocesscontrolsTheme Theme color-----------*/

.qualityprocesscontrolsTheme .intial-radio input:checked~.checkmark {
  background-color: var(--qualityprocesscontrolsTheme);
}

.qualityprocesscontrolsTheme .checkmark {
  border-color: var(--qualityprocesscontrolsTheme);
}

.qpc-theme .eve_submitdetailtabs .nav-pills .nav-link.active,
.qpc-theme .eve_submitdetailtabs .nav-pills .show>.nav-link,
.qpc-theme .multiselect-dropdown .dropdown-btn .selected-item,
.qpc-theme .calendar:hover,
.qpc-theme .finalreviewclosebtn .clouser-btn-blue {
  background-color: #B41E53 !important;
  border-color: #B41E53 !important;
}

.qpc-theme .ngb-dp-arrow .btn-link,
.qpc-theme.qktooltips .modal-header p,
.qpc-theme.qktooltips .note_popup .claim_note_header,
.qpc-theme.qktooltips .note_popup .toolTipsMT25 h3,
.qpc-theme.qktooltips .exampletxtcolor {
  color: #B41E53 !important;
}

.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .contentheading button {
  background-color: transparent !important;
  color: #B41E53 !important;
}

.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .intvlutitlebkinn h3 i,
.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .anulpnintdisblkinn h3 i {
  color: #B41E53 !important;
}

.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .contentheading.btnbgspecolinn button {
  background-color: #B41E53 !important;
  color: #fff !important;
}

.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .apaddactivity .contentheading h3 button,
.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .apaddmesurmetrixbtn .contentheading h3 button,
.qpc-theme .Anulplanpctcstmain .anupnonlybusinesscst .apaddmesurmetrixbtn .contentheading h3 button {
  background-color: #B41E53 !important;
  color: #fff !important;
}


/*------------------------------End qualityprocesscontrolsTheme Theme color-----------*/


/*------------------------------Start Safety Theme color-----------*/
.safetyTheme .nav-pills .nav-link.active .fivewhytopicon,
.safetyTheme .nav-pills .show>.nav-link .fivewhytopicon,
.safetyTheme .nav-pills .nav-link .ThemeDefaultcolor .fivewhytopicon {
  background: rgba(76, 173, 175, 0.7);
  background: linear-gradient(224deg,
      rgba(76, 173, 175, 0.7) 43%,
      rgba(76, 173, 175, 1) 33%);
}

.safetyTheme .topheadersave button,
.safetyTheme .formreportnumber,
.safetyTheme .eve_headerrogbg,
.safetyTheme .submissionCount,
.safetyTheme .formiconsaveprint button,
.safetyTheme .intial-radio input:checked~.checkmark,
.safetyTheme .riskaspectheader,
.safetyTheme .formDocmanager .contentheading h3 span,
.safetyTheme .contentheading h3 button,
.safetyTheme .modallinksmain .podeagilecultureAddbtn,
.safetyTheme .add-button-wrapper button,
.safetyTheme .actualhrschart,
.safetyTheme .eve_isashearorequired .isShearoReqconvbtn .convert-shearo,
.safetyTheme .phase2-sortI1,
.safetyTheme .phase2-closeI1,
.safetyTheme .webcloseicon_wrapper,
.safetyTheme .number-input button,
.safetyTheme .startingActionlan .strtActionbtn button,
.safetyTheme .taskactionsmain .actionCustomFirst .note_btn,
.safetyTheme .reportgaiabutton button,
.safetyTheme .happenedCauseque,
.safetyTheme .happenedCauseans,
.safetyTheme .eve_sh_fivewhy .card-header,
.safetyTheme .eve_rrpactionplanheader,
.safetyTheme .add-document-btn button,
.safetyTheme .icon-add-record:before,
.safetyTheme .emp-impact-doc-btn,
.safetyTheme .doc-review-no,
.safetyTheme .archive .archive-btn button {
  background-color: var(--safetyTheme);
}

.safetyTheme .topheadericon h3,
.safetyTheme .topheadertext h3,
.safetyTheme .formreportstatusStep h3,
.safetyTheme .nav-pills .nav-link,
.safetyTheme .nav-pills .show>.nav-link,
.safetyTheme .formproghead h3,
.safetyTheme .modallinksmain .modallinkslink a,
.safetyTheme .recoHistoriankipsdata h3,
.safetyTheme .eve_rrpactionheader h3,
.safetyTheme .eve_innermainheader h3,
.safetyTheme .infoiconcustom,
.safetyTheme .inprogressicon,
.safetyTheme.formmodaltooltip .modal-header p,
.safetyTheme.formmodaltooltip .note_popup .claim_note_header,
.safetyTheme.formmodaltooltip .note_popup .toolTipsMT25 h3,
.safetyTheme .sixmthmehead h3,
.safetyTheme .happenedCausequefield p span,
.safetyTheme .initialriskfct.evecusrecimpfacin .contentheading.contentheadingprojriskcomp.shprojectedriskrrp h3,
.safetyTheme.formmodaltooltip .exampletxtcolor,
.safetyTheme .rankcircle,
.safetyTheme .emp-impact .emp-impact-title,
.safetyTheme .doc-links-left-sec-title h4,
.safetyTheme .docs-links-rightside-title h4,
.safetyTheme .docs-reviewschedule h3,
.safetyTheme .doc-review-tital h3,
.safetyTheme .doc-versions-file-name,
.safetyTheme .doc-versions-table .table button i {
  color: var(--safetyTheme);
}

.safetyTheme .ngb-dp-arrow .btn-link,
.safetyTheme.qktooltips .modal-header p,
.safetyTheme.qktooltips .note_popup .claim_note_header,
.safetyTheme.qktooltips .note_popup .toolTipsMT25 h3,
.safetyTheme.qktooltips .exampletxtcolor,
.RecordManagementPopup .safetyTheme .recordstatusstepsrightinn .nav-pills button.nav-link.active,
.WorkspacePopup .safetyTheme .recordstatusstepsrightinn .nav-pills button.nav-link.active,
.WorkspacePopup .safetyTheme .app-modal-body .safety-record-table>table>thead tr th i {
  color: var(--safetyTheme) !important;
}

.safetyTheme .ngb-dp-day .bg-primary {
  background-color: var(--safetyTheme) !important;
}

.safetyTheme .checkmark,
.safetyTheme .multiselect-item-checkbox input[type="checkbox"]+div:before {
  border-color: var(--safetyTheme) !important;
}

.safetyTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
.safetyTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
.safetyTheme .multiselect-dropdown .dropdown-btn .selected-item,
.safetyTheme .calendar:hover,
.safetyTheme .finalreviewclosebtn .clouser-btn-blue {
  background-color: var(--safetyTheme) !important;
  border-color: var(--safetyTheme) !important;
}

.safetyTheme .eve_inputradio [type="radio"]:checked+label:before,
.safetyTheme .eve_inputradio [type="radio"]:not(:checked)+label:before {
  border-color: var(--safetyTheme) !important;
}

.safetyTheme .eve_inputradio [type="radio"]:checked+label:after,
.safetyTheme .eve_inputradio [type="radio"]:not(:checked)+label:after {
  background-color: var(--safetyTheme);
  border-color: var(--safetyTheme);
}

.safetyTheme .multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: var(--safetyTheme) !important;
}

/*------------------------------End Safety Theme color-----------*/

/*------------------------------Start generalBluetheme Theme color-----------*/
.generalBluetheme .nav-pills .nav-link.active .fivewhytopicon,
.generalBluetheme .nav-pills .show>.nav-link .fivewhytopicon,
.generalBluetheme .nav-pills .nav-link .ThemeDefaultcolor .fivewhytopicon {
  background: rgba(28, 148, 206, 0.7);
  background: linear-gradient(224deg,
      rgba(28, 148, 206, 0.7) 43%,
      rgba(28, 148, 206, 1) 33%);
}

.generalBluetheme .testabc,
.generalBluetheme .topheadersave button,
.generalBluetheme .formreportnumber,
.generalBluetheme .eve_headerrogbg,
.generalBluetheme .submissionCount,
.generalBluetheme .formiconsaveprint button,
.generalBluetheme .blueTheme .intial-radio input:checked~.checkmark,
.generalBluetheme .eve_inputradio [type="radio"]:checked+label:after,
.generalBluetheme .eve_inputradio [type="radio"]:not(:checked)+label:after,
.generalBluetheme .riskaspectheader,
.generalBluetheme .formDocmanager .contentheading h3 span,
.generalBluetheme .contentheading h3 button,
.generalBluetheme .modallinksmain .podeagilecultureAddbtn,
.generalBluetheme .actualhrschart,
.generalBluetheme .eve_isashearorequired .isShearoReqconvbtn .convert-shearo,
.generalBluetheme .phase2-sortI1,
.generalBluetheme .phase2-closeI1,
.generalBluetheme .number-input button,
.generalBluetheme .startingActionlan .strtActionbtn button,
.generalBluetheme .taskactionsmain .actionCustomFirst .note_btn,
.generalBluetheme .reportgaiabutton button,
.generalBluetheme .happenedCauseque,
.generalBluetheme .happenedCauseans,
.generalBluetheme .eve_sh_fivewhy .card-header,
.generalBluetheme .eve_rrpactionplanheader,
.generalBluetheme .icon-add-record:before,
.generalBluetheme .eve_rrpactionplanheader,
.generalBluetheme .add-document-btn button,
.generalBluetheme .icon-add-record:before,
.generalBluetheme .emp-impact-doc-btn,
.generalBluetheme .doc-review-no {
  background-color: var(--generalBluetheme);
}

.generalBluetheme .topheadericon h3,
.generalBluetheme .topheadertext h3,
.generalBluetheme .formreportstatusStep h3,
.generalBluetheme .nav-pills .nav-link,
.generalBluetheme .nav-pills .show>.nav-link,
.generalBluetheme .formproghead h3,
.generalBluetheme .modallinksmain .modallinkslink a,
.generalBluetheme .recoHistoriankipsdata h3,
.generalBluetheme .eve_rrpactionheader h3,
.generalBluetheme .eve_innermainheader h3,
.generalBluetheme .infoiconcustom,
.generalBluetheme .inprogressicon,
.generalBluetheme.formmodaltooltip .modal-header p,
.generalBluetheme.formmodaltooltip .note_popup .claim_note_header,
.generalBluetheme.formmodaltooltip .note_popup .toolTipsMT25 h3,
.generalBluetheme .sixmthmehead h3,
.generalBluetheme .happenedCausequefield p span,
.generalBluetheme .initialriskfct.evecusrecimpfacin .contentheading.contentheadingprojriskcomp.shprojectedriskrrp h3,
.generalBluetheme.formmodaltooltip .exampletxtcolor,
.generalBluetheme .riskaspectheader h3,
.generalBluetheme .initialriskfct.evecusrecimpfacin .contentheadingprojriskcomp h3,
.generalBluetheme .rankcircle,
.generalBluetheme .emp-impact .emp-impact-title,
.generalBluetheme .doc-links-left-sec-title h4,
.generalBluetheme .docs-links-rightside-title h4,
.generalBluetheme .docs-reviewschedule h3,
.generalBluetheme .doc-review-tital h3,
.generalBluetheme .doc-versions-file-name,
.generalBluetheme .doc-versions-table .table button i {
  color: var(--generalBluetheme);
}

.generalBluetheme .ngb-dp-arrow .btn-link,
.generalBluetheme.qktooltips .modal-header p,
.generalBluetheme.qktooltips .note_popup .claim_note_header,
.generalBluetheme.qktooltips .note_popup .toolTipsMT25 h3,
.generalBluetheme.qktooltips .exampletxtcolor {
  color: var(--generalBluetheme) !important;
}

.generalBluetheme .ngb-dp-day .bg-primary {
  background-color: var(--generalBluetheme) !important;
}

.generalBluetheme .multiselect-item-checkbox input[type="checkbox"]+div:before {
  border-color: var(--generalBluetheme) !important;
}

.generalBluetheme .eve_submitdetailtabs .nav-pills .nav-link.active,
.generalBluetheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
.generalBluetheme .multiselect-dropdown .dropdown-btn .selected-item,
.generalBluetheme .eve_inputradio [type="radio"]:checked+label:after,
.generalBluetheme .eve_inputradio [type="radio"]:not(:checked)+label:after,
.generalBluetheme .calendar:hover,
.generalBluetheme .finalreviewclosebtn .clouser-btn-blue {
  background-color: var(--generalBluetheme) !important;
  border-color: var(--generalBluetheme) !important;
}

.generalBluetheme .eve_inputradio [type="radio"]:checked+label:before,
.generalBluetheme .eve_inputradio [type="radio"]:not(:checked)+label:before {
  border-color: var(--generalBluetheme) !important;
}

.generalBluetheme .multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: var(--generalBluetheme) !important;
}

/*------------------------------End generalBluetheme Theme color-----------*/

/* Start standardisationautonomous Theme color */

.standardisationtheme .calendar:hover,
.standardisationtheme .finalreviewclosebtn .clouser-btn-blue {
  background-color: var(--standardisationtheme) !important;
  border-color: var(--standardisationtheme) !important;
}

/* End standardisationautonomous Theme color */

/*==================================================================
                    End Theme colors scheme
==================================================================*/

/*------------------------------PTWR confined-space-entryTheme color Start-----------*/

/* variable colour start */
.confined-space-entry.ctmodelweblinkblkinn .topheaderandicon,
.confined-space-entry .ptwrctwtooltips .modal-header p,
.confined-space-entry .ptwrctwtooltips .modal-header .claim_note_header,
.confined-space-entry .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #37c49c;
}

/* variable backgroundcolour start */
.confined-space-entry.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.confined-space-entry.ctmodelweblinkblkinn .contentheading h3 button,
.confined-space-entry.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #37c49c;
}

.confined-space-entry.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR confined-space-entry Theme color Close-----------*/

/*------------------------------PTWR complex-loto Theme color Start-----------*/
/* variable colour start */
.complex-loto.ctmodelweblinkblkinn .topheaderandicon,
.complex-loto .ptwrctwtooltips .modal-header p,
.complex-loto .ptwrctwtooltips .modal-header .claim_note_header,
.complex-loto .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #c6bf67;
}

/* variable backgroundcolour start */
.complex-loto.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.complex-loto.ctmodelweblinkblkinn .contentheading h3 button,
.complex-loto.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #c6bf67;
}

.complex-loto.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR complex-loto Theme color Close-----------*/

/*------------------------------PTWR demolition Theme color Start-----------*/
/* variable colour start */
.demolition.ctmodelweblinkblkinn .topheaderandicon,
.demolition .ptwrctwtooltips .modal-header p,
.demolition .ptwrctwtooltips .modal-header .claim_note_header,
.demolition .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #e1974e;
}

/* variable backgroundcolour start */
.demolition.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.demolition.ctmodelweblinkblkinn .contentheading h3 button,
.demolition.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #e1974e;
}

.demolition.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR demolition Theme color Close-----------*/

/*------------------------------PTWR excavation Theme color Start-----------*/
/* variable colour start */
.excavation.ctmodelweblinkblkinn .topheaderandicon,
.excavation .ptwrctwtooltips .modal-header p,
.excavation .ptwrctwtooltips .modal-header .claim_note_header,
.excavation .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #ce4920;
}

/* variable backgroundcolour start */
.excavation.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.excavation.ctmodelweblinkblkinn .contentheading h3 button,
.excavation.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #ce4920;
}

.excavation.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR excavation Theme color Close-----------*/

/*------------------------------PTWR general-work Theme color Start-----------*/
/* variable colour start */
.general-work.ctmodelweblinkblkinn .topheaderandicon,
.general-work .ptwrctwtooltips .modal-header p,
.general-work .ptwrctwtooltips .modal-header .claim_note_header,
.general-work .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #4cadaf;
}

/* variable backgroundcolour start */
.general-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.general-work.ctmodelweblinkblkinn .contentheading h3 button,
.general-work.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #4cadaf;
}

.general-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR general-work Theme color Close-----------*/

/*------------------------------PTWR hot-thermal-fluids Theme color Start-----------*/
/* variable colour start */
.hot-thermal-fluids.ctmodelweblinkblkinn .topheaderandicon,
.hot-thermal-fluids .ptwrctwtooltips .modal-header p,
.hot-thermal-fluids .ptwrctwtooltips .modal-header .claim_note_header,
.hot-thermal-fluids .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #d4145a;
}

/* variable backgroundcolour start */
.hot-thermal-fluids.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.hot-thermal-fluids.ctmodelweblinkblkinn .contentheading h3 button,
.hot-thermal-fluids.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #d4145a;
}

.hot-thermal-fluids.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR hot-thermal-fluids Theme color Close-----------*/

/*------------------------------PTWR hot-work Theme color Start-----------*/
/* variable colour start */
.hot-work.ctmodelweblinkblkinn .topheaderandicon,
.hot-work .ptwrctwtooltips .modal-header p,
.hot-work .ptwrctwtooltips .modal-header .claim_note_header,
.hot-work .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #eb5958;
}

/* variable backgroundcolour start */
.hot-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.hot-work.ctmodelweblinkblkinn .contentheading h3 button,
.hot-work.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #eb5958;
}

.hot-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR hot-work Theme color Close-----------*/

/*------------------------------PTWR energized-work Theme color Start-----------*/
/* variable colour start */
.energized-work.ctmodelweblinkblkinn .topheaderandicon,
.energized-work .ptwrctwtooltips .modal-header p,
.energized-work .ptwrctwtooltips .modal-header .claim_note_header,
.energized-work .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #005cb9;
}

/* variable backgroundcolour start */
.energized-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.energized-work.ctmodelweblinkblkinn .contentheading h3 button,
.energized-work.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #005cb9;
}

.energized-work.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------PTWR energized-work Theme color Close-----------*/

/*------------------------------PTWR working-at-heights Theme color Start-----------*/
/* variable colour start */
.working-at-heights.ctmodelweblinkblkinn .topheaderandicon,
.working-at-heights .ptwrctwtooltips .modal-header p,
.working-at-heights .ptwrctwtooltips .modal-header .claim_note_header,
.working-at-heights .ptwrctwtooltips .requiimpnumcontent h3 {
  color: #6c65c4;
}

/* variable backgroundcolour start */
.working-at-heights.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.working-at-heights.ctmodelweblinkblkinn .contentheading h3 button,
.working-at-heights.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #6c65c4;
}

.working-at-heights.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------ SWC Theme color Close-----------*/

/* variable backgroundcolour start */
.swcthemes.ctmodelweblinkblkinn .formModalheadermain .topheadersave button,
.swcthemes.ctmodelweblinkblkinn .contentheading h3 button,
.swcthemes.ctmodelweblinkblkinn .addweblinktask .phase2-closeI1 {
  background-color: #573e7c;
}

.swcthemes.ctmodelweblinkblkinn .topheadericon,
.swcthemes.ctmodelweblinkblkinn .topheadertext {
  color: #573e7c;
}

.swcthemes.ctmodelweblinkblkinn .formModalheadermain .topheadersave button:disabled {
  background-color: #d0d2d3;
}

/*------------------------------SWC Theme color Close-----------*/
/****** Qpc piller */

.qpc-theme .testabc,
.qpc-theme .topheadersave button,
.qpc-theme .formreportnumber,
.qpc-theme .eve_headerrogbg,
.qpc-theme .submissionCount,
.qpc-theme .formiconsaveprint button,
.qpc-theme .blueTheme .intial-radio input:checked~.checkmark,
.qpc-theme .eve_inputradio [type="radio"]:checked+label:after,
.qpc-theme .eve_inputradio [type="radio"]:not(:checked)+label:after,
.qpc-theme .riskaspectheader,
.qpc-theme .formDocmanager .contentheading h3 span,
.qpc-theme .contentheading h3 button,
.qpc-theme .modallinksmain .podeagilecultureAddbtn,
.qpc-theme .actualhrschart,
.qpc-theme .eve_isashearorequired .isShearoReqconvbtn .convert-shearo,
.qpc-theme .phase2-sortI1,
.qpc-theme .phase2-closeI1,
.qpc-theme .number-input button,
.qpc-theme .startingActionlan .strtActionbtn button,
.qpc-theme .taskactionsmain .actionCustomFirst .note_btn,
.qpc-theme .reportgaiabutton button,
.qpc-theme .happenedCauseque,
.qpc-theme .happenedCauseans,
.qpc-theme .eve_sh_fivewhy .card-header,
.qpc-theme .eve_rrpactionplanheader,
.qpc-theme .icon-add-record:before,
.qpc-theme .eve_rrpactionplanheader,
.qpc-theme .add-document-btn button,
.qpc-theme .icon-add-record:before,
.qpc-theme .emp-impact-doc-btn,
.qpc-theme .doc-review-no {
  background-color: #B41E53;
}

.qpc-theme .topheadericon h3,
.qpc-theme .topheadertext h3,
.qpc-theme .formreportstatusStep h3,
/* .eveTheme .nav-pills .nav-link, */
.qpc-theme .nav-pills .show>.nav-link,
.qpc-theme .formproghead h3,
.qpc-theme .modallinksmain .modallinkslink a,
.qpc-theme .recoHistoriankipsdata h3,
.qpc-theme .commonmainheader h3,
.qpc-theme .eve_rrpactionheader h3,
.qpc-theme .eve_innermainheader h3,
.qpc-theme .infoiconcustom,
.qpc-theme .inprogressicon,
.qpc-theme.formmodaltooltip .modal-header p,
.qpc-theme.formmodaltooltip .note_popup .claim_note_header,
.qpc-theme.formmodaltooltip .note_popup .toolTipsMT25 h3,
.qpc-theme .sixmthmehead h3,
.qpc-theme .happenedCausequefield p span,
.qpc-theme .initialriskfct.evecusrecimpfacin .contentheading.contentheadingprojriskcomp.shprojectedriskrrp h3,
.qpc-theme.formmodaltooltip .exampletxtcolor,
/* .eveTheme .riskaspectheader h3, */
.qpc-theme .initialriskfct.evecusrecimpfacin .contentheadingprojriskcomp h3,
.qpc-theme .rankcircle,
.qpc-theme .emp-impact .emp-impact-title,
.qpc-theme .doc-links-left-sec-title h4,
.qpc-theme .docs-links-rightside-title h4,
.qpc-theme .docs-reviewschedule h3,
.qpc-theme .doc-review-tital h3,
.qpc-theme .doc-versions-file-name,
.qpc-theme .doc-versions-table .table button i,
.qpc-theme .Anulplanpctcstmain .Theworkshopcontentinn .contentheading button,
.qpc-theme .Anulplanpctcstmain .projectDescription h3 i {
  color: #B41E53 !important;
}


/*==========================Start Modal common layout Custom style==============*/

.RecordManagementPopup .safety-claim-section {
  background-color: transparent;
}

.RecordManagementPopup .eve_formtopbottmmainbottom {
  padding: 0px 10px 0px 15px;
}

.RecordManagementPopup .swiper-slide {
  height: calc(100vh - 360px) !important;
  padding-bottom: 0;
}

.RecordManagementPopup.columnconfigurator>.modal-dialog {
  max-width: 1500px !important;
  position: unset !important;
  top: unset !important;
  left: unset !important;
  transform: unset !important;
  pointer-events: auto;
}

.RecordManagementPopup .swiper-slide.temppopupsilde {
  height: auto !important;
}

.RecordManagementPopup>.modal-dialog {
  max-width: 1500px;
  position: unset !important;
  top: unset !important;
  left: unset !important;
  transform: unset !important;
  pointer-events: auto;
}

/* Add project model width custom start */
.AddprojectcstPopup.RecordManagementPopup>.modal-dialog {
  max-width: 883px;
}

/* Add project model width custom end */

.ProjectBulletinsDetails.RecordManagementPopup>.modal-dialog {
  max-width: 1765px;
}

.RecordManagementPopup .formModalmain {
  padding: 0 40px;
}

.RecordManagementPopup .modal-content {
  position: relative;
  display: initial;
  border: 0;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.RecordManagementPopup .modal-header {
  padding: 0;
  border: 0;
}

.RecordManagementPopup .modalClosebtn {
  position: absolute;
  right: 10px;
  top: 8px;
}

.RecordManagementPopup .formModalheadermain {
  width: 100%;
}

.RecordManagementPopup .topheadersaveclose {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 9px 7px;
  border-bottom: 1px solid #5e5e5e; 
}

.RecordManagementPopup .topheaderandicon {
  display: flex;
  align-items: flex-end;
}

.RecordManagementPopup.maintenance-request .topheaderandicon,
.RecordManagementPopup.action-edit .topheaderandicon {
  align-items: center;
}

.RecordManagementPopup.maintenance-request .topheadersaveclose,
.RecordManagementPopup.action-edit .topheadersaveclose {
  align-items: flex-end;
  padding: 12px 20px 5px 7px;
}

.RecordManagementPopup .topheadericon {
 padding-right: 10px;
}

.RecordManagementPopup .topheadericon h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 25px;
  line-height: 20px;
  margin-bottom: 0;
}

.RecordManagementPopup .topheadertext h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  line-height: 14px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.RecordManagementPopup .topheadersave button {
  border: 0;
  cursor: pointer;
  color: #fff;
  width: 44px;
  height: 38px;
  line-height: 0px;
  padding: 0px;
  text-align: center;
  font-size: 22px;
  margin: 0px;
  border-radius: 8px;
}

.RecordManagementPopup .topheaderinfocontent {
  padding-bottom: 18px;
  min-height: 35px;
}

.RecordManagementPopup .topheaderinfocontent h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
}

.RecordManagementPopup .topheaderbottomblock {
  padding: 15px 30px 0px 30px;
}

.RecordManagementPopup .topheaderbottomblock .recordstatusstepsrightinn>ul>li.nav-item:last-child {
  padding-right: 0px !important;
}

.RecordManagementPopup .topheaderbottomblock .topheaderbomfstbkinn {
  padding: 0;
}

.RecordManagementPopup .topheaderbottomblockinn {
  border-bottom: 1px solid #5e5e5e;
  padding: 0px 0px 0px 7px;
}

.RecordManagementPopup .formreportnumber {
  /* min-width: 118px; */
  min-width: 130px;
  height: 45px;
  display: inline-block;
  border-radius: 8px;
  /* padding: 0px 10px; */
  padding: 5px;
}

.RecordManagementPopup .formreportnumber h3 {
  font-family: "GothamBold", sans-serif;
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

.RecordManagementPopup .formreportstatusStep {
  margin-top: 10px;
}

.RecordManagementPopup .formreportstatusStep h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.RecordManagementPopup .recordstatusstepsrightinn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.RecordManagementPopup .recordstatussteps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
} 
.RecordManagementPopup .formstepsicontext {
  display: flex;
  align-items: center; 
}

.RecordManagementPopup .formstepsicon {
  padding-right: 10px;
}

.RecordManagementPopup .formstepsicon h3 {
 font-size: 46px;
  line-height: 26px;
  margin-bottom: 0;
}

.RecordManagementPopup .formsteptext h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
}

.RecordManagementPopup .tab-content {
  padding-top: 0;
}

.RecordManagementPopup .nav-item {
  padding-right: 20px;
  padding-bottom: 15px;
}

.RecordManagementPopup .nav-link {
  padding: 0px;
}

.RecordManagementPopup .recordstatusstepsrightinn .nav-pills button.nav-link {
  color: #d0d2d3;
  border: 0;
  background-color: transparent !important;
  cursor: pointer;
  text-align: left;
}

.RecordManagementPopup .nav-pills .nav-link.active,
.RecordManagementPopup .nav-pills .show>.nav-link {
  background-color: transparent;
}

.RecordManagementPopup .fivewhytopicon {
  background: rgba(217, 218, 219, 1);
  background: linear-gradient(224deg,
      rgba(217, 218, 219, 1) 43%,
      rgba(208, 210, 211, 1) 33%);
  padding: 3px;
  border-radius: 8px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
}

.RecordManagementPopup .fivewhytopicon h3 {
  font-size: 33px;
  margin-bottom: 0;
  line-height: 28px;
  color: #fff;
  font-family: "GothamBold", sans-serif;
  display: flex;
  align-items: flex-end;
}

.RecordManagementPopup .sixMfiveWicon .fivewhytopicon h3 span.iconbottomspan {
  font-family: "GothamBold", sans-serif;
  color: #fff;
  line-height: 10px;
  font-size: 16px;
  position: relative;
  left: -7px;
  top: 1px;
}

.RecordManagementPopup .five1whtabicon .fivewhytopicon h3 span {
  font-family: "GothamBold", sans-serif;
  color: #fff;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.RecordManagementPopup .five1whtabicon .fivewhytopicon h3 .iconmainspan {
  position: relative;
  left: -6px;
  top: 2px;
}

.RecordManagementPopup .five1whtabicon .fivewhytopicon h3 .icontopspan {
  font-size: 8px;
}

.RecordManagementPopup .five1whtabicon .fivewhytopicon h3 .iconbottomspan {
  font-size: 16px;
}

.RecordManagementPopup .fivewhyiconstab {
  display: flex;
  align-items: center;
}

.RecordManagementPopup .five1whtabicon .iconfirstspandigi {
  display: inline-block !important;
  position: relative;
  top: -5px;
  transform: scale(0.7, 1.1);
  -webkit-transform: scale(0.7, 1.1);
  /* Safari and Chrome */
  -moz-transform: scale(0.7, 1.1);
  /* Firefox */
  -ms-transform: scale(0.7, 1.1);
  /* IE 9+ */
  -o-transform: scale(0.7, 1.1);
  /* Opera */
}

.RecordManagementPopup .sixMfiveWicon .iconfirstspandigi {
  display: inline-block !important;
  /*position: relative;
  top: -5px;*/
  transform: scale(0.7, 1.1);
  -webkit-transform: scale(0.7, 1.1);
  /* Safari and Chrome */
  -moz-transform: scale(0.7, 1.1);
  /* Firefox */
  -ms-transform: scale(0.7, 1.1);
  /* IE 9+ */
  -o-transform: scale(0.7, 1.1);
  /* Opera */
}

.RecordManagementPopup .bottominnrightleft {
  width: 100%;
}

.RecordManagementPopup .bottominnrightinnright {
  display: none;
}

.infoiconcustom {
  font-size: 17px;
  margin-bottom: 0;
  position: relative;
  top: 3px;
  padding-left: 10px;
  cursor: pointer;
}

.RecordManagementPopup textarea,
.RecordManagementPopup input,
.RecordManagementPopup select {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #231f20;
}

/*==========================End Modal common layout Custom style==============*/
/********* modul popup ******/
.WorkspacePopup>.modal-dialog {
  max-width: 1500px;
  position: unset !important;
  top: unset !important;
  left: unset !important;
  transform: unset !important;
  pointer-events: auto;
}

.WorkspacePopup .modal-content {
  position: relative;
  display: initial;
  border: 0;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.WorkspacePopup .modal-header {
  padding: 0;
  border: 0;
}

.WorkspacePopup .modalClosebtn {
  position: absolute;
  right: 10px;
  top: 8px;
}

.WorkspacePopup .formModalheadermain {
  width: 100%;
}

.WorkspacePopup .topheadersaveclose {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 9px 7px;
  border-bottom: 1px solid #5e5e5e;
}

.WorkspacePopup .topheaderandicon {
  display: flex;
  align-items: flex-end;
}

.WorkspacePopup .topheadericon {
  padding-right: 15px;
}

.WorkspacePopup .topheadericon h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 25px;
  line-height: 20px;
  margin-bottom: 0;
}

.WorkspacePopup .topheadertext h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  line-height: 14px;
  margin-bottom: 0;
}

.WorkspacePopup .topheadersave button {
  border: 0;
  cursor: pointer;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 0px;
  padding: 9px;
  text-align: center;
  font-size: 22px;
  margin: 0px;
  border-radius: 8px;
}

.WorkspacePopup .topheaderbottomblock {
  padding: 24px 35px 0px 35px;
}

.WorkspacePopup .topheaderbottomblockinn {
  border-bottom: 1px solid #5e5e5e;
}

.WorkspacePopup .recordstatussteps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}

.WorkspacePopup .recordstatusstepsrightinn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.WorkspacePopup .nav-item {
  padding-right: 10px;
  padding-bottom: 15px;
}

.WorkspacePopup .recordstatusstepsrightinn .nav-pills button.nav-link {
  color: #d0d2d3;
  border: 0;
  background-color: transparent !important;
  cursor: pointer;
}

.WorkspacePopup .formstepsicontext {
  display: flex;
  align-items: center;
}

.WorkspacePopup .formstepsicon {
  padding-right: 12px;
}

.WorkspacePopup .formstepsicon h3 {
  font-size: 60px;
  line-height: 26px;
  margin-bottom: 0;
}

.WorkspacePopup .formsteptext h3 {
  font-family: "GothamBold", sans-serif;
  font-size: 44px;
  line-height: 53px;
  color: #676767;
  margin-bottom: 0;
}

.WorkspacePopup .formsteptext p {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #676767;
  margin-bottom: 0;
}

.WorkspacePopup .tab-content {
  padding-top: 0;
}

.topheaderbottomblockinn h2 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #4cadaf;
  padding-left: 7px;
}

/*********End ******/

/*==========================Start Modal Docmanager==============*/
.formDocmanager {
  display: flex;
  padding: 15px 30px 10px 33px;
}

.formDocmanagerLeft {
  width: 45%;
  padding-right: 90px;
}

.formDocmanagerRight {
  width: 55%;
}

.formDocmanagersupportdoc {
  min-height: 250px;
  border-bottom: 1px solid #5e5e5e;
  margin-bottom: 20px;
}

.formDocmanagersupportdoc .eve_recorddocs {
  margin-top: 30px;
}

.formweblinksmain {
  padding-top: 8px;
}

.formDocmanagerSupportphoto {
  padding-top: 8px;
}

.formDocmanagerSupportphoto .eve_submissionimg {
  width: 160px !important;
  height: 211px !important;
}

.formDocmanager .contentheading h3 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: relative;
  line-height: 1;
  top: 2px;
  margin-left: 10px;
  border-radius: 4px;
}

.formDocmanager .contentheading h3 span i {
  font-size: 10px;
  color: #fff;
}

.formDocmanager .contentheading h3 span input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: 0;
}

.modallinksmain {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.modallinksmain .podeagilecultureAddbtn {
  padding: 4px;
  line-height: 1;
  border: 0;
  font-size: 10px;
  cursor: pointer;
  position: relative;
  top: 0px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}

.modallinksicon {
  width: 26px;
}

.modallinksmain .modallinkslink {
  padding-left: 10px;
  line-height: 1;
  width: calc(100% - 75px);
}

.modallinksmain .modallinkslink a {
  font-size: 14px;
}

.RecordManagementPopup.docmanageweblinkmodal>.modal-dialog {
  max-width: 700px;
}

.RecordManagementPopup .contentheading h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676868;
  margin-bottom: 0;
}

.addnewweblinks {
  margin-top: 15px;
}

.addnewweblinks .addweblinktask {
  position: relative;
  margin-bottom: 10px;
}

.addnewweblinks .addweblinktask .phase2-closeI1 {
  position: absolute;
  right: -20px;
  left: unset;
  top: 0;
}

.addnewweblinks .addweblinktask input {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #231f20;
  padding-left: 15px;
  border-top-right-radius: 0;
}

.modallinksmain .modallinkslink a {
  padding-left: 10px;
  padding-top: 4px;
  line-height: 1;
  margin-bottom: 0;
  text-align: left;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}

/*==========================End Modal Docmanager==============*/
/*==========================Start Modal Record Historian==============*/
.recordhistorianmain {
  padding: 30px 0px 10px 74px;
  display: flex;
}

.recordhistorianLeft {
  width: 415px;
  border-right: 1px solid #5e5e5e;
}

.recordhistorianRight {
  width: calc(100% - 415px);
}

.recoHistoriankipsblock {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 350px;
}

.recoHistoriankips {
  display: flex;
  width: 175px;
  margin-bottom: 30px;
}

.recoHistoriankipsdata {
  width: 105px;
}

.recoHistoriankipsicon {
  width: 70px;
}

.recoHistoriankipsicon h3 {
  margin-bottom: 0;
  line-height: 56px;
  font-size: 63px;
  color: #676767;
}

.recoHistoriankipsdata h3 {
  margin-bottom: 0;
  font-family: "GothamBold", sans-serif;
  font-size: 45px;
  text-align: center;
  line-height: 47px;
}

.recoHistoriankipsdata h4 {
  margin-bottom: 0;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  text-align: center;
}

.recoHistoriankipsblock .recoHistoriankips:nth-child(1) .recoHistoriankipsicon,
.recoHistoriankipsblock .recoHistoriankips:nth-child(3) .recoHistoriankipsicon {
  width: 55px;
}

.recoHistoriankipsblock .recoHistoriankips:nth-child(2) .recoHistoriankipsicon {
  width: 80px;
}

.recoHistoriankipsblock .recoHistoriankips:nth-child(4) .recoHistoriankipsicon {
  width: 80px;
  padding-left: 5px;
}

.historianhrsplanedactual {
  display: flex;
  align-items: center;
  width: 295px;
}

.hrsvertical h3 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  -webkit-text-orientation: upright;
  line-height: 1;
  letter-spacing: -2px;
  margin: 0;
  font-size: 12px;
  color: #676767;
  font-family: "Gotham-Medium", sans-serif;
}

.hrsvertical {
  width: 33px;
  padding-left: 14px;
  padding-right: 16px;
  border-right: 3px solid #676767;
}

.actualplanedhrschart {
  display: flex;
  width: calc(100% - 63px);
  align-items: center;
}

.historialhrschart {
  /*padding-top: 2px;*/
  padding-left: 5px;
  width: calc(100% - 33px);
}

.historianchartbar {
  position: relative;
  height: 25px;
}

.historianchartbar h3 {
  margin-bottom: 0;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  position: absolute;
  top: 2px;
  left: calc(100% + 10px);
}

.historianchartbar h4 {
  margin-bottom: 0;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 18px;
  color: #fff;
  text-align: right;
  line-height: 1;
  padding-top: 4px;
  padding-right: 10px;
}

.planedhrschart {
  background-color: #676767;
  margin-bottom: 10px;
}

.historianhrsplanedactual .recoHistoriankipsicon {
  width: 63px;
}

.recordhistory h3 {
  margin-bottom: 0;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  display: flex;
}

.recordhistory h3 span:nth-child(1) {
  display: inline-block;
  padding-right: 7px;
  min-width: 95px;
}

.recordhistory h3 span:nth-child(2) {
  display: inline-block;
  padding-right: 7px;
  min-width: 45px;
}

.recordhistorianhistorymain {
  padding: 2px 0px 0px 30px;
}

/*==========================End Modal Record Historian==============*/

/*========================/Modal Custome tooltip====================*/
.formmodaltooltip .note_popup {
  padding: 0px;
  border-radius: 10px;
}

.formmodaltooltip .modal-content {
  border: 0;
  border-radius: 10px;
}

.formmodaltooltip .modal-bodycreate {
  margin-bottom: 8px;
}

.formmodaltooltip .note_popup .signature-border {
  border: 5px solid #cfd1d2;
}

.formmodaltooltip .modal-header {
  padding-top: 10px;
}

.formmodaltooltip .note_popup .modal-headercreatelistleft {
  padding: 10px 0px 3px 21px;
}

.formmodaltooltip .note_popup .modal-bodycreate {
  padding: 13px 0px 18px 14px;
}

.formmodaltooltip .note_popup .modal-header {
  width: 70%;
  justify-content: flex-start;
}

.formmodaltooltip .note_popup .claim_note_header {
  margin-bottom: 0;
  text-transform: uppercase;
  margin-left: 10px;
  font-family: "GothamBold", sans-serif;
  font-size: 20px;
}

.formmodaltooltip .modal-header p {
  margin-bottom: 0;
  font-size: 30px;
}

.formmodaltooltip .note_popup .note_ehs_logo img {
  width: 130px;
  height: 150px;
  position: absolute;
  right: 50px;
}

.formmodaltooltip .note_popup .close {
  position: absolute;
  right: 13px;
  top: 12px;
}

.formmodaltooltip .toolTipsMT25 {
  margin-top: 1px;
  /* padding-left: 26px; */
}

.formmodaltooltip .note_popup .toolTipsMT25 h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
}

.formmodaltooltip .note_popup .toolTipsMT25 p {
  color: #686969;
  font-size: 14px;
  font-family: "Gotham-Medium", sans-serif;
  width: 70%;
  margin-bottom: 11px;
}

.formmodaltooltip .note_popup .toolTipsMT25 .onewtooltips {
  margin: 0px;
}

/*========================//Modal Custome tooltip====================*/
/*=========================/My settings Main Modal style===========================*/
.RecordManagementPopup.MysettingsPopup .recordstatussteps {
  align-items: flex-end;
}

.RecordManagementPopup.MysettingsPopup .formstepsicon h3 {
  font-size: 34px;
}

.RecordManagementPopup.MysettingsPopup .formsteptext h3 {
  text-align: left;
}

.RecordManagementPopup.MysettingsPopup .formsteptext {
  position: relative;
}

.RecordManagementPopup.MysettingsPopup .myalert_counts {
  background-color: #ff0000;
  position: absolute;
  top: 0;
  left: 25px;
  border-radius: 50%;
  line-height: 1;
  padding: 0px 4px;
}

.RecordManagementPopup.MysettingsPopup .myalert_counts h3 {
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
}

.RecordManagementPopup.MysettingsPopup .nav-item {
  padding-right: 20px;
  padding-bottom: 10px;
}

.RecordManagementPopup.MysettingsPopup .topheaderbottomblock {
  padding: 30px 35px 0px 35px;
}

.RecordManagementPopup.MysettingsPopup .nav-item button:disabled .formstepsicon h3 {
  color: #c8ccce;
}

.draggablemodal .modal-content>.modal-draggable {
  background-color: #f8f8f8;
  border-radius: 8px;
}

.draggablemodal.draggablemodalFromComponent .modal-content .modal-draggable {
  background-color: #f8f8f8;
  border-radius: 8px;
}

.draggablemodal .modal-content {
  background: transparent !important;
  border: 0;
}

.myinfo-popup-container {
  display: none;
}

.myinfo-popup .myinfo-popup-container {
  display: block;
}

.myaction-container {
  display: none;
}

.myaction-active .myaction-container {
  display: block;
}

.myalert-container {
  display: none;
}

.myalert-active .myalert-container {
  display: block;
}

.mainactionmodel .modal-content {
  background-color: #f6f7f7;
}

.Anulplanpctcstmain.regionbgcolorcst .multiselect-dropdown .dropdown-btn .selected-item {
  background-color: #cb8b37 !important;
  border-color: #cb8b37 !important;
  color: #fff !important;
}

.Anulplanpctcstmain .multiselect-dropdown .dropdown-btn .selected-item {
  color: #fff !important;
}

.Anulplanpctcstmain.regionbgcolorcst .multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: #cb8b37 !important;
}

.Anulplanpctcstmain.regionbgcolorcst .multiselect-item-checkbox input[type="checkbox"]+div:before {
  border-color: #cb8b37 !important;
}

.Anulplanpctcstmain.regionbgcolorcst .ngb-dp-arrow .btn-link {
  color: #cb8b37 !important;
}

.Anulplanpctcstmain.regionbgcolorcst .ngb-dp-day .bg-primary {
  background: #cb8b37 !important;
}

.Anulplanpctcstmain.regionbgcolorcst .calendar:hover {
  background: #cb8b37 !important;
  border-color: #cb8b37 !important;
}

.Anulplanpctcstmain .projectTitlefield input {
  padding-left: 14px !important;
  text-align: left;
}

@media only screen and (max-width: 1750px) {
  .RecordManagementPopup .swiper-slide.temppopupsilde {
    height: calc(100vh - 365px) !important;
  }
}

@media (max-width: 1199px) {
  .RecordManagementPopup .formModalmain {
    padding: 0 20px !important;
  }

  .formDocmanagerLeft {
    padding-right: 20px;
  }
}

/*=========================//My settings Main Modal style===========================*/

/*  =============== MocModule activityupdate model start =============== */

.MOCNewAcivityCommentModel>.modal-dialog {
  max-width: 883px;
}

/* =============== MocModule activityupdate model end  =============== */

/*  =============== Compilance calender model start =============== */
.RecordManagementPopup.ScheduleManagementPopup>.modal-dialog {
  /* max-width: 665px; */
  max-width: 820px;
}

.draggablemodal.ScheduleManagementPopup.draggablemodalFromComponent .modal-content .modal-draggable {
  background-color: #fff;
  border-radius: 15px;
}

.RecordManagementPopup.ScheduleManagementPopup .formModalmain {
  padding: 0px 27px 0px 16px;
}

.taskmanagermodal .ng-select .ng-select-container:hover {
  box-shadow: none;
}

.taskmanagermodal .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
  box-shadow: none;
  border-color: #B9B9BA;
}

.taskmanagermodal .multiselect-dropdown .dropdown-btn .selected-item-container {
  max-width: 60%;
}

/*  =============== Compilance calender model start =============== */

/* ===============  moc management mocsetting Approved Section  model Droupdown css start ===============   */

.mocappredsec .multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid #583f7d !important;
  background: #583f7d !important;
}

.mocappredsec .multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: #583f7d !important;
}

.mocappredsec .multiselect-item-checkbox input[type="checkbox"]+div:before {
  border: 2px solid #583f7d !important;
}

/* ===============  moc management mocsetting Approved Section  model Droupdown css close =============== */

/* =============== Risk assment swal model css start =============== */

.NextAssessmentPopup .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ReassessPopup .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* =============== Risk assment swal model css start =============== */

/* Module activity multiselect dropdown css start */

.dropdownbgcustem-wrapper .dropdown-btn {
  background-color: rgb(94 94 94 / 40%);
}

.dropdownbgcustem-wrapper .dropdown-btn .selected-list .countplaceholder {
  background-color: #fff !important;
}

.dropdownbgcustem-wrapper .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
  border-color: #fff !important;
}

.dropdownbgcustem-wrapper .multiselect-dropdown .dropdown-btn .selected-item-container+span span {
  color: #fff;
  display: inline-block;
}

.dropdownbgcustem-wrapper.multiselect-dropdown .form-control {
  background-color: transparent;
}

.angmuldropdownbg-wrapper .cuppa-dropdown {
  background-color: rgba(94, 94, 94, 0.40) !important;
  border: 0px solid #bbbbbc !important;
  margin-top: 0 !important;
}

.angselboxwidth-wrapper {
  max-width: 245px;
  margin-left: 40px;
}

.angmuldropdownbg-wrapper .cuppa-dropdown .countplaceholder {
  color: #fff;
}

.angmuldropdownbg-wrapper .selected-list .c-angle-down svg,
.selected-list .c-angle-up svg {
  fill: #ffffff;
}

.dropdownbgcustem-wrapper span>span,
.angmuldropdownbg-wrapper span>span {
  color: #fff !important;
}

.rolesMultiSelect .selected-list .c-list .c-token .c-label {
  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.roleformscheckbox-wrapper .rolesMultiSelect .selected-list .c-list .c-token .c-label {
    max-width: 190px;
    width: 100%;
}
.rmospecdrop-wrapper .rolesMultiSelect .selected-list .c-list .c-token .c-label {
  width: 67%;
}
.rmospecdrop-wrapper .rmo_plantspillersourceselinn .rolesMultiSelect .selected-list .c-list .c-token {
    background-color: transparent;
}
.angmuldropdownbg-wrapper .selected-list .clear-all {
  display: none;
}

.angmuldropdownbg-wrapper .selected-list .countplaceholder {
  right: 35px !important;
}

.angmuldropdownbg-wrapper .selected-list .c-list .c-token .c-remove {
  background-color: #999;
  padding: 0px 5px 2px 5px !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 18px;
  width: 18px;
}

.angmuldropdownbg-wrapper .selected-list .c-list .c-token .c-remove svg {
  fill: #000 !important;
}

.angmuldropdownbg-wrapper .selected-list .c-btn span {
  color: #fff;
}

.angmuldropdownbg-wrapper .selected-list .c-angle-up svg {
  fill: #fff !important;
}

/* Module activity multiselect dropdown css close */
.AreaboardActionPopup > .modal-dialog{
    max-width: 1009px;
    position: unset !important;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
    pointer-events: auto;
}
/*================For IE Only css===================================*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .hrsvertical h3 {
    writing-mode: tb-lr;
    height: 70px;
    letter-spacing: 6px;
  }
}

/*=============For safari only css=============*/
@media not all and (min-resolution: 0.001dpcm) {
  .hrsvertical h3 {
    letter-spacing: 2px;
  }

  .RecordManagementPopup .formreportnumber h3 {
    padding-top: 2px;
  }
}

.is-invalid .dropdown-btn {
  background: #efcdcd !important;
}

.initiveleadblk.is-invalid .dropdown-btn {
  background: #efcdcd !important;
}

.initiveleadblk.is-invalid .multiselect-dropdown .dropdown-btn {
  border-color: #dc3545 !important;
}

.is-invalid .multiselect-dropdown .dropdown-btn {
  border-color: #dc3545 !important;
}

.mlheightinnctm .ctmrmomodelinn {
  height: 750px;
}

.RecordManagementPopup.mlheightinnctm .swiper-slide {
  height: calc(100vh - 217px) !important;
}