/************** variables declared **************/
:root {
  /* colors used */
  --black: #000;
  --white: #fff;
  --darkBlue: #165197;
  --blue: #1736b1;
  --softblue: #1e579b;
  --dark1: #212529;
  --dark: #212529;
  --orange: #ffa400;
  --grey: #dfdfdf;
  --lightgrey: #e8eaed;
  --yellow: #ffff00;

  --fontRoboto: "Roboto", sans-serif; 

  /* style guide for 1920 */
     --h1-font-size: 40px;
    --h1-line-height: 50px;
    --h1-lspacing: 0;
    --h2-font-size: 35px;
    --h2-line-height: 45px;
    --h2-lspacing: 0;
    --h3-font-size: 31px;
    --h3-line-height: 41px;
    --h3-lspacing: 0;
    --h4-font-size: 26px;
    --h4-line-height: 36px;
    --h4-lspacing: 0;
    --h5-font-size: 23px;
    --h5-line-height: 33px;
    --h5-lspacing: 0px;
    --h6-font-size: 19px;
    --h6-line-height: 29px;
    --h6-lspacing: 0px;
    --md-font-size: 15px;
    --md-line-height: 25px;
    --md-lspacing: 0px;
    --sm-font-size: 14px;
    --sm-line-height: 22px;
    --sm-lspacing: 0px;
    --xsm-font-size: 14px;
    --xsm-line-height: 22px;
    --xsm-lspacing: 0px;
    --body-font-size: 14px;
    --body-line-height: 22px;
    --body-lspacing: 0px;
    --btn-font-size: 13px;
    --btn-line-height: 21px;
    --btn-lspacing: 0px;
}

/* ********* Common css ************ */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}

body {
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  font-weight: 400;
  color: var(--dark); 
}
 

strong, .bold {
  font-weight: 700;
}

/*html,
body {
  scroll-behavior: smooth;
}*/

.body-fix {
  overflow-y: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
}

.text--orange {
  color: var(--orange) !important;
}

.text--voilet {
  color: #0056f2!important;
}

.text--blue {
  color: #00acd8 !important;
}

.text--bluelight,
.text--blueLight {
  color: #0000ff !important;
  font-weight: 700;
}
.text--darkvoiletblue {
  color: #3900b5 !important;
}
.text--red {
  color: #ff1c1c !important;
}

.text--green {
  color: #019705 !important;
}

.text-bold {
    font-weight: 700 !important;
}

.heading-h1,
.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6 {
  font-weight: 500;
  font-family: var(--fontRoboto);
  color: var(--dark);
}

.heading-h1 {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-lspacing);
}

.heading-h2 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-lspacing);
}

.heading-h3 {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-lspacing);
}

.heading-h4 {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-lspacing);
}

.heading-h5 {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-lspacing);
}

.heading-h6 {
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-lspacing);
}

.text-md {
  font-size: var(--md-font-size);
  line-height: var(--md-line-height);
  letter-spacing: var(--md-lspacing);
}

.text-sm {
  font-size: var(--sm-font-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-lspacing);
}

.text-xsm {
  font-size: var(--xsm-font-size);
  line-height: var(--xsm-line-height);
  letter-spacing: var(--xsm-lspacing);
}

.cust-container-lg {
  max-width: 1704px;
  width: 100%;
  margin: 0 auto;
}

.cust-container-md {
  max-width: 1504px;
  width: 100%;
  margin: 0 auto;
}

.cust-container-sm {
  max-width: 1704px;
  width: 100%;
  margin: 0 auto;
}

.img-box {
  position: relative;
  overflow: hidden;
}

.img-box img,
.img-box video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle,
.btn-info.focus,
.btn-info:focus {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}

.bold-text {
    font-weight: 700 !important;
}

/* theme-btn */
.theme-btn--blue,
.theme-btn--dark,
.theme-btn--orange,
.theme-btn--default,
.theme-btn--green,
.theme-btn--greendark,
.theme-btn--red,
.theme-btn--redlight,
.cust-steps-box .btn,
.delete-btn-td a,
.edit-update-td a,
.sweet-alert .confirm,
.sweet-alert .cancel,
.btn.theme-btn--blue {
  font-size: var(--btn-font-size);
  line-height: var(--btn-line-height);
  letter-spacing: var(--btn-lspacing);
  border: none;
  font-weight: 600 !important;
  text-align: center;
  padding: 4px 20px;
  color: var(--white);
  display: inline-block;
  background: var(--darkBlue);
  border: 2px solid transparent;
  border-width: 2px !important;
  border-radius: 0 !important;
  transition: all 200ms ease-in;
  text-transform: capitalize;
  cursor: pointer;
  font-family: var(--fontRoboto);
  box-shadow: none;
  text-decoration: none !important;
}

