.fa-1-5x {
  font-size: 1.5em !important;
}
#conveythis-wrapper {
  margin-right: 20px !important;
  margin-top: 5px !important;
}
#conveythis-wrapper .conveythis-widget-main {
  width: 57px !important;
}
#conveythis-wrapper .conveythis-widget-language {
  height: 26px !important;
}
#conveythis-wrapper .conveythis-widget-language > :nth-child(1) {
  height: 20px !important;
  width: 20px !important;
  margin-top: 2px;
}
#conveythis-wrapper .conveythis-widget-language > :nth-child(2) {
  height: 20px !important;
  width: 8px !important;
}

#kt_header .kt-header__topbar-item.dropdown {
  display: none;
}

/*saroj starts*/
.vt-table-wrapper {
  max-height: 700px;
  min-width: 100%;
  overflow: scroll;
  position: relative;
}
.vt-sticky-header {
  top: 0;
  left: 0;
  position: sticky;
  z-index: 3;
  background: white;
}
.vt-sticky-left {
  position: sticky;
  z-index: 2;
  background: white;
}
.ks-dark-table .vt-sticky-left {
  background: transparent;
}
.vt-sticky-col-1 {
  left: 0;
}
.vt-sticky-col-2 {
  left: 250px;
}
table.table-sticky-left.dataTable thead .sorting,
table.table-sticky-left.dataTable thead .sorting_asc,
table.table-sticky-left.dataTable thead .sorting_desc,
table.table-sticky-left.dataTable thead .sorting_asc_disabled,
table.table-sticky-left.dataTable thead .sorting_desc_disabled {
  position: sticky;
}
.mw-75 {
  min-width: 75px;
}
.mw-100 {
  min-width: 100px;
}
.mw-150 {
  min-width: 150px;
}
.mw-200 {
  min-width: 200px;
}
.mxw-100 {
  max-width: 100px;
}
.mxw-200 {
  max-width: 200px;
}
/*datatable*/
.dataTables_wrapper .dataTable th {
  color: #ffffff;
  font-weight: bold;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before,
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 6px;
  font-size: 18px;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0.5;
}

/*table.dataTable thead .sorting:before,*/
/*table.dataTable thead .sorting:after,*/
/*table.dataTable thead .sorting_asc:before,*/
/*table.dataTable thead .sorting_asc:after,*/
/*table.dataTable thead .sorting_desc:before,*/
/*table.dataTable thead .sorting_desc:after,*/
/*table.dataTable thead .sorting_asc_disabled:before,*/
/*table.dataTable thead .sorting_asc_disabled:after,*/
/*table.dataTable thead .sorting_desc_disabled:before,*/
/*table.dataTable thead .sorting_desc_disabled:after{*/
/*    opacity: 0.5;*/
/*}*/

.dataTables_length,
.dt-toolbar {
  display: inline-block;
}
.dt-toolbar {
  float: right;
}
.table-filter-field {
  padding: 0.25rem 0.5rem;
  height: 25px;
  font-size: 12px;
}

table.dataTable.table-sm > thead > tr > th.filter-col {
  padding-right: 8px;
  padding-left: 8px;
}

.table .thead-grey th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/*debug bar css starts*/
div.phpdebugbar-widgets-sqlqueries
  li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-sql-duplicate {
  background-color: yellow !important;
}
/*debug bar css ends*/

/*saroj ends*/

.border-radius-0 {
  border-radius: 0 !important;
}

.white-space-nowrap {
  white-space: nowrap;
}

.iw-vehicle-supplement-images > div {
  border: 1px solid #ccc;
  margin-right: 5px;
  padding: 5px;
  border-radius: 2px;
  float: left;
  min-height: 90px !important;
}

/*  in case if you need to enable this again, please add classname to the table
and add these css based on that table class
because its affecting on global and also on other table, where it is not needed*/
/*  .table tbody tr:hover td, .table tbody tr:hover th {*/
/*    background-color: #eeeeea;*/
/*}*/

