.swal2-container {
    z-index: 9999999 !important;
}
.truck-box {   
    border: 1px solid #000;
}
.truck-row{
    margin-top: 20px;
    margin-left: 10px;
}

.day-label {
  padding: 0;
  border: 1px solid #000;
}
.btn-success{
    background: green !important;
    border: 1px solid green !important;
}
.mb-20{
    margin-bottom: 20px;
}

.day-date-container {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: stretch;
}
.truck-row {
  display: flex;
  align-items: stretch;
  margin-top: 20px;
  margin-left: 10px;
}

.truck-row .col-xs-1,
.truck-row .col-xs-11 {
  display: flex;
  flex-direction: column;
}

.day-text-box {
  border-right: 1px solid;
}

.day-text-box,
.date-text-box {
  padding: 5px;
  line-height: 1.2;
  font-weight: bold;
  margin: 2px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center; 
  align-items: center;
}

.border-bottom-truck {
  border-bottom: 1px solid;
  padding: 5px;
  min-height: 28px !important;
}

.black-box {
  background-color: #fff;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #000;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.truck-header-box {
  display: flex;
  text-align: center;
  border: 1px solid #000;
}

.header-cell {
  flex: 1;
  padding: 5px;
  border-right: 1px solid #000;
  font-weight: bold;
}

.header-cell:last-child {
  border-right: none;
}

.truck-whole-box {
  min-width: 250px;
  max-width: 250px;
  margin-right: 5px;
}

.scrollable-trucks {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 5px;
  border: 1px solid #000;
  min-height: 200px;
  cursor: pointer;
}

.event-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border: 2px solid #ccc; /* default, overridden by border-priority-* */
    border-radius: 4px;
    position: relative;
    font-size: 12px;
    color: #000;
    min-height: 30px;
    overflow: visible;
    cursor: pointer;
}
.input-error {
  border: 1px solid red !important;
}
.clickable-cell{
    cursor: pointer !important;
}
#timeDayModal{
    z-index: 99999 !important;
    background: #0000007d !important;
}

/* Display Class */
.d-flex{ display: flex !important; }
.align-items-center{ align-items: center !important; }
.justify-content-center{ justify-content: center !important; }
.justify-content-between{ justify-content: space-between !important; }
.g-1{ gap: 10px !important; }
.g-1-2{ gap: 15px !important; }
.g-2{ gap: 20px !important; }
/* End Display Class */

/* Border colors by priority */
.border-priority-low {
    border-color: #E1EFDB;
}
.border-priority-medium {
    border-color: #FFFC3F;
}
.border-priority-high {
    border-color: #F8928D;
}
.border-priority-nopriority {
    border-color: #E1E3E0;
}
.box-priority-low {
    background: #E1EFDB !important;
}
.box-priority-medium {
    background: #FFFC3F !important;
}
.box-priority-high {
    background: #F8928D !important;
}
.box-priority-nopriority {
    background: #E1E3E0 !important;
}
.priority-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px !important;
    margin-right: 6px;
    vertical-align: middle;
}
/* Left side text block */
.event-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 10%;
}

/* Event name */
.event-name {
    font-weight: bold;
}

/* Priority text */
.priority-label {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

/* Right side vertical strip: 10% width of box */
.priority-color-strip {
    width: 10%;
    height: 100%;
    min-height: 30px !important;
}

/* Priority colors */
.bg-priority-low {
    background-color: #E1EFDB;
}
.bg-priority-medium {
    background-color: #FFFC3F;
}
.bg-priority-high {
    background-color: #F8928D;
}
.bg-priority-nopriority {
    background-color: #E1E3E0;
}

/* Badge on top right corner */
.event-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #51c24a;
    color: #ffffff;
    padding: 4px;
    border-radius: 50% !important;
    font-size: 10px;
    font-weight: bold;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    z-index: 1;
    cursor: pointer !important;
}
.priority-buttons {
  display: flex;
  gap: 10px;
}

