/*=======================/report builder theme colors==================*/
:root {
  --generalBluetheme: #007ac1;
  --eveTheme: #1c94ce;
  --safetyTheme: #4cadaf;
}

/*=======================/report builder colors==================*/
                    /* Start Theme colors csheme */


.reportBuuilder .repobui_contentheader,
.reportBuuilder .jobstepverticalheader {
  background-color: var(--generalBluetheme);
}

.reportBuuilder .repobui_reportheader table thead tr th h1,
.reportBuuilder .annu_repobui_reportheader table thead tr th h1 {
  color: var(--generalBluetheme);
}

.reportBuuilder .jobstepfirstcol {
  border-color: var(--generalBluetheme);
  background-color: var(--generalBluetheme);
}                    

/*------------------------------Start General Blue Theme color-----------*/
.reportBuuilder.eveTheme .repobui_contentheader,
.reportBuuilder.eveTheme .jobstepverticalheader {
  background-color: var(--generalBluetheme);
}

.reportBuuilder.eveTheme .repobui_reportheader table thead tr th h1,
.reportBuuilder.eveTheme .annu_repobui_reportheader table thead tr th h1 {
  color: var(--generalBluetheme);
}

.reportBuuilder.eveTheme .jobstepfirstcol {
  border-color: var(--generalBluetheme);
  background-color: var(--generalBluetheme);
}
/*------------------------------End General Blue Theme color-----------*/

/*------------------------------Start Enviornmental Theme color-----------*/
.reportBuuilder.eveTheme .topheaderbg,
.reportBuuilder.eveTheme
  .repobui_formsavestatusblockright
  .formiconsaveprint
  button,
.reportBuuilder.eveTheme .repobui_buildbtn button,
.reportBuuilder.eveTheme .themebgcolor,
.reportBuuilder.eveTheme .modal-footer button.close-out-action,
.reportBuuilder.eveTheme .repobui_functionbtns .zomminoutbtns button:active,
.reportBuuilder.eveTheme .repobui_functionbtns .pageupdownbtns button:active {
  background-color: var(--eveTheme);
}
.reportBuuilder.eveTheme .repobui_formsavestatusblockleft .formproghead h3,
.reportBuuilder.eveTheme .repobui_content h3 span,
.reportBuuilder.eveTheme .themefontcolor {
  color: var(--eveTheme);
}
.reportBuuilder.eveTheme .jobstepriskheader,
.reportBuuilder.eveTheme .jobstepriskdata,
.reportBuuilder.eveTheme .themebordercolor {
  border-color: var(--eveTheme);
}
/*------------------------------End Enviornmental Theme color-----------*/
/*------------------------------Start Safety Theme color-----------*/
.reportBuuilder.safetyTheme .topheaderbg,
.reportBuuilder.safetyTheme
  .repobui_formsavestatusblockright
  .formiconsaveprint
  button,
.reportBuuilder.safetyTheme .repobui_buildbtn button,
.reportBuuilder.safetyTheme .repobui_functionbtns .zomminoutbtns button:active,
.reportBuuilder.safetyTheme
  .repobui_functionbtns
  .pageupdownbtns
  button:active {
  background-color: var(--safetyTheme);
}
.reportBuuilder.safetyTheme .repobui_formsavestatusblockleft .formproghead h3,
.reportBuuilder.safetyTheme .repobui_content h3 span {
  color: var(--safetyTheme) !important;
}
.reportBuuilder.safetyTheme .multiselect-dropdown .dropdown-btn .selected-item {
  background-color: var(--safetyTheme);
}
/*------------------------------End Safety Theme color-----------*/
/*==================================================================
                    End Theme colors csheme
==================================================================*/
/*============================Start Theme layout====================*/
.reportBuuilder .formiconsave.disabledA,
.reportBuuilder .formiconprint.disabledA {
  background-color: #d0d2d3 !important;
  border: 1px solid #a6a8ab !important;
  padding: 8px;
}
.reportstar {
  line-height: 0;
  display: inline-block;
  font-size: 30px;
  position: relative;
  top: 11px;
  padding-left: 5px;
}
.repobui_formsavestatusblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #5e5f5e;
}

.repobui_formtopbottmmaintop {
  width: 100%;
  padding: 0px 30px 0px 30px;
  background-color: #f6f7f7;
}

.repobui_formsavestatusblockleft {
  padding-top: 14px;
  width: calc(100% - 100px);
}

.repobui_formsavestatusblockright {
  display: flex;
  width: 150px;
}

.repobui_formsavestatusblockleft .submissionandstatus {
  display: flex;
  max-width: 1489px;
}

.repobui_formsavestatusblockleft .reportselectionheader {
  width: 332px;
  min-width: 332px;
  display: flex;
  align-items: flex-end;
}

