.main-header,
.content-wrapper{
  margin-left: auto !important;
}

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

.custom-checkbox-success {
  background-color: #01751c;
  border-color: #038a22;
  color: #fff;
}

/* Your custom CSS class to make the checkbox and label green */
.green-checkbox {
  color: #28a745;
  /* Green color for the label text */
}

.green-checkbox .custom-control-input:checked~.custom-control-label::before {
  border-color: #28a745;
  /* Green color for the checkbox when checked */
  background-color: #28a745;
  /* Green color for the checkbox when checked */
}

/* Optional: Change the border color when the checkbox is not checked */
.green-checkbox .custom-control-input~.custom-control-label::before {
  border-color: #28a745;
  /* Green color for the border when not checked */
}

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

.status-class-1 {
  background-color: #28a745;
  text-align: center;
  border-radius: 6px;
  box-shadow: 6px;
  border-color: azure;
  border-style: outset;
  cursor: pointer;
  /*background-image: linear-gradient(to left, green,rgb(27, 255, 27),rgb(156, 209, 156)); */
  color: 'fff';
  background-size: 100%;
  transition: 0.6s;
}

.status-class-2 {
  background-color: red;
  text-align: center;
  border-radius: 6px;
  box-shadow: 6px;
  border-color: azure;
  border-style: outset;
  cursor: pointer;

}

.status-class-3 {
  background-color: orangered;
  text-align: center;
  border-radius: 6px;
  box-shadow: 6px;
  border-color: azure;
  border-style: outset;
  cursor: pointer;
}

.status-class-4 {
  background-color: yellow;
  text-align: center;
  border-radius: 12px;
  box-shadow: 6px;
  border-color: rgb(0, 0, 0);
  border-style: outset;
  cursor: pointer;
}

.status-class-5 {
  background-color: lightblue;
  text-align: center;
  border-radius: 6px;
  box-shadow: 6px;
  border-color: azure;
  border-style: outset;
  cursor: pointer;

}

.table-header-result {
  background-color: lightgray;
  text-align: center;
  padding: 2px;
  border: 1px solid black;

}

.pagination li {
  display: inline-block;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 500px;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 500px;
}

.pagination li.active {
  background-color: #4CAF50;
  border-radius: 500px;

}

.pagination li:first-child {}

.pagination li:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

/* Custom CSS to style validation error messages in red */
.has-error .control-label,
.has-error .help-block,
.has-error input {
  color: red !important;
}


.checkboxgroup {

  overflow: auto;

}



.checkbox-label-left {
  display: flex;
  align-items: center;
}

.checkbox-label-left label {
  margin-left: 5px;
  /* Adjust the margin as needed, e.g., decrease to 5px */
}

.checkboxgroup div {

  width: 130px;

  float: left;

}

.detail-view {
  line-height: normal;

}

tr {
  line-height: 15px;

}

form div.required label.control-label:after {

  content: " * ";

  color: red;

}


.select2-container--adminlte .select2-selection--single {
  font-size: 14px !important;
  /* Adjust the font size as needed */
}

.custom-grid-view tbody tr {
  height: 30px;
}

.custom-grid-view tbody td {
  padding: 5px;
}




.custom-grid-view tbody tr {
  height: 30px;
}

.custom-grid-view tbody td {
  padding: 5px;
}


@media (max-width: 768px) {
  .main-header .navbar {
    margin: 0;
  }

  .main-header .logo {
    width: 100%;
    text-align: center;
  }

  .main-header .navbar-custom-menu {
    float: none;
    text-align: center;
  }

  .main-header .navbar-custom-menu .nav {
    display: inline-block;
    float: none;
  }



  .overlay {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    /* Black overlay with 50% opacity */
  }

  .overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('path/to/image.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.5;
    z-index: -1;
    /* Place behind the content */
  }

  .bg-gradient-primary2 {
    background: linear-gradient(to right, #91ff2a, #0056b3) !important;
}


  .bg-gradient-secondary {
    background: linear-gradient(to right, #6c757d, #5a6268);
  }


  /* Light Blue to White Gradient */
  .bg-gradient-light-blue {
    background: linear-gradient(to right, #e0f7fa, #ffffff);
  }

  /* Light Pink to White Gradient */
  .bg-gradient-light-pink {
    background: linear-gradient(to right, #f8bbd0, #ffffff);
  }

  /* Light Green to White Gradient */
  .bg-gradient-light-green {
    background: linear-gradient(to right, #dcedc8, #ffffff);
  }

  /* Light Purple to White Gradient */
  .bg-gradient-light-purple {
    background: linear-gradient(to right, #e1bee7, #ffffff);
  }

  /* Light Yellow to White Gradient */
  .bg-gradient-light-yellow {
    background: linear-gradient(to right, #fff9c4, #ffffff);
  }

  /* Light Orange to White Gradient */
  .bg-gradient-light-orange {
    background: linear-gradient(to right, #ffe0b2, #ffffff);
  }

  /* Light Gray to White Gradient */
  .bg-gradient-light-gray {
    background: linear-gradient(to right, #f5f5f5, #ffffff);
  }

  /* More Complex Multi-Color Gradient */
  .bg-gradient-multi {
    background: linear-gradient(to right, #ff9a9e, #fad0c4, #fad0c4, #ff9a9e);
  }




  /* Default border color */
.textarea-border {
  border: 1px solid #000; /* Black border */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow */
  border-radius: 4px; /* Optional rounded corners */
  transition: border-color 0.3s ease; /* Smooth transition */
}

/* Border color when filled */
.textarea-border.filled {
  border-color: green;
}


canvas {
  border: 1px solid #ccc;
  max-width: 100%;
  /* Makes the canvas width responsive */
  height: auto;
  margin-bottom: 1px;
}
.pdf-viewer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 10px;
}
.button-container {
display: flex;
justify-content: center;
align-items: center;
gap: 10px; /* Adds space between the buttons */
margin-bottom: 20px; /* Adds space below the buttons */
}
.custom-grid-view h6 {
text-align: center;
}


@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('jameel.ttf') format('truetype'); /* Path is relative to your css folder */
  font-weight: normal;
  font-style: normal;
}
/* Example of fixing sidebar width and avoiding hover expansion */
.main-sidebar {
  width: 250px !important; /* Enforce the sidebar width */
  transition: none !important; /* Disable transition on hover */
}

.main-sidebar:hover {
  width: 250px !important; /* Ensure the width remains the same on hover */
}

.sidebar {
  overflow: hidden !important; /* Prevent unwanted overflow */
  transition: none !important; /* Disable hover transition */
}

.layout-fixed .sidebar {
  width: 250px !important; /* Fixed width in fixed layout */
}

/* Add any other custom styles you need */

/* Add these CSS classes to your stylesheet */
.bg-lightgreen {
  background-color: #a5d99f; /* Light Green */
}

.bg-green-2 {
  background-color: #88cba1; /* Slightly Darker Green */
}

.bg-green-3 {
  background-color: #5cb85c; /* Medium Green */
}

.bg-green-4 {
  background-color: #4cae4c; /* Darker Green */
}

.bg-darkgreen {
  background-color: #3c763d; /* Dark Green */
}

/* Ensure that the text is readable */
.info-box {
  color: #fff; /* Make text color white for better contrast */
}

}