body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    padding: 20px;
}


.QTitle{text-align:center;color:white;margin-bottom:50px;font-size:200%;font-weight:700;}

.ImpExpTitle{text-align:center;margin-bottom:50px;font-size:200%;font-weight:700; color:black;}

#QuotationNumber,#PLQuotationNumber{float:right;color: grey;
    background-color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 15px;}

.NTCNew_form {
    margin-bottom: 15px;
    width:90%;
    margin:auto;
}

.NTC_form-row h1, .NTCNew_form h1, .NTCEdit_form h1{color:white;margin-bottom:50px;}

.NTC_form-row label {
    color:white;
    margin-right: 10px;
    font-weight: bold;
    clear:both;
    font-size:14px;
}

.NTC_form-row input[type="text"], .NTCNew_form input[type="text"], .NTCNew_form input[type="email"],.NTCAI_formrowItems input[type="text"], .NTCNew_form select{
    
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s ease;
    color:black;
    font-size:14px;
}

input[type="email"]{width:100%;margin-bottom: 10px;
    margin-top: 10px;font-size:14px;}
    
    
.NTCNew_textarea, #NTCNew_Remarks {
    width: 100%;
    height: 50px; /* Adjust height as needed */
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical; /* Allows vertical resizing of the textarea */
    font-size:14px;
}  

.NTCAI_formrowItems{height:50px;}

.NTC_form-row input[type="text"]:disabled,.NTCAI_formrowItems input[type="text"]:disabled,.NTCAI_formrowItems input[type="checkbox"]:disabled{
    background-color: lightgrey;
    cursor: not-allowed;
    font-size:14px;
}


input[type="text"]:disabled{ background-color: lightgrey;color:black;}

.NTC_form-row button{
    padding: 8px 15px;
    border: none;
    background-color:#81af36;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size:14px;
}

#NTC_SubmitOrderBtn {width:20%;margin:auto;text-align:center;font-size:16px; padding: 8px 15px;border: none;background-color:#81af36;color: #fff;
    border-radius: 4px;cursor: pointer;display:block;margin-top:20px;margin-bottom:20px; outline: none; /* Remove default focus outline */}

.NTC_form-row button:hover,#NTCNew_createCustomer:hover,#NTCNew_Cancel:hover,#NTC_SubmitOrderBtn:hover,#NTC_SubmitOrderBtn:active,#NTC_SubmitOrderBtn:focus,#showDetailsBtn:hover,#followupBtn:hover,#showDetailsBtn:focus,#followupBtn:focus,#emailButton:hover,#downloadButtonXL:hover,#downloadButtonPDF:hover,#emailButton:focus,#downloadButtonXL:focus,#downloadButtonPDF:focus,#generate-pdf:hover,#generate-pdf:focus,#ResubmitQuotation:hover,ResubmitQuotation:focus{
    background-color: #9ddd33 !important;
    color:black;
}


.product-list,.partNum-list{
    background-color:white;
    margin:-15px 0px 0px 0px !important;
    padding-left:2px;
    padding-top:2px;
    overflow-x:hidden;
    overflow-y:auto;
    color:black !important;
}

#PLProdCatList,#PLcompany-list,#company-list,#product-list1,#partNum-list1,#EditCustomer_companyList{
    background-color:white;
    margin:-41px 0px 0px 0px !important;
    padding-left:2px;
    padding-top:2px;
    overflow-x:hidden;
    overflow-y:auto;
    color:black !important;
}

#PLProdSubCatList1,#PLProdSubCatList2,#PLProdSubCatList3,#PLProdCatList{margin-top:-21px !important;}

.product-list,.partNum-list{height:150px;display:none;position:relative;z-index:999999;}
    
    
#PLProdSubCatList1,#PLProdSubCatList2,#PLProdSubCatList3,#PLProdCatList,#PLcompany-list li,#company-list li,.product-list li,.partNum-list li{cursor:pointer;background-color: white;}

/* Style for disabled button */
.disabled {
    background-color: grey !important;
    color: lightgrey !important;
    cursor: not-allowed; /* Change cursor to not-allowed */
}

#NTCNew_createCustomer, #NTCNew_Cancel{
     padding: 8px 15px;
    border: none;
    background-color:#81af36;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size:14px;
    margin:10px;
}

#showDetailsBtn,#followupBtn,#emailButton,#downloadButtonXL,#downloadButtonPDF,#generate-pdf, #ResubmitQuotation{padding: 8px 15px;
    background-color:#81af36;
    color: #fff;
    border-radius: 4px;
    margin-right:10px;
}