.priority-option,
.priority-optionview {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  color: black;
  font-weight: bold;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  user-select: none;
}

.priority-option input[type="radio"],
.priority-optionview input[type="radio"]{
  display: none;
}

/* Background based on type */
.priority-option.low,
.priority-optionview.low {
  background-color: #E1EFDB;
}

.priority-option.medium,
.priority-optionview.medium {
  background-color: #FFFC3F;
}

.priority-option.high,
.priority-optionview.high {
  background-color: #F8928D;
}

.priority-option.nopriority,
.priority-optionview.nopriority {
  background-color: #E1E3E0;
}

/* Selected style */
.priority-option.selected,
.priority-optionview.selected {
  border: 2px solid #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}


.plan_one_row{
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.switch-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
}

.switch-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.switch-row {
    display: flex;
    align-items: center;
    gap: 5px;
}

.status-text {
    font-weight: bold;
    font-size: 14px;
    color: #999;
}

.status-close {
    color: red;
}

.status-open {
    color: green;
}
.swal-confirm-black {
    background-color: black !important;
    color: white !important;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px !important;
}
.swal-title-custom {
    font-size: 16px !important;
}
.swal-cancel-red {
    font-size: 14px !important;
    background-color: #b12124 !important;
    color: white !important;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: bold;
}


input[type="checkbox"]:checked ~ .status-close {
    color: #999;
}

input[type="checkbox"]:checked ~ .status-open {
    color: green;
}

input[type="checkbox"]:not(:checked) ~ .status-close {
    color: red;
}

input[type="checkbox"]:not(:checked) ~ .status-open {
    color: #999;
}

.btn-outline-secondary{
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;
    font-weight: bold;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;
    font-weight: bold;
}

#prevMonday{
    border-radius: 25% 0 0 25% !important;
}
#nextMonday{
    border-radius: 0 25% 25% 0 !important;
}
.pt-24{
    padding-top: 24px !important;
}
.fs-18{
    font-size: 18px !important;
}
.sign-form{
    width: 70% !important;
    margin: auto !important;
}

.truck-box .copy_event:hover {
    color: #ccc;
}
.truck-box .edit_data-wrapper {
    position: relative;
}
.cke {
    z-index: 100001 !important;
}
.cke_combopanel, .cke_panel {
    z-index: 100002 !important; /* Covers font/color dropdowns */
}
.border-bottom-truck{
    text-align: left !important;
}
.truck-box .copy_event {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: #fff;
    z-index: 10;
    font-size: 16px; /* Optional: Control icon size */
}
.truck-box .edit_data {
    padding-right: 10px; /* Adjust based on icon size and spacing */
}


.mb-5{
    margin-bottom: 5px !important;
}
.bl-1{
    border-left:3px solid #ccc;
}
.w-60{
    width: 60% !important;
}
.red-font{
    color: #b3121a !important;
}
.signature-pad {
   border: 1px solid #ccc;
   width: 100%;
   height: 100px;
   touch-action: none;
}
#fav_erp p{
    color: black;
    font-size: 16px;
    margin-top: 2px !important;
}
.sub-folder-add{
    background: #b3121a;
    color: white;
    padding: 2px;
    border-radius: 50% !important;
    cursor: pointer;
    display: inline-block;
   margin-left: 10px;
   float: right; 
}
.input-group-sm>.input-group-btn>select.btn, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, select.input-sm{
        line-height: 20px !important;
}
.select2-container {
   width: 100% !important;  /* Ensure full width for the select */
}

.select2-selection {
   border: 1px solid #ccc !important;  /* Border for the selection area */
   border-radius: 4px;
}

.select2-selection__arrow {
   display: none;  /* Hide Select2 custom arrow */
}

/* Native select dropdown arrow */
select {
   -webkit-appearance: menulist;  /* For webkit browsers */
   -moz-appearance: none;         /* For Firefox */
   appearance: none;              /* For modern browsers */
   background: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css') no-repeat right center;
   background-size: 16px 16px;    /* Adjust arrow size */
}