.sweet-alert .confirm {
      background: var(--darkBlue) !important;
      color: var(--white) !important;
}

.sweet-alert .cancel {
      background: #b43103 !important;
      border-color: #b43103 !important;
      color: var(--white) !important;
}

.theme-btn--orange ,
.btn.theme-btn--orange{
  background: var(--orange); 
  color: var(--dark);
}

.theme-btn--green,
.cust-steps-box .btn.btn-success {
  background: #048b73 !important;
  border-color: #048b73 !important;
  color: var(--white) !important;
}

.theme-btn--greendark,
.cust-steps-box .btn.btn-success {
  background: #066756 !important;
  border-color: #066756 !important;
  color: var(--white) !important;
}

.theme-btn--red,
.delete-btn-td a {
  background: #b43103 !important;
  border-color: #b43103 !important;
  color: var(--white) !important;
}

.theme-btn--redlight {
  background: #f6480b !important;
  border-color: #f6480b !important;
  color: var(--white) !important;
}

.edit-update-td a {
  background: #1e7cb3 !important;
  border-color: #1e7cb3 !important;
  color: var(--white) !important;
}

.edit-update-td a:hover,
.edit-update-td a:focus {
  background: var(--white) !important;
  border-color: #1e7cb3 !important;
  color: #1e7cb3 !important;
}

.theme-btn--blue:hover,
.btn.theme-btn--blue:hover,
.theme-btn--blue:focus,
.theme-btn--blue:not(:disabled):not(.disabled):active,
.theme-btn--blue:not(:disabled):not(.disabled):active,
.btn.theme-btn--blue:focus,
.btn.theme-btn--blue:not(:disabled):not(.disabled):active,
.btn.theme-btn--blue:not(:disabled):not(.disabled):active,
.sweet-alert .confirm:hover,
.sweet-alert .confirm:focus {
  background: var(--white);
  border-color: var(--darkBlue);
  color: var(--darkBlue) !important;
  transition: all 200ms ease-in;
  box-shadow: none;
  cursor: pointer;
}

.sweet-alert .confirm:hover,
.sweet-alert .confirm:focus {
      background:transparent !important;
      color: var(--darkBlue) !important;
}

.theme-btn--green:hover,
.theme-btn--green:focus,
.cust-steps-box .btn.btn-success:hover,
.cust-steps-box .btn.btn-success:focus {
  background: var(--white) !important;
  border-color: #048b73 !important;
  color: #048b73 !important;
}

.theme-btn--greendark:hover,
.theme-btn--greendark:focus {
  background: var(--white) !important;
  border-color: #066756 !important;
  color: #066756 !important;
  box-shadow: none;
}

.theme-btn--red:hover,
.theme-btn--red:focus,
.delete-btn-td a:hover,
.delete-btn-td a:focus,
.sweet-alert .cancel:hover,
.sweet-alert .cancel:focus {
  background: var(--white) !important;
  border-color: #b43103 !important;
  color: #b43103 !important;
  box-shadow: none;
}

.theme-btn--redlight:hover,
.theme-btn--redlight:focus {
  background: var(--white) !important;
  border-color: #f6480b !important;
  color: #f6480b !important;
  box-shadow: none;
}

/* orange btn */
.theme-btn--orange {
  background: var(--orange);
}

.theme-btn--orange:hover,
.btn.theme-btn--orange:hover,
.btn.theme-btn--orange:focus,
.theme-btn--orange:focus,
.theme-btn--orange:not(:disabled):not(.disabled):active,
.theme-btn--orange:not(:disabled):not(.disabled):active,
.btn.theme-btn--orange:not(:disabled):not(.disabled):active,
.btn.theme-btn--orange:not(:disabled):not(.disabled):active {
  background: var(--white) !important;
  border-color: var(--orange) !important;
  color: var(--dark) !important;
}

.cust-steps-box .btn:hover,
.cust-steps-box .btn:focus {
  background: #066756 !important;
  border-color: #066756 !important;
  color: #fff !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):active {
  background: inherit;
  border-color: inherit;
}