.observation-image {
  max-width: 80px;
}
.in-invalid .select2-selection {
  border-color: rgb(185, 74, 72) !important;
}
.ks-radio-label.is-invalid ~ .ks-invalid-feedback {
  display: block;
}
.ks-invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

/*border red on invalid select2*/
select.is-invalid + .select2-container {
  border: 1px solid #dc3545;
}

i.flaticon2-close-cross.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.uploaded-docs-col {
  width: 230px;
  position: relative;
  margin-right: 15px;
}
.uploaded-docs-col .attachment-icon {
  max-width: 100%;
  width: 100%;
}
.uploaded-docs-col .attachment-icon img {
  width: 100%;
  height: 175px;
  object-fit: cover;
  object-position: center;
}
.speech-to-text-btn {
  margin-top: 5px;
}

.btn.ks-btn-xs {
  padding: 0.4rem 0.4rem 0.375rem;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.2rem;

  /*padding: 0.3rem 1rem;*/
  /*font-size: 0.755rem;*/
  /*line-height: 1.5;*/
  /*border-radius: 0.2rem;*/
}

/** CUSTOM COLOR LABEL STARTS */
.btn-label-slateblue {
  background-color: rgba(
    106,
    90,
    205,
    0.2
  ); /* color with opacity, can adjust opacity as per visibliity*/
  color: #6a5acd; /* main color in hex */
}
.btn-label-slateblue:hover {
  background-color: rgba(106, 90, 205, 160); /* color without opacity */
  color: #ffffff;
}
/** CUSTOM COLOR LABEL ENDS */

/*KS FILE UPLOADER CSS STARTS*/
.ks-file-uploader {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 120px 0 0 0;
  height: 100px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/upload-icon.webp") center center no-repeat #e4e4e4;
  border-radius: 10px;
  background-size: 60px 60px;
  cursor: pointer;
}

.ks-file-upload-placeholder {
  position: absolute !important;
  top: 66% !important;
  /*top: 125px;*/
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-weight: bold;
}

.ks-file-uploader-preview-box {
  margin-top: 10px;
}
.ks-file-uploader-preview-box .file {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
}

.ks-file-uploader-preview-box .file img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  object-fit: cover;
  object-position: center;
}

.ks-file-uploader-preview-box .file .fa {
  font-size: 68px;
  margin-right: 10px;
}

