.menu-inner>.menu-item:nth-last-of-type(1) {
  position: absolute;
  bottom: 30px;
}

.inactive-row {
  opacity: 0.5;
}

.kose-radio-label {
  display: block;
  margin-bottom: 1em;
}

.offcanvas.offcanvas-end {
  width: 50% !important;
}

.hidden {
  display: none !important;
}

.day-details.vacation-day-header {
  background-color: #4fbae3;
  color: white;
  border: 3px dashed darkred;
  padding: 0px;
}

.day-details.vacation-day-header:hover {
  cursor: pointer;
}


.filter-toggler {
  position: absolute;
  left: 96px;
  border: 1px solid #ced4da !important;
  border-radius: 3px;
  padding: 5.4px;
}

.content-wrapper .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding: 1em !important;
  margin: 1em !important;
}

.layout-content-navbar .content-wrapper {
  width: 99%;
}

.sticky-header-row {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #f3f4f4;
}


span.kosetag {
  width: 100%;
  display: block;
  text-align: center;
  padding: 3px;
  color: white;
  border-radius: 0.5em;
  color: #5a8dee;
  background-color: #dbe4f3;
}

.tc-column {
  display: block;
  border: 1px solid gray;
  padding: 1em;
  margin: 0.2em;
  border-radius: 0.5em;
  background-color: #f3f4f4;
  text-align: center;
}

.tc-column.today {
  background-color: green;
  color: white;
}

.tc-column.absence {
  background-color: red;
}

.col.tc-column.isyok {
  color: #5a8dee;
  background-color: #dbe4f3;
  opacity: 0.3;
}

.tc-column-box {
  width: 100%;
  background-color: green;
  color: white;
  padding: 0.3em 0.8em;
  margin: 0.3em 0;
  border-radius: 0.5em;
}

.tc-column button {
  width: 20px;
  min-width: 20px;
  margin: 0;
  padding: 5px 13px;
}

span.kosetag.solved {
  background-color: green;
}

.col.tc-column {
  padding-bottom: 0;
  position: relative;
  min-height: 30px;
}

.validate-btn {
  background-color: #39da8a !important;
}

.valid-list-item {
  background-color: rgb(243, 244, 244);
  padding: 1em;
  margin: 1em;
  cursor: pointer;
}

.valid-list-item.selected {
  border: 0.3em solid #39da8a !important;
  opacity: 1 !important;
}

.valid-item-val-code {
  margin: -1em 0 -1em -1em;
  text-align: center;
  padding: 1em;
  color: white;
}

#valid-list.something-selected .valid-list-item {
  opacity: 0.3;
}

.val-actions div button {
  padding-left: 0;
  padding-right: 0;
  border: 0 !important;
}

.container-xxl.flex-grow-1.container-p-y {
  max-width: 99%;
}

span.flatpickr-next-month,
span.flatpickr-prev-month {
  padding: 7px 4px !important;
}

.col.tc-column.validated-column span.tc-cell-minOfWork {
  opacity: 1;
}

span.tc-cell-minOfWork {
  padding: 7px 0px;
  display: block;
  font-weight: 900;
  color: white;
  margin: 10px 0px 0px 0px;
  border-radius: 1.5em 1.5em 0em 0em;
  color: #5a8dee;
  background-color: #dbe4f3;
}

.kosetag.bas-validate-all {
  width: 30% !important;
  padding: 1em;
  margin-bottom: 1em;
}

.table-success {
  --bs-table-bg: white !important;
  --bs-table-striped-bg: white !important;
  --bs-table-striped-color: #263c55;
  --bs-table-active-bg: white !important;
  --bs-table-active-color: #263c55;
  --bs-table-hover-bg: white !important;
  --bs-table-hover-color: #263c55;
  color: #263c55;
  border-color: #b4d2cb;
}

.table-light {
  --bs-table-bg: #f5f5f5 !important;
  --bs-table-striped-bg: #f5f5f5 !important;
  --bs-table-striped-color: #263c55;
  --bs-table-active-bg: #f5f5f5 !important;
  --bs-table-active-color: #263c55;
  --bs-table-hover-bg: #f5f5f5 !important;
  --bs-table-hover-color: #263c55;
  color: #263c55;
  border-color: #bfc6cf;
}