/* dark btn */
.theme-btn--dark {
  background: var(--dark);
}

.theme-btn--dark:hover,
.theme-btn--dark:focus,
.theme-btn--dark:active {
  background: var(--white);
  border-color: var(--dark);
  color: var(--dark);
}

.cust-steps-box .btn {
  background: transparent;
  border: none;
}

.cust-steps-box .btn cite {
  background: #bde5f8;
  color: var(--dark);
  display: block;
  width: 100%;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  font-style: normal;
  padding-left: 5px;
  padding-right: 5px;
  cursor: auto;
}

.cust-steps-box .btn.btn-success cite {
  background: #1e7cb3;
  color:  var(--white) !important;
}
.btn.steps-btn.link-steps-btn , .cust-steps-box .btn.steps-btn.link-steps-btn cite , .cust-steps-box .btn:first-child cite{
    cursor: pointer !important;
}
.cust-steps-box .btn cite:hover,
.cust-steps-box .btn cite:focus,
.cust-steps-box .btn cite:active,
.cust-steps-box .btn.theme-btn--orange:focus, 
.cust-steps-box .btn .theme-btn--orange:not(:disabled):not(.disabled):active, 
.cust-steps-box .btn .theme-btn--orange:not(:disabled):not(.disabled):active {
  background: #bde5f8 !important;
  border-color: #bde5f8 !important;
  color:  var(--dark) !important;
}

.cust-steps-box .btn.btn-success cite:focus,
.cust-steps-box .btn.btn-success cite:hover,
.cust-steps-box .btn.btn-success cite:active  {
    background: #2a7bb0 !important;
    border-color: #337aae !important;
    color: var(--white) !important;
} 

.cust-steps-box .btn:hover,
.cust-steps-box .btn:focus,
.cust-steps-box .btn:active, 
.cust-steps-box .btn.btn-success:focus,
.cust-steps-box .btn.btn-success:hover,
.cust-steps-box .btn.btn-success:active ,
.cust-steps-box .btn.btn-success {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--dark) !important;
  box-shadow: none;
}

/* form controls */
.form-control::-webkit-input-placeholder {
  color: var(--dark);
}

.form-control::-moz-placeholder {
  color: var(--dark);
}

.form-control:-ms-input-placeholder {
  color: var(--dark);
}

.form-control:-moz-placeholder {
  color: var(--dark);
}

.form-control:focus,
.form-control:focus-visible {
  outline: none !important;
}

.cust-form .cust-form-group {
  margin-bottom: 0;
}

.cust-form .cust-form-group:last-child {
  margin-bottom: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--dark);
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: transparent;
  outline: 0 !important;
  color: var(--dark) !important;
}

input:focus,
.form-control:focus,
textarea:focus,
select.form-control:focus,
select:focus {
  box-shadow: none;
  color: var(--dark);
  border-color: var(--dark);
  outline: 0;
  background: transparent;
}

.form-control,
select.form-control,
select,
textarea,
.table.o-and-m-table-first input[type="text"],
.MultiSelect {
  border: 1px solid var(--dark) !important;
  background-color: #fff;
  border-radius: 0 !important;
  padding: 9px 10px;
  width: 100%;
  /*height: auto !important;*/
  color: var(--dark) !important;
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
  min-height: auto;
  outline: 0;
  font-family: var(--fontRoboto) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.MultiSelect {
    padding: 0 !important;
}
input.form-control,
select.form-control,
select,
.cust-sec-row .cus-input-divs span.form-control  {
    height: auto;
}
.form-control.disabled,
.form-control.disablebg ,
.form-control:disabled,
.form-control[readonly] {
  background: #d7d7d7;
}
select.form-control,
select {/images/
  height: auto !important;
  padding-right: 30px !important;
}

select.form-control,
select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("/images/cust-img/down-arrow-dark.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 7px) center;
  background-size: 20px;
}

select.form-control:focus,
select:focus {
  background-image: url("/images/cust-img/down-arrow-dark.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 7px) center;
  background-size: 20px;
}

select option {
  margin: 1px;
  background: var(--darkBlue);
  color: var(--white);
  padding: 10px;
  border: 1px solid var(--darkBlue);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

select option:not(:checked) {
  background: #edeff8;
  color: var(--dark);
}

select option:checked {
  background: var(--darkBlue);
  color: var(--white);
}

select option:hover,
select:focus > option:checked {
  background: var(--darkBlue);
  color: var(--white);
}

.cust-label,
.cus-label-div .cust-label
 {
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--dark);
}

.cus-label-div label {
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  color: var(--dark);
}
.cust-btn-sm,
.delete-btn-td a,
.edit-update-td a {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
}

.form-control-sm,
select.form-control-sm {
  padding: 5px 10px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}

/* custom radio */
.radio input[type="radio"]:checked,
.radio input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radio input[type="radio"]:checked + label,
.radio input[type="radio"]:not(:checked) + label {
  padding-left: 28px;
  display: inline-block;
}

.radio input[type="radio"]:checked + label::before,
.radio input[type="radio"]:not(:checked) + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--darkBlue);
  border-radius: 100%;
  background: #edeff8;
}