#ResubmitQuotation{margin-left:20px;}


/*
.NTC_AddItemBtn{
        height: 25vh;
        margin: 10px;
       
}

.add-item-button {
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background-color:#04091E;
        border: none;
        border-radius: 2px;
        cursor: pointer;
        display:none;
        border-radius: 4px;
        background-color: #81AF36;
    }
    
.add-item-button:hover {
        background-color: white;
        color:black;
        border:2px solid black;
    }
    
.add-item-button .icon {
        margin-left: 8px;
        font-size: 20px;
    }
*/    

.NTC_AddItemsGrid{
    margin-top:10px !important;
    background-color:#04091E;
    color:white;
    font-size:14px;
    padding:10px;
    border-radius:10px;
    display:none;
} 

.weblink{color:#a4ea31;text-decoration:underline;}


/* Custom Container (Equivalent to .container-fluid) */
.NTC_form-container {
    width: 85%;
    margin: auto;
    background-color: #04091E;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Custom Row (Equivalent to .row) */
.NTC_form-row {
    display: flex; /* Use flexbox for row layout */
    flex-wrap: wrap; /* Allow rows to wrap */
    margin-bottom: 15px; /* Adjust spacing between rows */
    justify-content:center;
}

/*Advanced Search CSS*/
.NTC_Advanced-row{
    display: flex;
  margin-bottom: 10px;
  align-items:center;
  justify-content:center;
}

#AdvsearchModal .modal-content{max-width:850px;padding:40px;}

#AdvsearchSubmitBtn,#AdvcancelBtn{border:1px solid grey;padding: 8px 15px;
background-color:#81af36;color: #fff;border-radius: 4px;cursor: pointer;font-size:14px}
#AdvsearchSubmitBtn:hover,#AdvcancelBtn:hover,#AdvsearchSubmitBtn:active,#AdvsearchSubmitBtn:focus{color:black;background-color:white;}

.NTC_form-column {
  padding: 8px;
}

.NTC_dropdown-input{
    margin: 0px;
    border: none !important;
    border-bottom: 1px solid grey !important;
}



/* Custom Column (Equivalent to .col-lg-* classes) */
.Tcustom-col {
    padding: 0 15px; /* Adjust column padding */
    box-sizing: border-box; /* Ensures padding doesn't affect width */
    flex: 0 0 calc(50% - 30px); /* Each column takes 50% width minus padding */
   /* max-width: calc(50% - 30px);*/
}

.Tcustom-col-2{
   flex: 0 0 calc(50% - 30px); /* Each column takes 50% width minus padding */
}

.Tcustom-col-1{
   flex: 0 0 calc(32% - 4px); /* Each column takes 32% width minus padding */
}

/* Adjustments for Inputs and Selects */
.Tcustom-col input[type="text"],
.Tcustom-col textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px; /* Adjust input padding */
    margin-top: 4px; /* Adjust top margin */
}

/* Button styling */
.Tcustom-col button {
    width: 50%; /* Ensure button spans full width of column */
    padding: 8px 16px; /* Adjust button padding */
}

/* Adjust label styles */
.Tcustom-col label {
    margin-bottom: 4px; /* Adjust bottom margin for labels */
    color: #FFFFFF; /* Label text color */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .Tcustom-col {
        flex: 0 0 100%; /* Stack columns vertically on smaller screens */
        max-width: 100%;
    }
}


/* Items Grid CSS styling */

/* Custom Container (Equivalent to .container-fluid) */
.custom-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

/* Custom Row (Equivalent to .row) */
.bom-row, .custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content:center;
}

.bom-row{margin-top:-10px;}

.bom-cell, .custom-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.custom-col-1 {
    flex: 0 0 7%;
    max-width: 7%;
}

.bom-cell-1{
    flex: 0 0 12%;
    max-width: 12%;
}

.bom-cell-2, .custom-col-2 {
    flex: 0 0 14%;
    max-width: 14%;
}

.custom-col-2P {
    flex: 0 0 10%;
    max-width: 10%;
}

.custom-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.bom-cell-3 {
    flex: 0 0 30%;
    max-width: 30%;
}

.custom-col-10 {
    flex: 0 0 80%;
    max-width: 80%;
}

/* Adjustments for Inputs and Selects */
.custom-col input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}



.highlighted {
    background-color: #f0f0f0; /* Example: Highlight color */
    font-weight: bold; /* Example: Bold text */
    cursor: pointer; /* Example: Pointer cursor */
}