.tc-worksite-container {
  background-color: #f3f4f4;
  padding: 0.8em 1.5em;
  margin: 0 !important;
}

span.val-worksite-name {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #69809a;
  padding: 0.3em;
  margin-bottom: 1em;
  color: white;
  border-radius: 0em 1em;
}

.col.tc-column.validated-as-is {
  color: #5a8dee;
  background-color: #dbe4f3;
}

.col.tc-column.validated-with-exception {
  background-color: #ffe5e5 !important;
  color: #ff5b5c !important;
}

.validated-column {
  opacity: 0.3;
}


.tc-column.validated-column {
  opacity: 1;
  background-color: #5a8dee;
  background-color: #f3f4f400;
  color: #f3f4f4;
  border: 1px solid lightgray;
  height: 91px;
}

.op-az {
  opacity: 0.2;
}

.val-yes {
  background-color: #39da8a;
  text-align: center;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  padding-bottom: 6px;
  left: 0;
  top: 25px;
  z-index: 5;
  margin-top: 34px;
  border-radius: 0 0 7px 7px;
  height: 30px;
}


.val-yes-with-exception {
  background-color: #fdac41;
}

.val-yes-with-danger {
  background-color: #ff5b5c;
}

.val-yes i{
  display: block;
  padding: 0 !important;
  font-size: 2em;
  color: white;
}

ul.nav.nav-pills.mb-3.nav-fill {
  background-color: white;
  padding: 1em;
}

.dashboard-menu-icons.bx {
  font-size: 7em !important;
}

.validation-last7-overview {
  color: #39da8a;
  text-align: center;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  display: block;
  /* position: absolute; */
  padding-bottom: 30px;
  left: 0;
  top: 0;
  z-index: 5;
}

.validation-last7-overview.all-validated-with-exception {
  color: #fdac41;
}

.validation-last7-overview.not-all-validated {
  color: #ff5b5c
}

.p-rel {
  position: relative;
}

.container-xxl.flex-grow-1.container-p-y {
  margin: 0 !important;
  padding: 0 !important;
}

.hide-row {
  display: none !important;
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  display: none;
}

.layout-wrapper,
.layout-container {
  width: 99% !important;
}

.tc-column.validated-column:hover {
  /* background-color: #69809a !important; */
}
.tc-column.validated-column:hover .val-yes {
  /* display: none; */
}
.tc-column.validated-column:hover {
  /* opacity: 1 !important; */
  cursor: pointer;
}

.tc-column.validated-column:hover span.tc-cell-minOfWork {
  /* opacity: 1; */
}

span.val-first-row {
  position: absolute;
  background-color: #69809a;
  left: 0;
  top: 0;
  width: 100%;
  padding: 2px 5px;
  color: white;
}

.table-responsive {
  padding-left: 15px;
  padding-right: 15px;
}

.table-responsive.col-md-12 {
  max-height: 60vh;
}


.app-calendar-wrapper table.fc-scrollgrid td {
  /* border-right: 0 !important;
  min-width: 60px !important;
  max-width: 60px !important; */
}

#calendar>div.fc-view-harness.fc-view-harness-active>div>table>tbody>tr>td>div>div>div>table>tbody {
  /* display: flex !important; */
}

table.fc-scrollgrid tbody {
  /* width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: auto !important;
  height: 210px !important; */
}

/* Week Container */
.tt_wf_week-container {
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  max-width: 400px;
  font-family: Arial, sans-serif;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e0e0e0;
}