.radio input[type="radio"]:checked + label::after,
.radio input[type="radio"]:not(:checked) + label::after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--darkBlue);
  position: absolute;
  top: 5px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.radio input[type="radio"]:not(:checked) + label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radio input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.radio label {
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  font-weight: 400;
  position: relative;
  cursor: pointer;
}

.grivnce-ticDetail-check input {
  position: absolute;
  display: block;
  z-index: 99;
  visibility: hidden;
}
/* custom checkbox */
.custom-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.custom-checkbox label {
  position: relative;
  cursor: pointer;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  font-weight: 500;
  cursor: pointer;
  padding-left: 28px;
  margin-bottom: 0;
}

.custom-checkbox label::before {
  position: absolute;
  content: "";
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid var(--darkBlue);
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 0;
}

.custom-checkbox input:checked + label::after {
  position: absolute;
  content: "";
  display: block;
  top: 5px;
  left: 6px;
  width: 7px;
  height: 11px;
  border: solid var(--darkBlue);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* table */
.cust-table table,
.cust-common-table-fix-header table,
.ticket-detail-box table {
  text-align: left;
  position: relative;
  border-collapse: collapse;
  border: none !important;
}

.cust-common-table-fix-header table,
table,
.ticket-detail-box table {
  width: 100%;
}

.cust-table table th,
.cust-table table td,
.cust-common-table-fix-header table th,
.cust-common-table-fix-header table td,
.ticket-detail-box table th,
.ticket-detail-box table td {
  padding: 10px;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-lspacing);
  font-weight: 400;
  color: var(--dark);
  border: 1px solid var(--dark) !important;
  background: transparent;
}

.ticket-detail-box table td,
.ticket-detail-box table td *,
.ticket-detail-box table th *,
.ticket-detail-box table th {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
}

.cust-table table th,
.cust-common-table-fix-header table th,
.ticket-detail-box table th {
  font-weight: 400;
  border: 1px solid var(--dark) !important;
}

.cust-table table tr.dark-table-tr th {
  background: var(--dark);
  color: var(--white);
}

.cust-table table tr.blue-table-tr th {
  background: var(--darkBlue);
  color: var(--white);
}

.cust-table table tr.orange-table-tr th {
  background: var(--orange);
  color: white;
}

.cust-table table th,
.cust-common-table-fix-header table th,
.ticket-detail-box table th {
  background: #bbe5f9;
  box-shadow: none;
  font-weight: 700;
}

.cust-table table td,
.cust-table table tr,
.cust-common-table-fix-header table td,
.cust-common-table-fix-header table tr {
  background: transparent !important;
}

.cust-table table > :not(caption) > * > *,
.cust-common-table-fix-header table > :not(caption) > * > * {
  box-shadow: none;
}

.common-scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.grivnce-report-outer .cust-table::-webkit-scrollbar,
.cust-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 10px;
}
.common-scrollbar::-webkit-scrollbar-track,
.grivnce-report-outer .cust-table::-webkit-scrollbar-track,
.cust-table::-webkit-scrollbar-track {
  background: var(--grey);
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.common-scrollbar::-webkit-scrollbar-thumb,
.grivnce-report-outer .cust-table::-webkit-scrollbar-thumb,
.cust-table::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.common-scrollbar::-webkit-scrollbar-thumb:hover,
.grivnce-report-outer .cust-table::-webkit-scrollbar-thumb:hover,
.cust-table::-webkit-scrollbar-thumb:hover {
  background: #919191;
}

.common-table-w-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  max-height: 500px;
  /* to control overflow x*/
}