.ks-file-uploader-preview-box .file span {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ks-file-uploader-preview-box .file button {
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #f44336;
  color: white;
  border: none;
  cursor: pointer;
}

/*KS FILE UPLOADER CSS ENDS*/

/*KS FILE UPLOADER PREVIEW STARTS*/
.ks-preview-image-container {
  margin-right: 20px;
  max-width: 170px;
}
.ks-preview-image {
  width: 170px;
  height: 135px;
  object-fit: cover;
  object-position: center;
  padding-right: 20px;
}
.ks-attachment-title {
  word-break: break-all;
  max-width: 150px;
}
.delete-attachment-btn,
.ks-delete-icon,
.ks-download-attachment-btn,
.ks-copy-attachment-path-btn {
  font-size: 16px;
  right: 0;
  position: absolute;
  cursor: pointer;
}
.ks-download-attachment-btn {
  top: 0;
}
.ks-copy-attachment-path-btn {
  top: 25px;
}
.ks-download-attachment-btn:hover,
.ks-copy-attachment-path-btn:hover {
  color: #007bff;
}
.delete-attachment-btn,
.ks-delete-icon {
  top: 0;
}
.ks-delete-icon:hover,
.delete-attachment-btn:hover {
  color: #dc3545;
}
/*KS FILE UPLOADER PREVIEW ENDS*/
.accordion.accordion-toggle-plus.hide-toggle-icon
  .card
  .card-header
  .card-title:after {
  display: none;
}

.hasError {
  color: red;
}
.ks-box-shadow {
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

/**dashboard-v2 part starts*/
.common-chart-container {
  background: #ffffff;
  margin-top: 1.5rem;
  /*box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;*/
  position: relative;
  height: 100%;
}
.common-chart-container-title {
  background: #0062ac;
  color: #ffffff;
  text-align: center;
  padding: 3px 2px;
  margin-bottom: 0;
  font-size: 14px;
}
.vertical-stacked-bar-chart-container {
  /*height: 100%;*/
}
.ks-dashboard-tabs-header {
  background: #f2f3f8;
}
.ks-dashboard-tabs-header .nav-tabs {
  height: 49px;
}
.ks-dashboard-tabs-header .nav-link {
  height: 49px;
}
#injuryTypesByTable_filter input[type="search"] {
  max-width: 156px;
}
/**dashboard-v2 part ends*/

/* WORLD CLOCK */
.vettedWorkWorldClock {
  width: 100%;
  padding: 10px;
  position: relative;
}
.vettedWorkWorldClock:after {
  content: " ";
  position: absolute;
  width: 400px;
  height: 20px;
  border-radius: 100%;
  left: 50%;
  margin-left: -200px;
  bottom: 2px;
  z-index: -1;
}
.vettedWorkWorldClock .display {
  text-align: center;
  padding: 32px 0px 20px;
  border-radius: 6px;
  position: relative;
  height: auto;
}
.vettedWorkWorldClock.light {
  background-color: #f3f3f3;
  color: #272e38;
}
.vettedWorkWorldClock.light:after {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.vettedWorkWorldClock.light .digits div span {
  background-color: #272e38;
  border-color: #272e38;
}
.vettedWorkWorldClock.light .digits div.dots:before {
  background-color: #272e38;
}
.vettedWorkWorldClock.light .digits div.dots:after {
  background-color: #272e38;
}
.vettedWorkWorldClock.light .display {
  background-color: #dddddd;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.08) inset,
    0 1px 1px #fafafa;
}
.vettedWorkWorldClock.dark {
  background-color: #272e38;
  color: #cacaca;
}
.vettedWorkWorldClock.dark:after {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.vettedWorkWorldClock.dark .digits div span {
  background-color: #cacaca;
  border-color: #cacaca;
}
.vettedWorkWorldClock.dark .display {
  background-color: #0f1620;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.08) inset,
    0 1px 1px #2d3642;
}
.vettedWorkWorldClock.dark .digits div.dots:before {
  background-color: #cacaca;
}
.vettedWorkWorldClock.dark .digits div.dots:after {
  background-color: #cacaca;
}
.vettedWorkWorldClock .digits div {
  text-align: left;
  position: relative;
  width: 27px;
  height: 48px;
  display: inline-block;
  margin: 0 5px;
}
.vettedWorkWorldClock .digits div span {
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.vettedWorkWorldClock .digits div span:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.vettedWorkWorldClock .digits div span:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.vettedWorkWorldClock .digits .d1 {
  height: 5px;
  width: 16px;
  top: 0;
  left: 6px;
}
.vettedWorkWorldClock .digits .d1:before {
  border-width: 0 5px 5px 0;
  border-right-color: inherit;
  left: -5px;
}

.vettedWorkWorldClock .digits .d1:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  right: -5px;
}
.vettedWorkWorldClock .digits .d2 {
  height: 5px;
  width: 16px;
  top: 24px;
  left: 6px;
}
.vettedWorkWorldClock .digits .d2:before {
  border-width: 3px 4px 2px;
  border-right-color: inherit;
  left: -8px;
}
.vettedWorkWorldClock .digits .d2:after {
  border-width: 3px 4px 2px;
  border-left-color: inherit;
  right: -8px;
}
.vettedWorkWorldClock .digits .d3 {
  height: 5px;
  width: 16px;
  top: 48px;
  left: 6px;
}
.vettedWorkWorldClock .digits .d3:before {
  border-width: 5px 5px 0 0;
  border-right-color: inherit;
  left: -5px;
}
.vettedWorkWorldClock .digits .d3:after {
  border-width: 5px 0 0 5px;
  border-left-color: inherit;
  right: -5px;
}
.vettedWorkWorldClock .digits .d4 {
  width: 5px;
  height: 14px;
  top: 7px;
  left: 0;
}
.vettedWorkWorldClock .digits .d4:before {
  border-width: 0 5px 5px 0;
  border-bottom-color: inherit;
  top: -5px;
}
.vettedWorkWorldClock .digits .d4:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  bottom: -5px;
}
.vettedWorkWorldClock .digits .d5 {
  width: 5px;
  height: 14px;
  top: 7px;
  right: 0;
}
.vettedWorkWorldClock .digits .d5:before {
  border-width: 0 0 5px 5px;
  border-bottom-color: inherit;
  top: -5px;
}
.vettedWorkWorldClock .digits .d5:after {
  border-width: 5px 0 0 5px;
  border-top-color: inherit;
  bottom: -5px;
}
.vettedWorkWorldClock .digits .d6 {
  width: 5px;
  height: 14px;
  top: 32px;
  left: 0;
}
.vettedWorkWorldClock .digits .d6:before {
  border-width: 0 5px 5px 0;
  border-bottom-color: inherit;
  top: -5px;
}
.vettedWorkWorldClock .digits .d6:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  bottom: -5px;
}
.vettedWorkWorldClock .digits .d7 {
  width: 5px;
  height: 14px;
  top: 32px;
  right: 0;
}
.vettedWorkWorldClock .digits .d7:before {
  border-width: 0 0 5px 5px;
  border-bottom-color: inherit;
  top: -5px;
}
.vettedWorkWorldClock .digits .d7:after {
  border-width: 5px 0 0 5px;
  border-top-color: inherit;
  bottom: -5px;
}
.vettedWorkWorldClock .digits div.one .d5 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.one .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.two .d1 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.two .d5 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.two .d2 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.two .d6 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.two .d3 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.three .d1,
.vettedWorkWorldClock .digits div.three .d5,
.vettedWorkWorldClock .digits div.three .d2,
.vettedWorkWorldClock .digits div.three .d7,
.vettedWorkWorldClock .digits div.three .d3 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.four .d5,
.vettedWorkWorldClock .digits div.four .d2,
.vettedWorkWorldClock .digits div.four .d4,
.vettedWorkWorldClock .digits div.four .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.five .d1,
.vettedWorkWorldClock .digits div.five .d2,
.vettedWorkWorldClock .digits div.five .d4,
.vettedWorkWorldClock .digits div.five .d3,
.vettedWorkWorldClock .digits div.five .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.six .d1,
.vettedWorkWorldClock .digits div.six .d2,
.vettedWorkWorldClock .digits div.six .d4,
.vettedWorkWorldClock .digits div.six .d3,
.vettedWorkWorldClock .digits div.six .d6,
.vettedWorkWorldClock .digits div.six .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.seven .d1,
.vettedWorkWorldClock .digits div.seven .d5,
.vettedWorkWorldClock .digits div.seven .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.eight .d1,
.vettedWorkWorldClock .digits div.eight .d2,
.vettedWorkWorldClock .digits div.eight .d3,
.vettedWorkWorldClock .digits div.eight .d4,
.vettedWorkWorldClock .digits div.eight .d5,
.vettedWorkWorldClock .digits div.eight .d6,
.vettedWorkWorldClock .digits div.eight .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.nine .d1,
.vettedWorkWorldClock .digits div.nine .d2,
.vettedWorkWorldClock .digits div.nine .d3,
.vettedWorkWorldClock .digits div.nine .d4,
.vettedWorkWorldClock .digits div.nine .d5,
.vettedWorkWorldClock .digits div.nine .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.zero .d1,
.vettedWorkWorldClock .digits div.zero .d3 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.zero .d4 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.zero .d5 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.zero .d6 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.zero .d7 {
  opacity: 1;
}
.vettedWorkWorldClock .digits div.dots {
  width: 5px;
}
.vettedWorkWorldClock .digits div.dots:before {
  width: 5px;
  height: 5px;
  content: " ";
  position: absolute;
  left: 0;
  top: 14px;
}
.vettedWorkWorldClock .digits div.dots:after {
  width: 5px;
  height: 5px;
  content: " ";
  position: absolute;
  left: 0;
  top: 14px;
}
.vettedWorkWorldClock .digits div.dots:after {
  top: 34px;
}
.vettedWorkWorldClock .alarm {
  width: 16px;
  height: 16px;
  bottom: 20px;
  position: absolute;
  opacity: 0.2;
}
.vettedWorkWorldClock .alarm.active {
  opacity: 1;
}
.vettedWorkWorldClock .weekdays {
  font-size: 12px;
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0;
  text-align: center;
}
.vettedWorkWorldClock .weekdays span {
  opacity: 0.2;
  padding: 0 0.77rem;
}
.vettedWorkWorldClock .weekdays span.active {
  opacity: 1;
}
.vettedWorkWorldClock .ampm {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 12px;
}
/* /WORLD CLOCK */

.form-control.ks-form-control-xs {
  height: calc(1.5em + 0.8rem + 2px);
  padding: 0.3rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.custom-group-header {
  background-color: #68686941 !important;
  font-weight: bold;
  color: #000000 !important;
}

.group-level-1-header {
  background-color: #68686941 !important;
  font-weight: bold;
  color: #000000 !important;
}

.group-level-2-header {
  background-color: #a5a5b141 !important;
  font-weight: bold;
  color: #000000 !important;
}

.group-level-2-header td {
  padding-left: 1rem;
}
/* notification panel css starts */
#kt-notification-panel {
  display: none;
}
#kt-notification-panel.kt-quick-panel--on {
  display: block;
}
#kt-notification-panel.kt-quick-panel {
  overflow-y: unset;
}
#kt-notification-panel .kt-quick-panel__content {
  height: 93vh;
  overflow-y: auto;
}
.kt-notification.kt-notification-lists .kt-notification__item:hover {
  background-color: #f7f8fa;
}
.kt-notification__item.unread-notification {
  /*background-color: #f4f5f7;*/
  background: rgba(112, 181, 249, 0.2);
  /*    f7f8fa*/
}
.kt-notification.kt-notification-lists
  .kt-notification__item.unread-notification:hover {
  background: rgba(112, 181, 249, 0.2);
}
.kt-notification__item.unread-notification .fa-envelope-open {
  display: none;
}
.kt-notification__item.already-read-notification .fa-envelope {
  display: none;
}
.kt-notification.kt-notification-panel-lists .kt-notification__item:after {
  display: none;
}
/* notification panel css ends */