/* Day Container */
.tt_wf_day-container {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.tt_wf_day-container:hover {
  background: #f7f7f7;
}

/* Last Day Container (no border-bottom) */
.tt_wf_day-container:last-child {
  border-bottom: none;
}

/* Day Header */
.tt_wf_day-header {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.tt_wf_day-header::before {
  content: '📅';
  font-size: 12px;
  color: #4caf50;
}

/* Work Row */
.tt_wf_work-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-radius: 4px;
  transition: background 0.2s ease-in-out;
  font-size: 12px;
}
.tt_wf_work-row:hover {
  background: #f0f0f0;
}

/* Time Range */
.tt_wf_time-range {
  font-size: 12px;
  font-weight: bold;
  color: #212121;
  display: flex;
  align-items: center;
  gap: 3px;
}
.tt_wf_time-range::before {
  content: '⏰';
  color: #2196f3;
}

/* Status */
.tt_wf_status {
  font-size: 11px;
  font-weight: 600;
  color: #555;
  background: #e0f7fa;
  padding: 2px 8px;
  border-radius: 12px;
  text-transform: uppercase;
}
.tt_wf_status:empty {
  display: none;
}

/* No Data Row */
.tt_wf_work-row.no-data {
  background: #f9f9f9;
  color: #999;
  font-style: italic;
  justify-content: center;
  box-shadow: none;
}


thead {
  /* display: none; */
}

.day {
  max-width: 3.2%;
  font-size: 0.8em !important;
  border: 1px solid lightgray;
}

.ca-month {
  display: flex;
  overflow-y: auto;
}

.day-details {
  text-align: center;
  border-bottom: 1px solid gray;
  padding: 5px;
  min-height: 50px;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.normal-work {
  text-align: center;
  height: 28px;
  padding-top: 4px;
  background-color: #e5edfc;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8em;
}

.del-all-validations-button{
  position: absolute;
  width: 100px;
  right: -1em;
}

#val-table-container{
  user-select: none; /* Prevents text selection in modern browsers */
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none;
}
.dayval {
  position: relative;
  height: 71px;
  border-bottom: 1px solid slategray;
  background-color: #f8f8f8;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

div.button-decide-all {
  top: 1em;
}

.val-is-verified-in-agenda{
  position: absolute;
  bottom: -3px;
  right: 0;
  color: white;
  background-color: #459545;
  font-size: 1.5em;
}

span.eu-personnel-badge {
  display: block;
  background-color: #3954da;
  color: white;
  text-align: center;
}

.dayval.selected {
  outline: 2px solid blue;
}

.day hr {
  margin-bottom: 0px;
}

.day.no-work-day {
  opacity: 0.4;
}

.day.today .day-details {
  background-color: darkslategray;
  color: white;
}

.template-customizer-open-btn {
  top: 4px !important
}

/* .dayval.dayval-filled {
  background-color: #dff9ec;
  color: #39da8a !important;
  text-align: center;
  border-color: #39da8a !important;
}

.dayval.dayval-filled.Family {
  background-color: #fff2e1 !important;
  color: #fdac41 !important;
}

.dayval.dayval-filled.Personal {
  background-color: #ffe5e5 !important;
  color: #ff5b5c !important;
}

.dayval.dayval-filled.ETC {
  background-color: #d6f7fa !important;
  color: #00cfdd !important;
  overflow: hidden;
  font-size: 0.8em;
  overflow-wrap: break-word;
  width: 100%;
} */



.val-input-pane {
  background-color: #f3f4f4;
  padding: 1em 1em 2em 1em;
}

.fade:not(.show) {
  display: none;
}

.valpane-action-button {
  width: 100%;
  margin: 0;
  max-width: 100%;
}

#valpane-update-button {
  height: 4em;
}

.dayval.dayval-selected {
  border: 7px solid #5a8dee;
}

.dayval-dimmed {
  opacity: 0.4;
}

.dayval-selected,
.dayval-selected.dayval-dimmed {
  opacity: 1;
}

.sagsolnav {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 1em;
}

table#m-stat-table {
  margin-top: 1em;
  margin-bottom: 1em;
}

table#m-stat-table thead {
  background-color: lightgray;
}

.contable div {
  display: inline-flex;
  width: 151px;
}

.contable {
  display: flex;
}

.dayval {
  height: 41px;
  max-height: 41px !important;
  white-space: pre-line;
  font-size: 0.8em;
}

.tc-worksite-container.extra-work-container a span {
  background-color: #ffe5e5 !important;
  color: #ff5b5c !important;
}

form#eventForm {
  height: 80vh;
}

.val-extra-insa {
  border-bottom: 5px solid green;
}

.val-extra-nuit {
  border-bottom: 5px solid blueviolet;
}