.common-table-w-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.common-table-w-scroll table th,
.common-table-w-scroll table td {
  vertical-align: top;
  white-space: nowrap;
}

.common-table-w-scroll thead th,
.grivnce-report-outer .cust-table tr:first-child,
.griev-ticket-dashboard .cust-table.griev-GridView1 tr:first-child,
.griev-ticket-dashboard .cust-table.griev-GridView1 tr:nth-child(2),
.griev-depart-table-first tr.header1,
.griev-depart-table-first tr.header2,
.est-status-depar-outer .cust-table tr.header1,
.est-status-depar-outer .cust-table tr.header2,
.est-status-depar-outer .cust-table tr.header3,
.ticket-detail-box .cust-table tr:first-child,
.est-module-wise-PrintDept.cust-table tr.header1,
.est-module-wise-PrintDept.cust-table tr.header2,
.est-tender-outer .cust-table.est-tender-Printtable tr.header00,
.est-tender-outer .cust-table.est-tender-Printtable tr.header0,
.est-tender-outer .cust-table.est-tender-Printtable tr.header1,
.est-tender-outer .cust-table.est-tender-Printtable tr.header2,
.component-value-table tr:first-child,
.first-row-fix-table tr:first-child,
.cust-table.first-row-fix-table.index-cust-table tr:first-child,
.header-row {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: -1px;
  z-index: 4;
}
 

.grivnce-report-outer .cust-table tr:first-child,
.griev-ticket-dashboard .cust-table.griev-GridView1 tr:first-child,
.griev-depart-table-first tr.header1,
.est-status-depar-outer .cust-table tr.header1,
.ticket-detail-box .cust-table tr:first-child,
.est-module-wise-PrintDept.cust-table tr.header1,
.est-tender-outer .cust-table.est-tender-Printtable tr.header00,
.component-value-table tr:first-child,
.first-row-fix-table tr:first-child {
  top: -42px;

}

.est-tender-outer .cust-table.est-tender-Printtable tr.header2 {
  top: 42px;
}

.header-row {
  top: -41px;
}

.Header_space {
  bottom: -41px;
  top: auto;
}

.griev-ticket-dashboard .cust-table.griev-GridView1 tr:nth-child(2),
.griev-depart-table-first tr.header2,
.est-status-depar-outer .cust-table tr.header2 {
  top: 0px;
}

.est-module-wise-PrintDept.cust-table tr.header2 {
  top: 6px;
}
.est-status-depar-outer .cust-table tr.header3 {
  top: 72px;
}

.est-status-depar-outer .cust-table.PrintDivision-table tr.header3 {
  top: 72px;
}
.est-status-depar-outer .cust-table.PrintDept-table tr.header3 {
  top: 50px;
}

.griev-depart-table-first tr.total-row,
.est-status-depar-outer .cust-table .total-row,
.est-module-wise-PrintDept.cust-table .total-row,
.est-tender-outer .cust-table.est-tender-Printtable .total-row,
.est-new-work-outer .total-row {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: auto;
  bottom: -41px;
}

.first-row-fix-table .bg-light-yellow.total-row {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: auto;
  bottom: -41px;
  z-index: 4;
}

.griev-GridView1 tr td {
  color: var(--dark) !important;
}

.griev-GridView1 tr:nth-child(even) {
  background: #fff8e6 !important;
}

.griev-GridView1 tr:nth-child(odd) {
  background: #edeff8 !important;
}

.grivnce-report-outer tr:nth-child(odd),
.bg-light-purp,
table tr.bg-light-purp,
table td.bg-light-purp,
table.cust-table tr.bg-light-purp,
table.cust-table td.bg-light-purp {
  background: #edeff8 !important;
}
 
.bg-sea-green,
table tr.bg-sea-green,
table td.bg-sea-green,
table.cust-table tr.bg-sea-green,
table.cust-table td.bg-sea-green {
  background: #c3fff1 !important;
}

.bg-light-yellow,
table tr.bg-light-yellow,
table td.bg-light-yellow,
table.cust-table tr.bg-light-yellow,
table.cust-table td.bg-light-yellow {
  background: #fff8e6 !important;
}

.bg-light-green,
table tr.bg-light-green,
table td.bg-light-green,
table.cust-table tr.bg-light-green,
table.cust-table td.bg-light-green {
  background: #effff3 !important;
}

