/*Homepage system information header START*/
.view-system-information thead th:first-child{
	border: none;
    visibility: hidden;
    background-color: white;
}
.view-system-information tbody td:not(:first-child){
	box-shadow: inset 0.2em 0.2em 0.2em 0 rgba(255, 255, 255, 0.5), 0em 0em 0.2em 0 rgba(0, 0, 0, 0.5);
}
.view-system-information thead th:not(:first-child){
  	border: none;
    color: white;
    font-size: 0.91rem;
    font-weight: bold;
    text-transform: none;
    background-color: gray;
    box-shadow: inset 0.2em 0.2em 0.2em 0 rgba(255, 255, 255, 0.5), inset -0.2em -0.2em 0.2em 0 rgba(0, 0, 0, 0.5);
    background: linear-gradient(180deg, rgb(5 43 9) 0%, #0f5a23 35%, rgb(43 190 83) 100%);
}
/*Homepage system information header END*/
/*START Code for datasheet details reduce sequence in edit view*/
.red input{
    background-color:red;
}
input[type=number] {
    -moz-appearance: textfield;
  }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.views-table td.narrow-field {
  width: 70px;
  display: inline-block; /* Ensures width is respected */
  white-space: nowrap; /* Prevents wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
}

/* END Code for datasheet details reduce sequence in edit view*/

/* Generic Start Taxonomy spacing Rashmika 14012025 - Calculation Rules Taxonomy */
.field-group-details>.details-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}
.field-group-details>.details-wrapper>div[id^="edit-field-"] div.chosen-container{
	width: 100% !important;
}
/* Generic End Taxonomy spacing*/
 
/*Start hide label for date in employment details*/
.views-form form.views-entity-form td>div[id^="edit-form-field-"]>h4.label{
    display: none;
}
/*End hide label for date in employment details*/
.form-type-vertical-tabs {
	display: none;
}
.node-form {
  .layout-region-node-secondary {
  	display: none;
}
  .layout-node-form .field-group-details {
    background: linear-gradient(90deg, rgb(156 211 233 / 88%) 0%, rgba(0, 212, 255, 1) 100%);
}
 
.layout-region-node-main {
    .details-wrapper {
    	flex-wrap: wrap;
      gap: 20px;
     align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
      .form-wrapper {
      	padding-right: 2px;
      }
      .form-textarea {
      width:39ch;
      }
    }
  .field--type-datetime {
  	position: relative;
    top: 19px;
    .label {
    	position: absolute;
    	bottom: 40px;
    }
  }
  }
}
.any-date .form-item .form-item__label, .any-date .label {
	display:none;
}
.views-view-table{
border-spacing:0;
}
/*All dates with machine name field_date*/
input[id^="edit-field-date"]{
width: 150px;
}
select[id^="edit-field-date"]{
width: 150px;
margin: 10px;
}
Fieldset[id^="edit-field-date"]{
border: none;
padding: 0;
}
fieldset[id^="edit-field-date"] legend{
top: -3px;
text-transform: capitalize;
left: 11px;
}
.any-date .form-item .form-item__label {
	display:none;
}
/*header detail input*/
table {
border-collapse: separate;
width: 100%;}
}
.button:hover, #edit-actions-submit:hover, .adminimal .button--primary:hover, .adminimal .button:hover{
color: white ;
background: navy;
}
.adminimal  .form-actions input {
  margin: 30px auto;
    height: 20%;
    border-radius: 6px;
    background-color: lightblue !important;
}
.view-delete {
padding: 10px;
  display: block;
  margin: 0 15px;
}
.rm-block__inner{
background-color: navy;
}
.views-entity-form select {
	width: 250px !important;
}
.form-number{
text-align: right;
}
.tabs--primary li a{
margin-right: 10 px;
}
fieldset[id^="edit-d-created"] {
    border: none;
    padding-top: 12px;
}
fieldset[id^="edit-d-created"] legend {
    top: -3px;
    text-transform: capitalize;
    left: 11px;
}
/*End of generic coding*/
.views-field-form-field-field-valid-from h4.form-item__label{
display: none;
}
#edit-field-surname-value, #edit-field-other-names-value {
width: 200px;
}
#edit-field-nationality-target-id{
width: 200px;
}
.field--name-field-welcome-image{
width: 350px;
}
#edit-field-start-date-value-wrapper{
border: none;
margin-top: revert;
}
#edit-field-end-date-value-wrapper{
border: none;
margin-top: revert;
}
.fa-loaded .view-datasheet-details  .form-type-select__select-wrapper:not(.is-multiple)::after{
	display: none;
}
.view-datasheet-details  .form-type-select__select-wrapper:not(.is-multiple) .form-select{
  padding-right: 0;
  border: none;
  margin-right: 0;
}
.view-datasheet-details  .chosen-container-active .chosen-single, .view-datasheet-details  .chosen-container-single .chosen-single:hover {
  border: 2px solid #5897fb;
}
.Quantity input{
width:75px;
text-align: right;
}
.rate input{
width:100px;
text-align: right;
}
.salary-notch{
text-align: right;
}
.amount input{
width:120px;
text-align: right;
}
.view-datasheet-details p a {
	margin-right: 10px;
}
td.residential-address br{
  display: none;
}
td.residential-address br::after{
  content: " "; 
}
.form-item-field-date-of-birth-value-value{
margin-top: 18px;
}
.views-field-form-field-field-valid-from h4.label, .views-field-form-field-field-valid-to h4.label {
display: none;
}
.form-item-field-date-of-birth-value-max, .form-item-field-date-of-birth-value-min, .form-item-field-date-last-employed-value-min, .form-item-field-date-last-employed-value-max {
margin-top: -3px;
}
.form-item-d-created-min, .form-item-d-created-max{
margin-top: -13px;
}