#NTCAI_ID2{margin-top:-17px;}

#loadingSpinner {
    display: none; /* Initially hidden */
    position: absolute; /* Adjust positioning as per your layout */
    top: 50%; /* Adjust to center vertically */
    left: 50%; /* Adjust to center horizontally */
    transform: translate(-50%, -50%);
}

.NTC_warning,.NTC_NewCustWarning,.NTC_EditCustWarning{color:red;font-weight:600;display:none;}
.NTC_NewCustWarning,.NTC_EditCustWarning{margin-top:-35px;}
.Tcustom-col-2 .NTC_warning{margin-top:-35px;}

/*Grid Styling*/
.grid-container {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    gap: 2px;
    padding: 10px;
}

.grid-row {
    display: flex; /* Each row is a flex container */
    gap: 2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    padding: 8px;
    overflow-x: auto; /* Horizontal scroll if content overflows */
}

.grid-item {
    flex: 1 1 0; /* Flex property to control sizing */
    text-align: center;
    white-space: nowrap; /* Prevents wrapping of content */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Displays ... for overflow content */
    padding: 8px;
    border-right: 1px solid #ccc; /* Border between grid cells */
}

.grid-item:last-child {
    border-right: none; /* Remove border from the last item in each row */
}

.grid-header {
    display: flex; /* Each header row is a flex container */
    gap: 2px;
    font-weight: bold;
    background-color: #04091E;
    color:white;
    padding: 8px;
    overflow-x: auto; /* Horizontal scroll if content overflows */
}

.grid-header .grid-item {
    flex: 1 1 0; /* Flex property to control sizing */
    text-align: center;
    white-space: nowrap; /* Prevents wrapping of content */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Displays ... for overflow content */
    padding: 8px;
    border-right: 1px solid #fff; /* Border between header cells */
}

.grid-header .grid-item:last-child {
    border-right: none; /* Remove border from the last header item */
}

/* Adjust width of SNo column */
.grid-item.sno {
    flex: 0.3 1 0; /* Adjust this value to control the width of SNo column */
}


.pagination {
    margin-top: 10px;
    text-align: center;
}

.pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    cursor: pointer;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.searchGrid{text-align:center;}

  
.centered {
    text-align: center;
    margin: 20px; /* Optional: Adjust margin as needed */
}


/* Modal styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5); /* Black background with transparency */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 800px; /* Maximum width */
    border-radius: 5px;
}

/* Modal close button */
.close,.followupClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus,.followupClose:hover,.followupClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Form field styles */
.form-group {
    margin-bottom: 20px;
}

label {
    font-weight: bold;
}

textarea {
    resize: vertical; /* Allow vertical resizing of textarea */
}

.button-container {
        text-align: center; /* Centers the buttons horizontally */
        margin-top: 20px; /* Adds some space above the container */
    }
    
    /* Override the external :before style if needed */
input[type=checkbox] {
    cursor:pointer;
}

.followupMobile{
    float: right;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-right:4px;
}

.bomBtn:hover{
    background-color:#90c23b !important;
    color:black !important;
}


/* Styling for BOM form */
.bom-form {
    display: flex;
    flex-direction: column;
}


.bom-input {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.header-row {
    font-weight: bold;
    background-color: #f0f0f0;
}

.input-row {
    display: none; /* Initially hide all rows except the first */
}

/* Only show the first row */
.first-row {
    display: flex !important;  /* Make the first row visible */
}

.product-list2 {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.product-list2 li {
    padding: 8px;
    cursor: pointer;
}

.product-list2 li:hover {
    background-color: #f0f0f0;
}

.product-list2 li.highlighted {
    background-color: #d3eaf7;
}

#makingCharge{width:30%;}
#BOM_Submit{margin:20px;}
.modal-footer button{background-color:#9DDD33;}
.quotation-title {
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    text-align: center;
    background-color: #A1D74A;
    margin: 40px 20px 5px 20px;
}


.my-swal-btn {
    background-color: #8ac625 !important; 
    border: 1px solid black;
    color:black;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-size: 16px !important;
    font-weight:700;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4) !important;
    transition: background-color 0.3s ease !important;
}

.my-swal-btn:hover {
    background-color: #8ac625 !important;
}

.swal2-close{display:block !important; margin:2px;}

.NTC_ButtonStyle{background-color:#A1D74A !important; color:black !important; border-radius:5px;}

.NTC_ButtonStyle:hover{border:2px solid black;}

.NTCAI_formrowItems img {
  width: 20px !important;
  height: 20px !important;
}