.bg-darkpar-green,
table tr.bg-darkpar-green,
table td.bg-darkpar-green,
table.cust-table tr.bg-darkpar-green,
table.cust-table td.bg-darkpar-green {
  background: #b9f6ca !important;
}

.bg-mid-dark-green {
    background: #daf7f2 !important;    
}

.bg-white {
  background: #fff !important;
}
.bg-light-pale {
    background: #f6eedd;
    border: 2px solid #ecdfc1;
}

.bg-light-blue,
table tr.bg-light-blue,
table td.bg-light-blue,
.bg-light-blue,
table.cust-table tr.bg-light-blue,
table.cust-table td.bg-light-blue {
  background: #b9dfe9 !important;
}

.bg-light-pink,
table tr.bg-light-pink,
table td.bg-light-pink,
table.cust-table tr.bg-light-pink,
table.cust-table td.bg-light-pink {
  background: #f0dee2 !important;
}

.bg-lightest-pink {
  background: #ffdde5 !important;
}

.bg-darklight-pink,
table tr.bg-darklight-pink,
table td.bg-darklight-pink,
table.cust-table tr.bg-darklight-pink,
table.cust-table td.bg-darklight-pink {
  background: #ffebee !important;
}

.bg-white {
  background: #fff !important;
}

.bg-light-must,
table tr.bg-light-must,
table td.bg-light-must,
table.cust-table tr.bg-light-must,
table.cust-table td.bg-light-must {
  background: #f2e6ca !important;
}

.bg-dark-voilet {
   background: #cfc6ff !important;
}

.bg-light-red,
table tr.bg-light-red,
table td.bg-light-red,
table.cust-table tr.bg-light-red,
table.cust-table td.bg-light-red {
  background: #ff8585 !important;
  color: var(--white) !important;
}
.bg-lighttt-red {
    background: #fdd8d8 !important;
}
.bg-lighttt-green {
    background: #e1f9e8 !important;
}

.common-table-w-scroll tfoot,
.common-table-w-scroll tfoot th,
.common-table-w-scroll tfoot td {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  bottom: -1px;
  z-index: 4;
}

.bg-light-bblue ,
.cust-table table tr.bg-light-yllloo{
    background: #fffded !important;
}
.notes-box {
    border: 2px solid #eac58f !important;
    padding: 10px 15px;
    background: #fff8ee;
    width: 100%;
    text-align: left;
}

.notes-box *:last-child {
  margin-bottom: 0;
}

.notes-box p,
.notes-box li {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
}

.notes-box p {
  margin-bottom: 5px;
}

.notes-box li {
  list-style-type: decimal;
}

.notes-box ul {
  padding-left: 20px;
}
.form-control.hidestyleformcontrol {
    border: none !important;
}
.custom-checkbox-only-input input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
}
 
.custom-checkbox-only-input input[type="checkbox"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid var(--darkBlue);
  border-radius: 0;
  background-color: #edeff8;
}
.custom-checkbox-only-input input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid var(--darkBlue);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px;
}

.upload-file-input,
input[type="file"] {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
  cursor: pointer;
}

.upload-file-input::file-selector-button,
input[type="file"]::file-selector-button {
  background-color: var(--darkBlue);
  color: var(--white);
  border: 0px;
  border-right: 1px solid var(--darkBlue);
  padding: 7px 20px;
  margin-right: 20px;
  transition: 0.5s;
  cursor: pointer;
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
}
 

.upload-file-input::file-selector-button:hover,
input[type="file"]::file-selector-button:hover {
  background-color: var(--darkBlue);
  color: var(--white);
  border: 0px;
  border-right: 1px solid var(--darkBlue);
}

.custom-file .custom-file-label::after {
  position: absolute;
  background-color: var(--darkBlue);
  color: var(--white);
  border: 0px;
  padding: 4px 20px;
  margin-right: 0;
  transition: 0.5s;
  cursor: pointer;
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-lspacing) !important;
  border-radius: 0;
  top: 0;
  bottom: 0;
  height: auto;
}

.custom-file input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  margin: auto;
  height: 38px !important;
}
.custom-file {
  position: relative;
  height: auto;
  border: none;
  border-radius: 0;
}

.custom-file label {
  position: relative;
  width: 100%;
  border: none;
  padding: 0;
  border: 1px solid var(--darkBlue);
  border-radius: 0;
  padding: 5px 10px;
}