.val-extra-ni {
  border-bottom: 5px solid blue;
}

.card {
  display: block;
}

.day {
  max-width: 3.2%;
}

#expiration-date-form {
  display: none;
}

#favorite-editor-row {
  position: absolute;
  top: 53px;
  width: 100%;
  left: 13px;
  cursor: pointer;
}
#delete-personnel-button{
  opacity: 0.3
}
span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}

.verify-val-button{
  font-size: 0.5em !important;
  padding-top: 7px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 7px !important;
  font-size: 0.5em !important;
  border: 0px !important;
}

.verify-btn.verified {
  background-color: lightseagreen !important;
}

#favorite-buttons-container {
  background-color: white;
  margin-top: 6px;
  cursor: pointer;
  margin-bottom: 8px;
}

.fav-val-empty {
  opacity: 0.5;
  font-size: 0.9em;
  font-style: oblique;
}

.favorite-editor {
  text-align: center;
  background-color: #fff2e1 !important;
  color: #fdac41 !important;
}

.add-interval-button {
  padding: 0.2em !important;
  margin: 0em;
  font-size: 0.8em !important;
}

span.day-name {
  width: 90px;
  display: inline-block;
}

.bold-date {
  font-size: 1.1em;
  font-weight: 999;
  text-decoration: underline;
}


div.note-table td,  .main-notification-table-container td{
  white-space: normal !important;
}

div.note-table a{
  color: #6b98f0 !important;
  cursor: pointer !important;
}

span.day-contractual-hours {
  font-size: small;
}

.add-interval-button i {
  /* font-size: 1.4em; */
}
#toggleArchived{
  position: absolute;
  top: 1em;
  right: 2em;
}

.show-pointer,
.validate-all {
  cursor: pointer;
}

.dayContainer {
  min-width: initial !important;
}

#lock-screen.lock-screen-active{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999999999999;
  background-color: #bfbfbf3b;
  display: flex;
  justify-content: center;
  align-items: center;
}

.month-changer-buttons {
  position: absolute;
  margin-top: 1em;
  width: 100%;
  text-align: center;
}

.bx.bx-loader-circle.bx-spin{
  font-size: 5em;
  color: #5a8dee;

}
#personnels-selection-container {
  overflow-y: auto;
  position: fixed;
  height: calc(100vh - 90px);
  width: 15%;
  z-index: 99;
}

#pers-det-container {
  padding-left: 17%;
  width: 112%;
  max-width: 104%;
}

html{
  overflow-x: hidden;
}

.pers-node {
  font-size: 0.98em;
  border-bottom: 1px solid lightgray;
  padding: 0.3em;
}

/* .select2-container {
  z-index: 1090;
}

.select2-container--open {
  z-index: 1090;
} */

div#personnels-selection {
  padding-top: 113px;
}
.form-control:disabled {
  background-color: #e9ecee !important;
  opacity: 1 !important;
}

.group-sel-container {
  position: fixed;
  top: 92px;
  background-color: white;
  padding-bottom: 1em;
  width: 12%;
  width: calc(15% - 32px);
  border-bottom: 1px solid gray;
}

span.bx.bx-chevron-right,
span.bx.bx-chevron-left {
  cursor: pointer;
}

.accordion-button::after {
  margin: 13px;
}

.solaltkivrik {
  border-radius: 0 0 0 6px !important;
}

.sagaltkivrik {
  border-radius: 0 0 6px 0 !important;
}

i.bx.bx-bell.notif-supervisor {
  color: red;
  margin-right: 0.7em;
  font-size: 1.5em;
}

#template-customizer .template-customizer-open-btn {
  display: none;
}

.sm-validate-all {
  display: none;
}

.pc-validate-all {
  display: block;
}

span.fc-icon.fc-icon-chevron-left,
span.fc-icon.fc-icon-chevron-right {
  cursor: pointer;
}

.secondary-supervising-worksite .row.val-actions {
  opacity: 0.3;
  pointer-events: none;
}