.w-full {
  width: 100%;
}
.vertical-middle {
  vertical-align: middle !important;
}
.w-fit {
  width: fit-content;
}

.expanded-box.sweetalert {
  height: 0px;
}

.textarea-div {
  background: #fff;
  border: 1px solid #e2e5ec !important;
  padding: 0.65rem 1rem !important;
  min-height: 70px !important;
}

.fake-textarea-div {
  display: block;
  width: 100%;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #f7f8fa;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  min-height: 70px;
}

.h-90 {
  height: 90% !important;
}
.tv-mode .tv-5vh {
  height: 5vh;
  overflow: hidden;
}
.tv-mode .tv-10vh {
  height: 10vh;
  overflow: hidden;
}
.tv-mode .tv-15vh {
  height: 15vh;
  overflow: hidden;
}
.tv-mode .tv-20vh {
  height: 20vh;
  overflow: hidden;
}
.tv-mode .tv-30vh {
  height: 30vh;
  overflow: hidden;
}
.tv-mode .tv-35vh {
  height: 35vh;
  overflow: hidden;
}
.tv-mode .tv-40vh {
  height: 40vh;
  overflow: hidden;
}

/* media greater than 3819x2159 */
@media (min-width: 3820px) and (min-height: 2160px) {
  .tv-mode {
    font-size: 22px;
  }
}