.o-and-m-outer .cust-table tr:first-child,
.cust-common-table-fix-header thead,
.cust-table.cust-est-add-hsr-table tr:first-child,
.cust-table.cust-est-add-hsr-table tr:nth-child(2) {
  scroll-snap-type: y proximity;
  scroll-padding-top: 0;
  position: sticky;
  top: -41px;
  z-index: 9;
  scroll-snap-align: start;
}

.cust-table.cust-est-add-hsr-table tr:nth-child(2) {
  top: 14px;
}

.cust-common-table-fix-header .tbfoot-bg {
  background: #ebe3cf;
}

.btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.btn-box button,
.btn-box input,
.btn-box a {
  margin-bottom: 10px;
  margin-right: 10px;
}

.disc-ul,
.number-ul,
.alpha-ul {
  padding-left: 17px;
}

.disc-ul li {
  list-style: disc;
}

.number-ul li {
  list-style: decimal;
}

.alpha-ul li {
  list-style: lower-alpha;
}

.cust-card-heading {
  padding-bottom: 10px;
  border-bottom: 2px solid #dccdcd;
}

.cust-card-heading * {
  margin-bottom: 0;
  padding-bottom: 0;
}

.est-component-top-row.est-component-back-btn-box.w-100,
.est-component-top-row.est-component-back-btn-box
  .est-component-top-row-cell:last-child {
  width: 100% !important;
}

.center-btn-box {
  justify-content: center;
}

.center-btn-box *:last-child {
  margin-right: 0;
}


/*custom only radio input style*/
.custom-onlyradio input[type="radio"] {
  display: none;
}

.custom-onlyradio input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    margin-right: 0.3rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #021769;
    position: relative;
    top: -5px;
}