/* Focus styles */
.select2-container--focus .select2-selection {
   border-color: #66afe9;
   outline: none;
}

/* Adjust the padding of the select box */
.select2-selection__rendered {
   padding: 6px 12px;
}
.select2-results {
  max-height: 200px; 
  overflow-y: auto; 
}
.alert-success{
    color: #155724 !important;
    background-color: #63c0798c !important;
    border-color: #63c0798c !important;
}
.alert-dismissable .close, .alert-dismissible .close {
    color: #000000 !important;
    opacity: 1 !important;
}
.modal .modal-header .close {
    color: #000000 !important;
    opacity: 1 !important;
}
.mt-22{
    margin-top: 22.5px;
}
.text-end{
    text-align: end !important;
}
.page-wrapper .page-wrapper-middle {
    background-image: linear-gradient(121deg, rgb(255 255 255 ), rgb(255 255 255 / 30%)), url('../../../images/MG_6613.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.portlet.light{
    background-color: #ffffffc4;
}
.quality_edit{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.quality_status{
    padding-right: 10px !important;
    padding-left: 8px !important;
}
.delete_status{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.plant_tbl_bg_td{
    background: #00a6ff4f !important;
}
.error_text_box{
    border: 1px red solid;
}
#employee_list_tbl thead th {
    position: sticky;
    top: 0;
    background-color: #f1f1f1; /* Background color for the header */
    z-index: 100;
}
.announcements_carousel .carousel-control {
    color: #000 !important;
    font-size: 14px;
    top: 50%;
    opacity: 1;
    text-shadow: 0 0 BLACK;
}
.announcements_carousel .carousel-control:hover {
    color: #b4121b !important;
}
.announcements-fix-height{
    min-height: 350px !important;
}
hr {
    border-top: 2px solid #8c8c8c !important;
}
.star-checkbox input[type="checkbox"] {
    display: none !important; /* Hide the default checkbox */
}
.mt-28{
    margin-top: 28px !important;
}
.mt-5{
    margin-top: 5px!important ;
}
.f-16{
    font-size: 16px !important;
}

.star-checkbox .fa-star {
    font-size: 24px; /* Adjust the size of the star */
    color: #ccc; /* Unchecked star color */
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.star-checkbox input[type="checkbox"]:checked + .fa-star {
    color: gold !important; /* Checked star color */
}

.star-checkbox .fa-star:hover {
    color: gold !important; /* Hover effect for the star */
}
.disabled-star {
    color: #ccc !important; /* Dimmed color for disabled state */
    cursor: not-allowed; /* Show disabled cursor */
    pointer-events: none; /* Disable interaction with the icon */
}

#overlay{   
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
#wsc_img_banner{
    display: none !important;
}
.m-5{
    margin: 5px 0px;
}
.w-100{
    width: 100px !important;
}
.btn-w-100{
    width: 100% !important;
}
.weekly-tbl p{
    margin: 0px !important;
}
.login-microsoft{
    padding: 10px 35px !important;
    margin-bottom: 20px;
    background-color: transparent;
    border-color: #1588af;
    color: #1588af;
}
.login-microsoft:hover{
    background-color: #41a8d2;
    border-color: #41a8d2;
    color: #fff;
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.banner-class {
    display: none !important;
}
.cke_notifications_area{
    display: none !important;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #b4121b solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
/* here you can put your own css to customize and override the theme */
.page-header-top {
    background-color: #dedede !important;
    height: 65px !important;
}
.page-header .page-header-menu .hor-menu.right-menu{
    float: inline-end !important;
}
.red-btn{
    background: #b52024;
    color: white;
}
.page-header{
    height: 115px !important;
}
.page-content {
    padding: 15px 0px 15px 0 !important;
}
.page-header .page-header-top .page-logo .logo-default {
    margin: 10px 0 0 !important;
    width: 100% !important;
}
.page-header .page-header-top .page-logo{
    height: 65px !important;
}
.page-header .page-header-menu {
    background: #767676;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a {
    color: #ffffff;
    background: #000000;
    border-bottom: solid 3px #b81e24;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
    color: #fff;
    background: #b4121b !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a{
    color: #ffffff;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {
    background: #000 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
    background: #252525;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {
    color: #e2e2e2;
    background: #252525;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {
    color: #fff;
    background: #b4121b;
}
.dropdown-user .dropdown-toggle {
    background: #000 !important;
}
.page-prefooter { 
    background: #dedede;
    padding-bottom: 12px;
    color: #000000;
 }
.page-footer {
    background: #767676;
    color: #ffffff;
}
.footer-block h2 {
    color: #b4121b;
}
.page-prefooter a {
    color: #000000 !important;
}
.page-prefooter a:hover {
    color: #b52129 !important;
}
a {
    color: #b4121b;
}
.copyright>a:hover {
    color: #e2e2e2;
}
a:hover {
    color: #252525;
}
.page-wrapper .page-wrapper-middle {
    background: #f0f0f0;
}
.breadcrumb .fa {
    color: #000 !important;
}
.breadcrumb>li {
    color: #000 !important;
}
.page-header .page-header-top .top-menu {
    margin: 25px 0 0;
}
.page-header .page-header-top .page-logo .logo-default.mt-0{
    margin-top: 0px !important;
}
.dt-button .buttons-pdf {
    color: #ff0000;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #b4121b;
    border-color: #b4121b;
}
.pagination>li>a {
    color: #000;
}
.pagination>.next>li>a {
    color: #000;
}
.username {
    color: #000000;
}
.username>a {
    color: #ff0000;
}
.username>a:hover {
    color: #e2e2e2;
    text-decoration: underline;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i {
    color: #fff;
}
.login {
    background-color: #dedede !important;
}
.site-logo{
    width: 20% !important;
}
.login .content .create-account {
    background-color: #252525;
}
.login .copyright {
    color: #b4121b;
}
.login .content .check {
    color: #000;
}
.login .content .form-actions {
    padding-top: 10px;
    padding-bottom: 10px;
}
.login .content .form-control {
    height: 38px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 4px solid #b4121b;
}
.tabbable-line>.nav-tabs>li:hover {
    background: 0 0;
    border-bottom: 4px solid #252525;
}
.kb-config__group-header, .kb-config__page-m-title {
    color: #b4121b !important;
}
.error{
    color: red;
}
.mt-5{
    margin-top: 5px;
}
.dashboard-site-div{
    text-align: center;
}
.dashboard-site-div img{
    width: auto;
    height: 55px;
}
.dashboard-site-div .box:hover {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 19px 20px;
    text-align: center;
    height: 100%;
}
.dashboard-site-div .box{
    padding: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.center-logo{
    margin-left: 20% !important; 
}
.work-hub-logo-icon{
    width: 50px !important;
}
.page-header .page-header-top .page-logo.work-hub-logo-icon .logo-default{
    width: 50% !important;
}
.page-header .page-header-top .page-logo.second-stite-logo-icon{
    width: 100px;
}
.page-header .page-header-top .page-logo.second-stite-logo-icon .logo-default{
    margin-top: 0px !important;
    width: 60% !important;
}
.portlet>.portlet-title>.tools>a{
    height: auto !important;
}
.pr-5{
    padding-right: 5px;
}
.gray-border{
    border-top: 2px solid #a7a7a794 !important;
    margin-bottom: 25px !important;
    margin-top: 15px !important;
}
.pr-15{
    padding-right: 15px !important;
}
.pt-5{
    padding-top: 5px;
} 
.h-35{
    height: 35px !important;
}
.quality-form-button{
    margin-right: 170px;
}
.quality-form-button .add-button{
    padding: 5.2px 11px;
}
.plastic_quality_form_header .page-header-top{
    height: 115px !important;
}
.plastic_quality_form_header .page-header{
    height: 100px !important;
}
.page-header .page-header-top .page-logo .logo-default.google_issue_form {
    width: 9% !important;
}
.plastic_quality_form_header .page-logo{
    text-align: center;
    width: 100% !important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mt-0{
    margin-top: 0px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}
.m-0{
    margin: 0px !important;
}
.w-50{
    width: 50%;
}
.tabbable-line>.nav-tabs>li.active>a {
    color: #b52024 !important;
}
.nav-tabs>li>a:hover{
    color: #b52024 !important;
}
.more_info_table td.details-control {
    background: url('../../../images/right.png') no-repeat center center !important;
    cursor: pointer;
    background-color: #f0f0f0 !important; /* Fallback color */
}
.more_info_table tr.shown td.details-control {
    background: url('../../../images/down.png') no-repeat center center !important;
    cursor: pointer;
    background-color: #f0f0f0 !important; /* Fallback color */
}
.plant-table.table-responsive,.hdpe-stock-table.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.plant-table .table,.hdpe-stock-table .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}
.plan-td-no-wrap{
    white-space: nowrap !important;
}
.img-preview {
    display: inline-block;
    margin: 10px;
    position: relative;
}

.img-preview img {
    max-width: 150px;
    max-height: 150px;
}

.img-preview .remove-image {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
.category_font{
    font-size: 17px !important;
    color: #b81e24;
}
.sub_category_font{
    font-weight: 600 !important;
}
.mt-radio>span:after {
    background: #b52022 !important;
}
.edit_plan_detail_button{
    cursor: pointer;
}

.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 116px;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: #e7505a;
  border-color: #e7505a;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}
.upload__btn p{
    margin: 0px !important;
}

.upload__btn:hover {
  background-color: unset;
  color: #e7505a;
  transition: all 0.3s ease;
}

.upload__btn-box {
  margin-bottom: 10px;
}

.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.upload__img-box {
  width: 200px;
  padding: 0 10px;
  margin-bottom: 12px;
}

.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}

.upload__img-close:after {
  content: "\2716";
  font-size: 14px;
  color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

.complaint_form .mt-radio-inline {
    padding: 0px 0 !important;
}

#complaint_list_tbl td{
    background: transparent !important;
}
.capitalize{
    text-transform: capitalize;
}
.heading-red{
    font-weight: 700 !important;
    color: #b52024;
}
.complaint_image{
    width: 100px;
    height: 100px;
    object-fit: contain !important;
}
.zoom_complaint_image{
    cursor: pointer;
}
.lane-logo{
    width: 30% !important;
    padding-top: 10px !important;
}
.work-center-logo{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.work-center-logo .page-logo{
    text-align: center !important;
}
.blue_text{
    color: blue !important;
}
.folder-structure ul {
  list-style-type: none;
}

.folder-structure .nested {
  display: none;
  margin-top: 10px;
}

.folder-structure .toggle-folder {
  cursor: pointer;
  margin-right: 5px;
}

.folder-structure .toggle-folder::before {
  content: "\25B6";
}
.folder-structure .expanded > .toggle-folder::before {
  content: "\25BC"; /* Down arrow when expanded */
}
.folder-structure,
.folder-structure ul{
  list-style-type: none !important; 
  padding-left: 0px !important;
}
.folder-structure li {
  margin-left: 20px !important;
  list-style-type: none !important;
  margin-bottom: 10px; 
}
.text-20{
    font-size: 16px !important;
}
.txt-25{
    font-size: 25px !important;
}
.document_scroll_card{
    height: 500px;
    overflow-y: auto;
}
.toggle-folder{
    font-size: 20px;
}

/* Optionally, you can style the selected folder's text or icons */
.highlight .fa-folder {
  color: #00796b; /* Change the folder icon color for the selected folder */
}
.border-right-red{
    border-right: 3px solid #b52025 !important;
}
.mt-20{
    margin-top: 20px !important;
}
.pt-20{
    padding-top: 20px !important;
}
.announcements_image{
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
}
.page-header .page-header-top .page-logo.second-stite-logo-icon .document-logo-default{
    margin-top: 0px !important;
    width: 50% !important;
}
#accordion {
  margin: auto;
}

#accordion .panel-heading a {
    display: block;
    position: relative;
    font-weight: bold;
    color: #b52024;
    font-size: 18px;
  
  &::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}
#acknowledgement_accordion {
  margin: auto;
}

#acknowledgement_accordion .panel-heading a {
    display: block;
    position: relative;
    font-weight: bold;
    color: #b52024;
    font-size: 18px;
  
  &::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}
#statusModal .status-tracker {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 20px auto;
}
#statusModal .status-item {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   color: #5c5c5c;
   flex: 1;
   min-height: 95px;
}
#statusModal .status-item.active {
   color: #b4121b;
   font-weight: bold;
}
#statusModal .status-circle {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 50%;
   background: #5c5c5c;
   color: #fff;
   text-align: center;
   margin-bottom: 5px;
}
#statusModal .status-item.active .status-circle {
   background: #b4121b;
}
#statusModal .arrow {
   position: relative;
   flex: none;
   margin: 0 10px;
   font-size: 20px;
   color: #ddd;
}
#statusModal .arrow.active {
   color: #b4121b;
}
.power-bi-page .breadcrumb{
    padding: 0px;
}
.power-bi-page .page-content{
    min-height: 0px !important;
}
.power-bi-page .page-header-top,
.power-bi-page .page-header-menu{
    padding-left: 25px;
    padding-right: 25px;
}
.power-bi-page .work-hub-logo-icon{
    text-align: center;
}
.power-bi-page .page-header .page-header-top .page-logo .power-bi-logo{
    width: 20% !important;
    margin-top: 7px !important ;
}
.chatgpt-header{
    font-size: 20px;
    color: #b52024;
}
.chat-gpt-btn{
    background-color: #050505;
    border-color: #000000;
    border-radius: 50% !important;
}
.chat-gpt-btn:hover{
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #000000 !important;
}
.chat-gpt-form .p-0{
    padding: 0px !important;
}
#chat-box{
    margin-top: 7px;
    min-height: 450px !important;
}
#chat-box .user-message{
    margin-bottom: 10px;
    text-align: end;
}
.chatgpt-ans-logo{
    border: 1px solid #b7b1b1;
    padding: 3px;
    border-radius: 50px !important;
    margin-bottom: 10px;
    width: 25px;
}
.gpt-response{
    font-size: 14px !important;
    font-family: arial !important;
}
.chatgpt-question{
   font-size: 16px;
   font-weight: bold;
   background:#f3f3f3;
   padding: 10px 20px;
   border-radius: 50px !important;
   word-wrap: break-word;
   max-width: 100%;
   display: inline-block;

}
.chatgpt-workhublog{
    text-align: end !important;
    padding-top: 10px !important;
}
#chat-form {       
    position: sticky;       
    bottom: 0; 
    background-color: #f8f9fa; 
    padding: 10px;       
    z-index: 1000;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); 
}
.chatgpt-sticky-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background-color: #fff !important;
}
.chatgpt_copy_btn{
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    padding: 5px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 5px !important;
    color: black !important;
}
.page-header .page-header-top .page-logo .logo-default.chatgpt-headerlogo{
    width: 35% !important;
}
.header-font{
    font-size: 16px;
    color: #b52024;
    font-weight: bold;
}
.mb-15{
    margin-bottom: 15px;
}
.survey_page .page-header{
    height: auto !important;
}
.survey_page .page-wrapper .page-wrapper-middle {
/*    background: #dedede !important;*/
    background-image: linear-gradient(121deg, rgb(255 255 255 ), rgb(255 255 255 / 30%)), url('../../../images/MG_6376.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.plant-table  .table-bordered, .plant-table .table-bordered>tbody>tr>td, .plant-table .table-bordered>tbody>tr>th, .plant-table .table-bordered>tfoot>tr>td, .plant-table .table-bordered>tfoot>tr>th, .plant-table .table-bordered>thead>tr>td, .plant-table .table-bordered>thead>tr>th{
    border: 1px solid #bababa !important;
}
.hdpe-stock-table  .table-bordered, .hdpe-stock-table .table-bordered>tbody>tr>td, .hdpe-stock-table .table-bordered>tbody>tr>th, .hdpe-stock-table .table-bordered>tfoot>tr>td, .hdpe-stock-table .table-bordered>tfoot>tr>th, .hdpe-stock-table .table-bordered>thead>tr>td, .hdpe-stock-table .table-bordered>thead>tr>th{
    border: 1px solid #bababa !important;
}
.survey_page .header-row{
    border-bottom: 1px solid #adadad;
}
.survey_header{
    color: #b52025;
    font-weight: bold;
    margin-top: 10px !important;
}
.f-16 .control-label{
    font-size: 16px !important;
}
.survey_form .mt-radio-inline{
    display: grid !important;
}
.f-20{
    font-size: 20px !important;
}
.survey_page .survey_form .panel-body{
  background: linear-gradient(121deg, rgb(255 255 255), rgb(255 255 255 / 30%)), url(https://lane-enterprises.com/images/LANE-Logo-RGB-72dpi.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.survey_form{
    width: 50%;
    margin: auto;
}
.survey_result_heading{
    color: #b52127;
    font-weight: bold;
    font-size: 22px;
}
.card {
    width: 100%;
    background: #ffffff;
    box-shadow: 5px 4px 5px #dadada;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 4px !important;
    display: flex;
}
.card .card-details {
    flex: 1;
    padding-right: 15px;
}

.card .card-details .card-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.card .card-details .card-detail {
    font-size: 14px;
    color: #666;
}

.card .card-icon {
    font-size: 40px;
    color: #b52026;
}
.survey_done{
    width: 50% !important;
    margin: auto;
}
.survey_done .panel-body{
    min-height: 300px;
    background: linear-gradient(121deg, rgb(255 255 255), rgb(255 255 255 / 50%)), url(https://lane-enterprises.com/images/LANE-Logo-RGB-72dpi.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.survey_done p {
    font-size: 16px;
}
.mt-40{
    margin-top: 40px !important;
}
.fs-20{
    font-size: 20px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
/* Ensure dropdown list behaves properly */
.quality-dropdown-container .checkbox-menu {
  padding: 10px;
  max-height: 200px;
  overflow-y: auto; /* Enable scrolling for long lists */
  border: 1px solid #ccc;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Make the dropdown button more visually appealing */
.quality-dropdown-container .dropdown-toggle {
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Make the button fill the container width */
    text-align: left;
    padding: 6.5px 10px;
}
.quality-dropdown-container .dropdown-toggle .caret {
  margin-left: auto; /* Push the caret to the right */
}
/* Ensure each label looks neat */
.quality-dropdown-container .checkbox-menu label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px;
  cursor: pointer;
}

/* Add hover effects */
.quality-dropdown-container .checkbox-menu li:hover {
  background-color: #f0f0f0;
}

/* Adjust checkbox position */
.quality-dropdown-container .checkbox-menu input[type="checkbox"] {
  margin-right: 10px;
}
.quality-dropdown-container .checkbox-menu{
    width: 100% !important;
}
.plant-table .table-bordered > thead > tr > th.tbl-border-right-red,
.plant-table .table-bordered > tbody > tr > td.tbl-border-right-red {
  border-right: 2px solid #b81e24 !important;
}

.plant-table {
  width: 100%;
  height: 650px;
  overflow: auto;
}

.plant-table table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.plant-table table thead {
  position: sticky;
  top: 0;
  background-color: #edecec;
  z-index: 2;
  box-shadow: 9px -5px 20px 0px #4848488c;
  outline: 2px solid #bababa; 
}
.plant-table table thead th{
    outline: 2px solid #bababa; 
}
.hdpe-stock-table .table-bordered > thead > tr > th.tbl-border-right-red,
.hdpe-stock-table .table-bordered > tbody > tr > td.tbl-border-right-red {
  border-right: 2px solid #b81e24 !important;
}

.hdpe-stock-table {
  width: 100%;
  height: 650px;
  overflow: auto;
}

.hdpe-stock-table table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.hdpe-stock-table table thead {
  position: sticky;
  top: 0;
  background-color: #edecec;
  z-index: 2;
  box-shadow: 9px -5px 20px 0px #4848488c;
  outline: 1px solid #bababa; 
}
.hdpe-stock-table table thead th{
    outline: 1px solid #bababa; 
}
.sticky-col-left {
    position: sticky !important;
    left: 0;
    background-color: #edecec;
    z-index: 1;
    box-shadow: 9px -5px 20px 0px #4848488c;
    outline: 1px solid #bababa;
}

.sticky-col-left:nth-child(2) {
    z-index: 1;   /* Ensure it stays behind the first column */
}

.survey_winner_heading{
    color: #b52127;
    font-weight: bold;
    font-size: 22px !important;
}
.survey_winner_ans{
    margin-top: 10px !important;
    font-size: 22px !important;
    font-weight: bolder !important;
    margin-bottom: 0px !important;
    color: #000 !important;
}
.survey_winner_count{
    margin-top: 7px !important;
    font-size: 16px !important;
}
.survey-card{
    min-height: 250px !important;
}
.survey-card-bg{
    background: url('../../../images/party_image.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: white;
}
.survey-card-center{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.survey-card .card-details{
    text-align: center;
}
.f-34{
    font-size: 34px !important;
}
.f-40{
    font-size: 40px !important;
}
.map-color-dot{
    width: 15px; 
    height: 15px; 
    display: inline-block; 
    border-radius: 50% !important; 
    margin-right: 5px;
}
.none{
    display: none;
}
.block{
    display: block;
}
.red_header{
    color: #b52025;
    font-weight: bold;
    margin-top: 5px;
}
.delete_plan{
    padding-right: 10px!important;
}
.item_table {
  max-height: 400px; /* or whatever height you prefer */
  overflow-y: auto;
  border: 1px solid #ddd;
}

.item_table .table thead th {
  position: sticky;
  top: 0;
  background: #f9f9f9;
  z-index: 2;
}
.input-error {
    border: 2px solid red !important;
    background-color: #fff5f5; /* light red background (optional) */
}
/* Grid layout for file icons */
.file-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px; /* space between items */
    padding: 10px;
}

/* Each file box */
.file-item {
    flex: 0 0 calc(20% - 20px); /* 5 per row (100/5 = 20%) */
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 10px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    justify-content: center;
}

/* Hover effect */
.file-item:hover {
    background: #e9ecef;
    transform: translateY(-2px);
}
.file_a_tag{
    text-align: center;
    padding-top: 30px;
}

/* Icon */
.file-icon {
    color: #dc3545; /* red for PDFs etc., can be changed */
}

/* File name next to icon */
.file-name {
    flex: 1;
    word-break: break-all;
    font-size: 14px;
    color: #333;
}

/* Make responsive */
@media (max-width: 992px) {
    .file-item {
        flex: 0 0 calc(33.33% - 20px); /* 3 per row */
    }
}
@media (max-width: 768px) {
    .file-item {
        flex: 0 0 calc(50% - 20px); /* 2 per row */
    }
}
@media (max-width: 576px) {
    .file-item {
        flex: 0 0 100%; /* 1 per row on mobile */
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }
    .power-bi-page .container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (min-width: 768px) {
  .modal-xl .modal-dialog{
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
    .survey_done{
        width: 100% !important;
        margin: auto;
    }
    .survey_form{
        width: 100% !important;
        margin: auto;
    }
  .survey_page .lane-logo {
    width: 90% !important;
  }
  .header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .header-col {
    flex: 1 1 auto; /* Ensure columns take appropriate space */
    text-align: left; /* Adjust alignment for small screens */
  }
  .page-header-top{
    height: auto !important;
  }
  .header-col{
    text-align: center;
  }
  .f-20{
    font-size: 15px !important;
  }
}