/*---Kishan---*/
/* START: List Datasheet Details - edit */
.path-datasheet-details-e td, .path-payroll-datasheets-e td, .path-leave-details-e td, .path-payroll-calendar-e td {
 padding: 0px; 
}
.views-table.views-view-table td .form-item,
.views-table.views-view-table .form-item {
  margin: 1px;
}
.path-datasheet-details-e .views-field-form-field-field-employment input { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-job input { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-functional-organisation input { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-activity-code input { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-resources-and-services input { width: 90px !important; }
.path-datasheet-details-e .views-field-form-field-field-ed input { width: 85px !important; }
.path-datasheet-details-e .views-field-form-field-field-unit-of-measure input { width: 90px !important; }
/**/
.path-datasheet-details-e .views-field-form-field-field-employment .chosen-container { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-job .chosen-container{ width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-functional-organisation .chosen-container{ width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-activity-code .chosen-container { width: 170px !important; }
.path-datasheet-details-e .views-field-form-field-field-resources-and-services .chosen-container { width: 90px !important; }
.path-datasheet-details-e .views-field-form-field-field-ed .chosen-container { width: 85px !important; }
.path-datasheet-details-e .views-field-form-field-field-unit-of-measure .chosen-container{ width: 90px !important; }
.path-datasheet-details-e .views-field-form-field-field-quantity input{ width: 85px !important; }
.path-datasheet-details-e .views-field-form-field-field-rate input{ width: 88px !important; }
.path-datasheet-details-e .views-field-form-field-field-amount input{ width: 92px !important; }
/* Apply fixed width to the original <select> */
/*.path-leave-details-e .views-field-form-field-field-leave-institution-category input { width: 140px !important; }*/
body.path-datasheet-details-e 
  input[name^="form_field_field_leave_institution_category"][name$="[target_id]"] {
  width: 140px;
}
/*.path-leave-details-e .views-field-form-field-field-leave-status input { width: 90px !important;}*/
body.path-datasheet-details-e 
  input[name^="form_field_field_leave_status"][name$="[target_id]"] {
  width: 90px;
}

/* .path-leave-details-e .views-field-form-field-field-qualified-leave input { width: 90px !important;}*/
body.path-datasheet-details-e 
  select[name^="form_field_field_qualified_leave"] {
  width: 90px !important;
}
/**/
.path-leave-details-e .views-field-form-field-field-quantity input{ width: 90px !important; }
.path-leave-details-e .views-field-form-field-field-leave-institution-category .chosen-container{ width: 250px !important; }
.path-leave-details-e .views-field-form-field-field-leave-status .chosen-container{ width: 100px !important; }
.path-leave-details-e .views-field-form-field-field-qualified-leave .chosen-container{ width: 100px !important; }
/*end*/
.path-payroll-calendar-e .views-field-form-field-field-company input { width: 120px !important; }
.path-payroll-calendar-e .views-field-form-field-field-payroll-status input { width: 120px !important; }
.path-payroll-calendar-e .views-field-form-field-field-company .chosen-container{ width: 120px !important; }
.path-payroll-calendar-e .views-field-form-field-field-payroll-status .chosen-container{ width: 120px !important; }

.path-datasheet-details-e .view-content{
position:relative;
/*z-index: 1;*/
}
.path-datasheet-details-e #edit-actions,#edit-actions--2{
margin:auto;
}
.path-datasheet-details-e #edit-actions-submit--2,#edit-actions-submit{
margin:auto;
}
.path-datasheet-details-e .views-field-form-field-field-workforces .chosen-drop { max-height: 110px; }
.path-datasheet-details-e .views-field-form-field-field-workforces .chosen-results { max-height: 100px; }
.page-content{
margin-bottom:0px;
}
/* END: List Datasheet Details - edit */

/* START: List Datasheet Details */
/* Ensures fixed table layout for consistent column sizing */
.path-datasheet-details table.vbo-table {
    table-layout: fixed !important;
}
/* Default row behavior: Truncate text and limit row height */
.path-datasheet-details .vbo-table td,
.path-datasheet-details .vbo-table th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
/* On hover: Allow the row (header or body) to expand and reveal full content */
.path-datasheet-details .vbo-table tr:hover,
.path-datasheet-details .vbo-table th:hover {
    z-index: 1;
    position: relative;
}
/* On hover: Expand text in each cell (triggers full text reveal) */
.path-datasheet-details .vbo-table tr:hover td,
.path-datasheet-details .vbo-table th:hover {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}
.path-datasheet-details .vbo-table .views-field-views-bulk-operations-bulk-form { width: 20px !important; }
.path-datasheet-details .vbo-table .views-field-delete-node { width: 21px !important; }
.path-datasheet-details .vbo-table .views-field-field-datasheet { width: 70px !important; }
.path-datasheet-details .vbo-table .views-field-field-date { width: 78px !important; }
.path-datasheet-details .vbo-table .views-field-field-employment { width: 150px !important; }
.path-datasheet-details .vbo-table .views-field-field-job { width: 150px !important; }
.path-datasheet-details .vbo-table .views-field-field-functional-organisation { width: 150px !important; }
.path-datasheet-details .vbo-table .views-field-field-activity-code { width: 150px !important; }
.path-datasheet-details .vbo-table .views-field-field-resources-and-services { width: 80px !important; }
.path-datasheet-details .vbo-table .views-field-field-remarks { width: 100px !important; }
.path-datasheet-details .vbo-table .views-field-field-ed { width: 85px !important; }
.path-datasheet-details .vbo-table .views-field-field-unit-of-measure { width: 60px !important; }
.path-datasheet-details .vbo-table .views-field-field-quantity { width: 60px !important; }
.path-datasheet-details .vbo-table .views-field-field-rate { width: 60px !important; }
.path-datasheet-details .vbo-table .views-field-field-amount { width: 60px !important; }
/*for payroll datatsheets e*/
.path-payroll-datasheets-e .views-field-form-field-field-datasheet-type select { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-data-input-mode select { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-payroll-calendar select { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-job select { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-ed-code select { width: 150px !important; }
/**/
.path-payroll-datasheets-e .views-field-title { width: 100px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-datasheet-type .chosen-container { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-data-input-mode .chosen-container { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-payroll-calendar .chosen-container { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-job .chosen-container { width: 200px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-date input { width: 150px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-physical-location { width: 150px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-ed-code .chosen-container { width: 150px !important; }
.path-payroll-datasheets-e .views-field-form-field-field-ed-tag { width: 150px !important; }
/*end*/
.path-datasheet-details td {
    padding: 0px;
}
.path-datasheet-details td .form-item {
    margin: 0px;
}
.path-datasheet-details .view-content {
    position: relative;
    z-index: 1;
}
.path-datasheet-details #edit-actions--3 {
    margin: auto;
}
.path-datasheet-details #edit-actions-submit--3{
    margin: auto;
}
.path-datasheet-details .views-field-form-field-field-workforces .chosen-drop {
    max-height: 110px;
}
.path-datasheet-details .views-field-form-field-field-workforces .chosen-results {
    max-height: 100px;
}
.path-datasheet-details input.button.js-form-submit.form-submit {
    margin: 0 !important;
}
.path-datasheet-details .vbo-table.views-table, .vbo-table.views-table th, .vbo-table.views-table td { 
  border-collapse: collapse; 
  border: 1px solid #ccc; 
  padding: 4px 8px;  
}
/* END: List Datasheet Details */

/* START: Sticky Table Headers */
.sticky-enabled thead {
  position: sticky;
  top: 53px;
  z-index: 99;
}
/* END: Sticky Table Headers */

/* General grid styling */
.views-view-responsive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive columns */
  gap: 20px; /* Space between items */
  padding: 20px;
}
/* Each item */
.views-view-responsive-grid__item {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.views-view-responsive-grid__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* Icon container styling for consistent size */
.views-field-field-menu-icon{
  width: 80px;
  height: 80px;
  margin: 0 auto 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Image styling */
.views-field-field-menu-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
/* Text link styling */
.views-field-field-menu-link a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  margin-top: 10px;
}
.views-field-field-menu-link a:hover {
  color: #007bff;
}
/* Optional: remove empty anchor elements */
.views-field-field-menu-icon a:first-child:empty {
  display: none;
}
/*general changes on Payroll Datasheets*/
.view-header p{
  margin: 5px;
  padding: 0;
}
#edit-actions {
  margin: 0;
  padding: 0;
}
.seven-details {
  margin: 0 !important;
  padding: 0 !important;
}
.form-actions.js-form-wrapper.form-wrapper {
  margin: 5px !important;
}
.form-actions.js-form-wrapper.form-wrapper input {
  margin: 5px !important;
}
/*end*/

.home-link a::before {
  content: "🏠 ";
}
.home-link a {
  color: #ffffff;
}
.view-datasheet-details .js-form-type-entity-autocomplete input.form-autocomplete {
	background-image: none;
}