.circleIconContainer {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  background-image: linear-gradient(310deg, #5e72e4, #5e88e4);
  align-items: center;
  margin-right: 10px;
}

.circleIconContainer i {
  color: #ffffff;
}

.tv-mode .kt-portlet__head {
  min-height: 40px;
}

.tv-mode .kt-portlet__body {
  padding: 0.5rem;
}

.tv-mode .kt-portlet {
  margin-bottom: 5px;
}

/*data grid expand*/
.b-rowexpander-body > div:first-child {
  width: 100%;
}

.b-virtual-scroller {
  cursor: pointer;
}
.b-virtual-scroller::-webkit-scrollbar {
  height: 5px;
}

/*------------------------------------
- COLOR purple starts
------------------------------------*/
.alert-purple {
  color: #050005;
  background-color: #ff4dff;
  border-color: #ff38ff;
}

.alert-purple hr {
  border-top-color: #ff1fff;
}

.alert-purple .alert-link {
  color: #000000;
}

.badge-purple {
  color: #fff;
  background-color: #800080;
}
.kt-badge.kt-badge--purple {
  color: #ffffff;
  background-color: #800080;
  border: 1px solid #800080;
}

.badge-purple[href]:hover,
.badge-purple[href]:focus {
  color: #fff;
  background-color: #4d004d;
}

.bg-purple {
  background-color: #800080 !important;
}

a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: #4d004d !important;
}