.custom-onlyradio input[type="radio"]:checked + *::before {
  background: radial-gradient(#021769 0%, #021769 40%, transparent 50%, transparent);
  border-color: #021769;
}
.custom-onlyradio input[type="radio"]:checked + * {
  color: teal;
}
 
.custom-checkbox-only-input2 input[type=checkbox] {
  transform: scale(1.5);
}

.custom-checkbox-only-input2 input[type=checkbox] {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  cursor: pointer;
  visibility: hidden;
}

.custom-checkbox-only-input2 input[type=checkbox]::after,
.custom-checkbox-only-input2 input[type=checkbox]::after {
    content: "";
    background-color: var(--white);
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 5px;
    color: transparent;
    width: 12px;
    height: 12px;
    visibility: visible;
    border: 1px solid #021769;
    padding-left: 3px;
    border-radius: 0;
}

.custom-checkbox-only-input2 input[type=checkbox]:checked::after,
.custom-checkbox-only-input2 input[type=checkbox]:checked::after {
    content: "";
    background-image: url(/images/cust-img/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.cust-table .Header_space td:nth-child(2),
.cust-table .Header_space td,
.cust-table tr.Header_space td  {
    width: auto !important;
}

 .form-control.form-control-wthHeight,
 .MultiSelect,
 .MultiSelect > .CaptionCont{
     min-height: 36px;
 }

.MultiSelect>.CaptionCont>span.placeholder {
    color: var(--dark);
    background: #fff !important;
    opacity: 1;
}

.MultiSelect > .CaptionCont {
    border: none;
}
.MultiSelect .select-all {
    background: #f3f4cb !important;
    border-radius: 0 !important;
    border: 1px solid #cacc89;
    border-left: 0;
    border-right: 0;
    padding-top: 4px;
}
.MultiSelect>.CaptionCont>span {
    padding-left: 10px;
    padding-top: 5px;
    color: var(--dark);
    font-weight: 400;
}

.MultiSelect>.optWrapper {
    padding: 7px 0 0 0;
    border: 1px solid var(--dark);
    border-radius: 0;
    margin-top: 1px;
    left: -1px;
    right: -1px;
    width: Calc(100% + 2px) !important;
}

.MultiSelect.open > .optWrapper {
    top: auto;
    bottom: auto;
    margin-top: -1px;
}

.MultiSelect>.optWrapper>.options li.opt:hover {
    background-color: #dceaff;
}

.MultiSelect .select-all > span i, .MultiSelect > .optWrapper.multiple > .options li.opt span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -2px;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid var(--dark);
    border-radius: 0;
    box-shadow: none;
    background-color: #ffffff;
}

.MultiSelect .select-all.partial > span i, .MultiSelect .select-all.selected > span i, .MultiSelect > .optWrapper.multiple > .options li.opt.selected span i {
    background-color: #071567;
    border-color:  #071567;
}

.MultiSelect>.CaptionCont>label>i {
    background-image: url("/images/cust-img/down-arrow-dark.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    background-size: 20px;
    transform: rotate(0deg);
    transition: all 200ms ease-in;
}

.cus-input-divs .MultiSelect.open>.CaptionCont>label>i {
    transform: rotate(180deg);
}

.MultiSelect .select-all {
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 4px 0 2px 35px;
    height: auto;
    cursor: pointer;
}

 .bg-gradient-danger {
    background:#ffcfb0;
    background: -webkit-gradient(linear,left top,right top,from(#ffcfb0),to(#fe7096));
    background: linear-gradient(90deg,#fdcdb1,#fe7096);
    border: 2px solid #fa95a1;
}

 .bg-gradient-info {
    background:#cbeaf6;
    background: -webkit-gradient(linear,left top,right top,from(#cbeaf6),color-stop(99%,#5ebeeb));
    background: linear-gradient(90deg,#cbeaf6,#5ebeeb);
    border: 2px solid #65aed1;
}

 .bg-gradient-success  {
    background:#84d9d2;
    background: -webkit-gradient(linear,left top,right top,from(#b7f2ed),to(#07cdae));
    background: linear-gradient(90deg,#b7f2ed,#07cdae);
    border: 2px solid #4acdb8;
}
 
 .bg-gradient-purp  {
    background:#cbcbf6;
    background: -webkit-gradient(linear,left top,right top,from(#e6e6f9),to(#a19cee));
    background: linear-gradient(90deg,#e6e6f9,#a19cee);
    border: 2px solid #c4c0f1;
}
 
.bg-gradient-yellow  {
    background:#e7d9ad;
    background: -webkit-gradient(linear,left top,right top,from(#f0e6c7),to(#d3bd6d));
    background: linear-gradient(90deg,#f0e6c7,#d3bd6d 99%);
    border: 2px solid #cab77a;
}

.bg-gradient-corl  {
    background:#a2bd87;
    background: -webkit-gradient(linear,left top,right top,from(#dbecc9),to(#97b775));
    background: linear-gradient(90deg,#dbecc9,#97b775 99%);
    border: 2px solid #a5bf8d;
}

.canAbled {
    background-color: #fff !important;
}

.department-cell span {
    display: block;
}

.inputlabel.custom-file input + label {
    background: transparent;
    width: 100%;
    color: var(--dark);
    padding-left: 130px;
    padding-right: 30px;
    opacity: 1;
    padding-bottom: 0;
    min-height: 35px;
    text-align: left;
    border: none;
    padding-top: 0;
    overflow: hidden;
    font-size: var(--body-font-size) !important;
    line-height: var(--body-line-height) !important;
    display: flex;
    align-items: center;
}


.inputlabel.custom-file {
    padding: 0 !important;
    line-height: 0 !important;
}

.custom-file.inputlabel.form-control {
    padding: 0 !important;
}

.custom-file.inputlabel.form-control input {
    position: absolute;
    z-index: 4;
}

.notes-redish-box {
    border: 2px solid #dfc4bc !important;
    background: #ffd6d6;
}
 

/* form controls */
.custom-file.inputlabel input[type="file"]::-webkit-input-placeholder {
  color: var(--darkBlue);
}

.custom-file.inputlabel input[type="file"]::-moz-placeholder {
  color: var(--darkBlue);
}

.custom-file.inputlabel input[type="file"]:-ms-input-placeholder {
  color: var(--darkBlue);
}

.custom-file.inputlabel input[type="file"]:-moz-placeholder {
  color: var(--darkBlue);
}

.custom-file.inputlabel input[type="file"]  {
    opacity: 0;
}

.custom-file.inputlabel input + label {
    position: relative;
}

.custom-file.inputlabel input + label::after {
    position: absolute;
    content: "Upload File";
    background-color: var(--darkBlue);
    color: var(--white);
    border: 0px;
    padding: 0 20px;
    margin-right: 0;
    transition: 0.5s;
    cursor: pointer;
    font-size: var(--body-font-size) !important;
    line-height: var(--body-line-height) !important;
    letter-spacing: var(--body-lspacing) !important;
    border-radius: 0;
    top: 0;
    bottom: 0;
    height: auto;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
}