.secondary-supervising-worksite ~ span.kosetag.validate-all.pc-validate-all {
  display: none;
}
.color-white{
  color: white;
}
.bg-000-01{
  background-color: #00a0cb;
}
.bg-000-02{
  background-color: #ff8080;
}
.bg-000-13{
  background-color: #f24379;
}
.bg-num-default{
  background-color: #f24379;
}
.bg-002{
  background-color: #f2f2f2;
  color: black;
}
.bg-003-12{
  background-color: #418080;
  color: white;
}
.bg-006{
  background-color: #0000ff;
}
.bg-006-12{
  background-color: #80a8cd;
  color: white;
}
.bg-006-13{
  background-color: #8aafd1;
  color: white;
}
.bg-006-14{
  background-color: #9cbcd8;
  color: white;
}
.bg-006-15{
  background-color: #80a8cd;
  color: white;
}
.bg-007{
  background-color: #018001;
  color: white;
}
.bg-007-04{
  background-color: #84929c;
  color: white;
}
.bg-007-05{
  background-color: #5bbb5b;
  color: white;
}
.bg-007-06{
  background-color: #58b957;
  color: white;
}
.bg-007-21{
  background-color: #5bbb5a;
  color: white;
}
.bg-008{
  background-color: #83ffff;
  color: black;
}
.bg-009{
  background-color: #f24479;
}
.bg-010{
  background-color: #d1d1d1;
}
.bg-010-23{
  background-color: #f0306a;
}
.bg-013{
  background-color: #cccccc;
}
.bg-016{
  background-color: #15a8cf;
}
.bg-016-03{
  background-color: #39b5d7;
}
.bg-019{
  background-color: #00a0cb;
}
.bg-019-45{
  background-color: #01a0cb;
}
.bg-019-49{
  background-color: #03a1cc;
}
.bg-020-10{
  background-color: #03a1cc;
}
.bg-020-11{
  background-color: #03a1cc;
}
.bg-020-12{
  background-color: #91b4d4;
}
.bg-021{
  background-color: #80a8cd;
}
.bg-026{
  background-color: #4ac0c0;
}
.bg-026-01{
  background-color: #4ac0c0;
}
.bg-040{
  background-color: #51c2c2;
}
.bg-041{
  background-color: #4ac0c0;
}
.bg-072{
  background-color: #c0c0c0;
}
.bg-072-23{
  background-color: #f02f6a;
}
.bg-082{
  background-color: #c0c0c0;
}
.bg-082-23{
  background-color: #f35f8c;
}
.bg-120{
  background-color: #f2497b;
}
.bg-121{
  background-color: rgba(243,93,139,255);
}
.bg-122-06{
  background-color: rgba(241,57,113,255);
}
.bg-123{
  background-color: rgba(201,201,201,255);
  color: black;
}
.bg-124{
  background-color: #c0c0c0;
}
.bg-125{
  background-color: #c0c0c0;
}
.bg-126{
  background-color: #f35484;
}
.bg-126-52{
  background-color: #f13871;
}
.bg-127{
  background-color: #f7a600;
}
.bg-128{
  background-color: #58b957;
}
.bg-128-05{
  background-color: #808000;
}
.bg-132{
  background-color: #83919b;
}
.bg-137-11{
  background-color: #f7ab0d;
}
.bg-142{
  background-color: #00ff00;
  color:black;
}
.bg-142-03{
  background-color: #01a1cb;
}
.bg-142-99{
  background-color: #00a0cb;
}
.bg-148-49{
  background-color: #58b957;
}
.bg-154{
  background-color: #ffff0b;
  color:black;
}
.bg-154-04{
  background-color: #f0306a;
}
.bg-155{
  background-color: #ff8000;
}
.bg-155-04{
  background-color: #f02f6a;
}
.bg-156-56{
  background-color: #f7a600;
}
.bg-158{
  background-color: #838306;
}
.bg-169{
  background-color: #ff84c2;
}
.bg-169-05{
  background-color: #82909b;
}
.bg-047-56{
  background-color: #ff0080;
}
.bg-047-57{
  background-color: #8000ff;
}


#ws-max-hours .flatpickr-months {
  display: none;
}

#ws-max-hours .flatpickr-innerContainer {
  display: inline;
}

#ws-max-hours .flatpickr-calendar.inline {
  width: 100%;
}