.border-purple {
  border-color: #800080 !important;
}

.btn-purple {
  color: #fff;
  background-color: #800080;
  border-color: #800080;
}

.btn-purple:hover {
  color: #fff;
  background-color: #5c005c;
  border-color: #4d004d;
}

.btn-purple:focus,
.btn-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 128, 0.5);
}

.btn-purple.disabled,
.btn-purple:disabled {
  color: #fff;
  background-color: #800080;
  border-color: #800080;
}

.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #4d004d;
  border-color: #3d003d;
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 128, 0.5);
}

.btn-outline-purple {
  color: #800080;
  background-color: transparent;
  border-color: #800080;
}

.btn-outline-purple:hover {
  color: #fff;
  background-color: #800080;
  border-color: #800080;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 128, 0.5);
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
  color: #800080;
  background-color: transparent;
}

.btn-outline-purple:not(:disabled):not(.disabled):active,
.btn-outline-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #800080;
  border-color: #800080;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 128, 0.5);
}

.text-purple {
  color: #800080 !important;
}

a.text-purple:hover,
a.text-purple:focus {
  color: #4d004d !important;
}
/*------------------------------------
- COLOR purple ends
------------------------------------*/

/* Bryntum Datagrid */
.b-container .b-grid-cell::first-letter {
  text-transform: uppercase;
}

.b-gridbase .b-grid-header-container .b-depth-0:hover {
  background: inherit !important;
}

.b-gridbase.b-sort
  .b-grid-header-container
  .b-grid-header.b-sortable.b-depth-0:not(.b-sort):not(.b-group)
  .b-grid-header-text
  .b-sort-icon::before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #e0e0e0;
  margin-inline-start: 0.5em;
  transition:
    transform 0.3s,
    color 0.2s;
  transform: none;
  background: inherit;
  content: "\f15e";
}
.b-button.b-icon-align-start label {
  margin-bottom: 0;
}
.b-grid-row.unread-brytnum-row {
  background: rgba(112, 181, 249, 0.2);
}

.focusable-combo {
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.4); /* Red box shadow */
  border-radius: 5px;
  padding: 0 5px;
  /*transition: all 0.5s ease-in;*/
  animation: pulse 1.5s infinite;
  border: 2px solid rgba(255, 0, 0, 0.3);
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }
}

/* Bryntum Datagrid */
.leaflet-control-attribution a[href="https://leafletjs.com"], .leaflet-control-attribution a[href="http://leafletjs.com/"]
{
  display: none;
}
.unread-datatable-row {
  background: rgba(112, 181, 249, 0.2);
}

.paginate_input {
  border: 1px solid lightgray;
  color: black;
  width: 100px;
  border-radius: 4px;
  text-align: center;
  margin: 2px 4px;
}