.repobui_formsavestatusblockleft .formtopmidcontent {
  padding-right: 10px;
  padding-left: 15px;
  width: calc(100% - 332px);
  min-height: 50px;
}

.repobui_formsavestatusblockleft .formproghead h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  margin-bottom: 0;
  padding-left: 7px;
}

.repobui_formsavestatusblockleft .formtopmidcontent h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.repobui_formsavestatusblockright .formiconsaveprint {
  margin-right: 10px;
}

.repobui_formsavestatusblockright .formiconsaveprint 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;
}

.repobui_formtopbottmmainbottom {
  display: flex;
  width: 100%;
  padding: 0px 30px 0px 30px;
  background-color: #f6f7f7;
}
.repobui_formtopbottmmainbottomleft {
  width: 332px;
  min-width: 332px;
  display: flex;
  padding: 15px 18px 15px 5px;
}

.repobui_formtopbottmmainbottomright {
  display: flex;
  padding-right: 10px;
  padding-left: 40px;
  width: calc(100% - 332px);
  border-left: 1px solid #5e5f5e;
}

.repobui_bottomFirst {
  width: 100%;
}
.repobui_bottomSecond {
  width: calc(100% - 320px);
  display: flex;
  padding-right: 58px;
  padding-top: 14px;
}
.repobui_bottomThird {
  width: 320px;
  padding-top: 15px;
}
.choose-gallery-boxImage {
  width: 100%;
  height: calc(100vh - 381px);
  overflow: hidden;
  overflow-y: auto;
}
.repobui_reportblock {
  width: calc(100% - 30px);
  padding-right: 12px;
}
.repobui_functionbtns {
  width: 30px;
  padding-top: 25px;
}
.repobui_functionbtns p {
  margin-bottom: 8px;
}
.zomminoutbtns button {
  border: 0px;
  cursor: pointer;
  background-color: #ababab;
  font-family: "GothamBold", sans-serif;
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 0px;
  padding: 3px;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  border-radius: 4px;
}
.pageupdownbtns {
  margin-top: 30px;
}

.repobui_reportblockinn {
  padding-right: 38px;
  padding-bottom: 5px;
  height: calc(100vh - 330px);
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.repobui_bottomThird select {
  max-width: 279px;
}
.repobui_reportcontents {
  min-width: 877px;
}

.topheaderbg {
  padding: 17px;
}
.repobui_content {
  padding-left: 5px;
}
.repobui_content h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.repobui_selection {
  margin-bottom: 15px;
}
.repobui_selection select {
  text-align-last: left;
  padding-left: 22px !important;
  color: #221f1f;
}
.repobui_buildbtn h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.repobui_buildbtn button {
  cursor: pointer;
  font-family: "GothamBold", sans-serif;
  color: #fff;
  width: 132px;
  height: 38px;
  line-height: 0px;
  padding: 9px;
  text-align: center;
  font-size: 18px;
  margin: 0px;
  border-radius: 8px;
  border: 0;
  font-size: larger;
}
.repobui_buildbtn button.disabledA {
  background-color: #d0d2d3 !important;
  border: 1px solid #a6a8ab !important;
}
.warningReportGallary select {
  text-align-last: left;
}
.reportBuuilder .report_gallary {
  border: 0px;
  padding: 0px 0px;
  height: auto;
  background-color: transparent;
  padding-bottom: 0px;
  border-radius: 0px;
}
.reportBuuilder .gallary_photo {
  width: 136px !important;
  height: 180px;
}
.reportBuuilder .innerScrollableMain {
  border-radius: 12px;
  overflow: hidden;
}
/*============================End Theme layout====================*/
/*=============================Media Query=========================*/
@media (max-width: 1599px) {
  .repobui_bottomThird {
    width: 155px;
  }
  .repobui_bottomSecond {
    width: calc(100% - 155px);
    padding-right: 15px;
  }
  .repobui_formtopbottmmainbottomright {
    padding-left: 20px;
    width: calc(100% - 250px);
  }
  .repobui_formtopbottmmainbottomleft {
    width: 250px;
    min-width: 250px;
  }
}
@media (min-width: 1366px) and (max-width: 1650px) {
  .repobui_reportblockinn {
    height: calc(100vh - 336px);
  }
  .choose-gallery-boxImage {
    height: calc(100vh - 390px);
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .repobui_reportblockinn {
    height: calc(100vh - 355px);
  }

  .choose-gallery-boxImage {
    height: calc(100vh - 410px);
  }
}
@media (max-width: 1199px) {
  .repobui_reportblockinn {
    height: calc(100vh - 370px);
  }

  .choose-gallery-boxImage {
    height: calc(100vh - 425px);
  }
}