.dayval-filled.ETC,.dayval-filled.ETC-day-val {
  background-color: #4fbae3;
  color: white;
}

.max-exists{
  background-color: gold;
}

.vacation-in-max{
  background-color: #daf4ff;
}

.vacation-in-max.max-exists {
  background-color: #60c5e7;
}

.max-detail-form-group{
  margin-left: 36%;
}

.col-4.max-all-select {
  text-align: center;
  padding: 0.4em;
  cursor: pointer;
  border-radius: 0.3em;
}

.col-4.max-all-select span {
  color: white;
  background-color: #5a8dee;
  padding: 0.4em;
  width: 100%;
  display: block;
  border-radius: 7px;
}

#ws-max-hours .month {
  padding: 0.5em;
  text-align: center;
  background-color: #eeeeee;
  margin: 0.3em 0em;
  opacity: 0.5;
  cursor: pointer;
}

div.favorite-val {
  position: relative;
  width: 20%;
  display: inline-block;
  height: 30px;
  border: 1px solid darkgray;
  border-style: dashed;
  text-align: center;
  padding: 0.3em;
}

span.flatpickr-day.nextMonthDay, span.flatpickr-day.prevMonthDay {
  pointer-events: none;
  cursor: default;
}

.pname-container{
  position: fixed;
  top: 156px;
  background-color: white;
  padding-bottom: 1em;
  width: 12%;
  width: calc(15% - 32px);
  border-bottom: 1px solid gray;
}

.pname-container input{
  width: 100%;
}
#ws-max-hours .month.selected {
  background-color: springgreen;
  opacity: 1;
}

.fix-width-100{
  width: 100px;
}

.ac-pas-personnel-filter {
  margin-top: 20px;
}

div#source-switcher {
  position: absolute;
  z-index: 999;
  margin: auto 0;
  width: 100%;
  text-align: left;
  top: 63px;
  display: inline-block;
}
.source-switch {
  display: inline-block;
  cursor: pointer;
}
.selected {
  border: 3px solid #39da8a !important;
}
.clickable-card{
  cursor: pointer;
}
.button-decide-all{
  position: absolute;
  right: 1em;
  width: 40%;
  text-align: right;
  color: white;
}

.button-decide-all a.btn{
  width: 40%;
}

#contractual-hours-cover-text{
  position: absolute;
    background-color: #e9ecee;
    padding: 0.5em;
    border-radius: 0.25rem;
    width: 100%;
    cursor: default;
}

#contractual-hours-cover-text.active{
    background-color: white;
    cursor: pointer;
}

.span-button-disabled, #validation-main-table.table-disabled{
  pointer-events: none !important;
  opacity: 0.5 !important; /* Optional: to visually indicate it's disabled */
}

@media (max-width: 600px) {

  #validation-pagina .filter-toggler {
    top: 232px !important;
  }

  /* Style the table rows */
  .special-validation-table .table.power-grid-table tr {
    display: flex;
    flex-direction: column;
  }

  /* Style the table data cells */
  .special-validation-table .table.power-grid-table td {
    display: block;
  }

  .special-validation-table .tc-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* width: 100%; */
    /* max-width: 70vw; */
    /* max-width: calc(100vw - 10px); */
    position: relative;
  }

  /* Style the table data cells */
  .special-validation-table .tc-column {
    display: block;
    flex: 0 0 47%;
    /* Forces the cells to take up half the width of their container */
  }

  .special-validation-table th {
    display: none;
  }

  .special-validation-table tr td:nth-child(5) {
    display: none !important;
  }

  span.val-worksite-name {
    display: none;
  }

  .sm-validate-all {
    width: 100%;
    display: block;
    text-align: center;
    padding: 3px;
    color: white;
    border-radius: 0.5em;
    color: #5a8dee;
    background-color: #dbe4f3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .sm-validate-all i {
    display: block;
  }

  .sm-validate-all span {
    display: block;
  }


  .pc-validate-all {
    display: none !important;
  }


}

span#valpane-curr-month {
  display: inline-block;
  width: 120px;
  text-align: center;
  padding: 0;
}

.text-align-left {
  text-align: left !important;
}

.bold-text {
  font-weight: bold;
}