.paging_input i {
  cursor: pointer;
  margin-right: 3px;
}

.paging_input i:hover {
  color: black;
}

.ks-alert-box {
  background-color: rgb(93 120 255 / 21%);
  color: #0062ac;
  /*font-weight: 600;*/
  padding: 15px;
}

/** dark theme support css starts **/

/*dark theme notification panel css starts*/
.vw-dark-theme .kt-quick-panel {
  background: #1c1f3b;
}
/*dark theme notification panel css starts*/

/** dark theme support css ends**/

/*Construction Foreman Report Start*/
.task_progress_single_item {
  padding: 15px;
  border: 1px dashed blue;
  position: relative;
}
.task_progress_single_item .delete-repeater {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.project-select + span {
  width: 100% !important;
}
/*Construction Foreman Report*/

.modal.child-modal {
  z-index: 9999;
}

.modal.parent-modal {
  z-index: 100;
}

.custom-modal-open .modal {
  overflow-x: auto;
  overflow-y: scroll;
}

.signature-wrapper {
  position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  height: 200px;
  background-color: white;
}

.signature-pad--modal .modal-content {
  width: 430px !important;
}

.signature-pad--modal .modal-body {
  background-color: #f8f9fa;
}

.signature-image {
  margin-top: 0px;
}
.icon-unionpay {
  display: inline-block;
  width: 17px;
  height: 12px;
  background-image: url("../images/payment-icons/unionpay.png");
  background-size: contain;
  background-repeat: no-repeat;
}
/*PQQ*/
@media print {
  .total_submitted_answer_field-d-none {
    display: none !important;
  }
  .Submitted-Answers {
    margin-left: 5px;
  }
  .print-display-not-btn {
    display: none !important;
  }
}
.ks-field[readonly] {
  background: #f7f8fa;
}

.required-label::after {
  content: " *";
  color: red;
}

/** Permit Signature start **/
.vetted-permit .vendor_signature {
  background-color: white;
}
.vetted-permit .signature-image {
  max-width: 150px;
  border: 1px solid #ccc;
  margin: 5px;
}
.vetted-permit .jSignature {
  position: relative;
}
.vetted-permit .signature--modal .jSignature {
  height: 200px !important;
  width: 100% !important;
}
.vetted-permit .employee-template-new-row .form-group,
.vetted-permit .manual-employee-template-new-row .form-group {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.vetted-permit .newly-added-row {
  border: 2px dashed lime;
}
.vetted-permit input[readonly] {
  pointer-events: none; /* Prevent user interactions */
}

.vetted-permit .select2-container .select2-selection--single {
  height: 35px !important;
}
.vetted-permit .select2-selection__arrow {
  height: 34px !important;
}
/** Permit Signature end **/
.table-layout-fixed {
  table-layout: fixed;
}

.portlet-double-line-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px 25px !important;
}
.grid-2 {
  columns: 2;
  webkit-columns: 2;
}

.hover-bg:hover {
  background-color: #f0f0f0;
}

/* date time picker */
.datetimepicker table tr td.disabled,
.datetimepicker table tr td .disabled,
.datepicker table tr td.disabled,
.datepicker table tr td .disabled {
  color: #999999 !important;
}

/* permit signature */
.signature-image-permit {
  height: 38.4px;
  width: 150px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #ccc;
}

/*Send for HHB AI Analysis Button*/
.send-ai-analysis-btn {
  background-color: #ccefff;
  border: none;
  padding: 5px 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.send-ai-analysis-btn:hover {
  background-color: #e6f7ff;
}

.send-ai-analysis-btn img {
  height: 30px;
  width: auto;
}

.send-ai-analysis-btn span {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
/* permit change worker button */
.change-worker-btn,
.cancel-worker-btn {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #069;
  font-size: 14px;
  text-decoration: underline;
  margin-left: 15px;
}

.no-wrap {
  white-space: nowrap !important;
}

.form-control[readonly] {
  background: #f7f8fa !important;
  pointer-events: none !important;
}
.filepond--credits{
    display: none !important;
}