﻿<style >
/* GridView Textbox Styling */
.gridview input[type="text"],
.gridview input[type="number"],
.gridview input[type="date"] {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}

    .gridview input[type="text"]:focus,
    .gridview input[type="number"]:focus,
    .gridview input[type="date"]:focus {
        border-color: #4CAF50;
        background-color: #e9ffe9;
        outline: none;
    }

/* GridView Label Styling */
.gridview label {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

/* GridView Dropdown Styling */
.gridview select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}

    .gridview select:focus {
        border-color: #4CAF50;
        background-color: #e9ffe9;
        outline: none;
    }

/* Placeholder Styling for Textboxes */
.gridview input::placeholder {
    color: #999;
    font-style: italic;
}

/* GridView Readonly Textbox Styling */
.gridview input[readonly],
.gridview select[readonly] {
    background-color: #f0f0f0;
    color: #999;
    cursor: not-allowed;
    border: 1px solid #ddd;
}

/* Disabled Dropdown and Textbox Styling */
.gridview input[disabled],
.gridview select[disabled] {
    background-color: #f5f5f5;
    color: #ccc;
    cursor: not-allowed;
    border: 1px solid #ddd;
}

/* GridView Row Hover Effect */
.gridview tr:hover {
    background-color: #f1f1f1;
}

/* Additional Button Styling for GridView */
.gridview .btnAddNew,
.gridview .btnEdit,
.gridview .btnDelete {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 8px 16px;
    margin: 4px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}

    .gridview .btnAddNew:hover,
    .gridview .btnEdit:hover,
    .gridview .btnDelete:hover {
        background-color: #45a049;
    }

    /* Button Disabled State */
    .gridview .btnAddNew[disabled],
    .gridview .btnEdit[disabled],
    .gridview .btnDelete[disabled] {
        background-color: #ccc;
        cursor: not-allowed;
    }

/* GridView Input Validation Error Styling */
.gridview .input-error {
    border-color: red;
    background-color: #ffe6e6;
}

    .gridview .input-error:focus {
        border-color: darkred;
    }
/* Error Message Styling */
#lblMessage {
    font-size: 16px;
    color: red;
    margin-top: 10px;
    display: block;
}

/* Label Styling */
.label {
    font-size: 14px;
    color: #333; /* Dark text color for better readability */
    font-weight: bold;
}

/* DropDownList Styling */
.dropdown {
    width: 100%;
    padding: 6px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .dropdown:focus {
        border-color: #4CAF50;
        outline: none;
    }

/* TextBox Styling */
.textbox {
    width: 100%;
    padding: 6px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .textbox:focus {
        border-color: #4CAF50;
        outline: none;
    }

/* Datepicker Styling */
.datepicker, .datepicker2 {
    width: 90px;
    padding: 6px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Button Styling */
.btnAddNew {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}

    .btnAddNew:hover {
        background-color: #45a049;
    }

    .btnAddNew[disabled] {
        background-color: #ccc;
        cursor: not-allowed;
    }

/* Grid and Table Styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

    table th, table td {
        border: none;
        padding: 8px;
    }

    table th {
        background-color: #f2f2f2;
        color: #333;
    }

    table tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    table tr:hover {
        background-color: #f1f1f1;
    }

/* Error Message Styling */
#lblMessage {
    font-size: 16px;
    color: red;
    margin-top: 10px;
    display: block;
}
.cancel-button {
    background-color: #dc3545; /* Red */
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}

    .cancel-button:hover {
        background-color: #c82333; /* Darker red */
    }
</style >