/**
Theme Name: lokshahi-new
Author: Consoft
Author URI: https://consoft.in
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lokshahi
Template: astra
*/

.profile_info .child {
    display: flex;
    flex-wrap: nowrap;
}

.profile_info .child div {
    width: 100%;
    /* padding: 10px; */
    border: 1px solid lightgray;
    text-align: center;
}

.profile_info h4 {
    font-size: 18px;
    color: #656363;
    border-bottom: 1px solid lightgray;
    padding: 10px;
    text-transform: uppercase;
    padding: 15px;
    margin: 0 !important;
}

.profile_info p {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 15px;
}

input[type="file"] {
    margin: auto;
    padding: 1.5em;
    border: 2px dashed #bbb;
    background-color: #fff;
    transition: border-color .25s ease-in-out;
    width: 100%;
}

input[type="file"]::file-selector-button {
    padding: 1em 1.5em;
    border-width: 0;
    border-radius: 2em;
    background-color: hsl(210 70% 30%);
    color: hsl(210 40% 90%);
    transition: all .25s ease-in-out;
    cursor: pointer;
    margin-right: 1em;
}

.document_wrapper {
    display: grid;
    /* grid-template-columns: 49.5% 49.5%; */
    gap: 1%;
    row-gap: 20px;
}

form#submit_complaint {
    margin: 50px 0;
    padding: 50px;
    border: 1px solid lightgray;
}

#submit_complaint input[type="submit"] {
    margin-top: 20px;
}

.download_doc a {
    padding: 10px;
    margin-top: 20px;
    display: block;
    text-align: center;
}

form#forword_to_dept,
#department_approval,
#complaint_status {
    padding: 50px;
    border: 1px solid lightgray;
    border-radius: 10px;
    margin-top: 50px;
}

.msg {
    display: none;
}

.msg.success {
    display: block;
    padding: 2px;
    border: 2px solid green;
    text-align: center;
    transition: all 0.5s ease;
}

.msg.error {
    display: block;
    padding: 2px;
    border: 2px solid red;
    text-align: center;
    transition: all 0.5s ease;
}

.status_wrapper {
    padding: 10px 20px;
}

.status_wrapper.Completed {
    background: #419c416e;
    border-left: 10px solid green;
}

.status_wrapper.Reject {
    background: rgba(255, 0, 0, 0.253);
    border-left: 10px solid red;
}

.status_wrapper.Reject {
    background: rgba(255, 0, 0, 0.253);
    border-left: 10px solid red;
}

.status_wrapper.In.review {
    background: rgba(255, 196, 0, 0.253);
    border-left: 10px solid orange;
}

.download {
    margin-top: 20px;
    display: block;
    text-align: center;
}

/* Container */
.um-login .um-form {
    background: #ffffff;
    padding: 35px 30px;
    border-radius: 14px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.07);
    max-width: 420px;
    margin: 30px auto;
    border: 1px solid #f1f1f1;
}

/* Labels */
.um-field-label label {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

/* Inputs */
.um-form-field {
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 10px !important;
    transition: 0.2s;
}

.um-form-field:focus {
    border-color: #ff6a00;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.15);
}

/* Checkbox */
.um-field-checkbox-option {
    font-size: 14px;
    color: #444;
}

/* Buttons */
.um-button {
    display: block;
    width: 100%;
    background: #ff6a00 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 0;
    border-radius: 10px !important;
    text-align: center;
    transition: 0.25s;
    border: none;
}

.um-button:hover {
    background: #e45a00 !important;
}

/* Secondary Button (Register) */
.um-alt {
    background: #f5f5f5 !important;
    color: #333 !important;
}

.um-alt:hover {
    background: #eaeaea !important;
}

/* Forgot password link */
.um-link-alt {
    display: block;
    font-size: 14px;
    margin-top: 18px;
    text-align: center;
    color: #ff6a00 !important;
    font-weight: 500;
}

.um-link-alt:hover {
    text-decoration: underline;
}

/* Row spacing fixes */
.um-row {
    margin-bottom: 20px !important;
}

/* Layout fix for buttons */
/* .um-left.um-half,
.um-right.um-half {
    width: 48% !important;
} */

.um-left.um-half a,
.um-right.um-half a {
    width: 100%;
}

/* Hide spam field label */
.um_request_name {
    display: none;
}

/* MAIN FORM BOX */
.um-customized-row {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #f3f3f3 !important;
    margin-bottom: 30px !important;
}

/* LABELS */
.um-field-label label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* INPUT FIELDS — TEXT, NUMBER, TEL, EMAIL */
.um-form-field {
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    border: 1px solid #dddddd !important;
    border-radius: 10px !important;
    background: #fff !important;
    transition: all 0.25s ease !important;
}

.um-form-field:focus {
    border-color: #ff6a00 !important;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.15) !important;
}

/* TEXTAREA */
.um-field-textarea textarea.um-form-field {
    height: 110px !important;
    resize: vertical !important;
}

/* SELECT2 DROPDOWN */
.select2-selection {
    height: 46px !important;
    border-radius: 10px !important;
    border: 1px solid #ddd !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
}

.select2-selection__rendered {
    font-size: 15px !important;
    color: #444 !important;
}

.select2-selection__arrow {
    top: 10px !important;
}

/* SPACING BETWEEN FIELDS */
.um-field {
    margin-bottom: 22px !important;
}

/* PASSWORD FIELDS */
input[type="password"].um-form-field {
    letter-spacing: 1px !important;
}

/* SUBMIT BUTTON */
.um input.um-button {
    background: #ff6a00 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 0 !important;
    border-radius: 10px !important;
    width: 100% !important;
    border: none !important;
    transition: 0.25s !important;
}

.um input.um-button:hover {
    background: #e45a00 !important;
}

/* SECONDARY BUTTON (LOGIN BUTTON) */
.um-alt {
    background: #f5f5f5 !important;
    color: #333 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}

.um-alt:hover {
    background: #eaeaea !important;
}

/* HONEYPOT FIELD HIDE */
.um_request_name {
    display: none !important;
}

/* BUTTON ALIGNMENT FIX */
/* .um-left.um-half,
.um-right.um-half {
    width: 48% !important;
} */

.um-right.um-half a {
    width: 100% !important;
}

#content .ast-container {
    padding: 30px 20px;
}

.field_wrap {
    margin-bottom: 15px;
}

#complaint_status_form,
.profile_info {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    background: #f9f9f9;
    margin-bottom: 20px;
}


.white-box,
#complaint_status_form {
    background: #fff;
}


#complaints_table {
    width: 100%;
    border-collapse: collapse;
    background: #fafcff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

#complaints_table thead {
    background: linear-gradient(90deg, #e3f0fc 0%, #f7fbff 100%);
    color: #3a3a3a;
}

#complaints_table th,
#complaints_table td {
    padding: 12px 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    font-size: 15px;
}

#complaints_table th {
    font-weight: 600;
    letter-spacing: 0.5px;
}

#complaints_table tbody tr:nth-child(even) {
    background: #f5fafd;
}

#complaints_table tbody tr:hover {
    background: #eaf4fb;
    transition: background 0.2s;
}

#complaints_table a {
    color: #2b6cb0;
    text-decoration: none;
    font-weight: 500;
}

#complaints_table a:hover {
    text-decoration: underline;
    color: #22577a;
}

.complaints-pagination {
    margin: 18px 0 10px 0;
    text-align: center;
}

.complaints-pagination a,
.complaints-pagination span {
    display: inline-block;
    padding: 6px 14px;
    margin: 0 3px;
    border-radius: 4px;
    background: #f0f4fa;
    color: #2b6cb0;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #e0e6ed;
    transition: background 0.2s, color 0.2s;
}

.complaints-pagination a:hover {
    background: #b5d6f6;
    color: #22577a;
}

.complaints-pagination span {
    background: #b5d6f6;
    color: #22577a;
    border: 1px solid #b5d6f6;
    font-weight: bold;
}

/* Attractive filter form styles */
#complaints-filter-form {
    margin-bottom: 18px;
    display: flex;
    gap: 14px;
    align-items: flex-end;
    background: #f7fbff;
    padding: 18px 18px 18px 18px;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(44, 62, 80, 0.06);
}

#complaints-filter-form input[type="text"],
#complaints-filter-form select {
    padding: 8px 12px;
    border: 1px solid #cfd8dc;
    border-radius: 5px;
    font-size: 15px;
    background: #fff;
    min-width: 180px;
    transition: border-color 0.2s;
}

#complaints-filter-form input[type="text"]:focus,
#complaints-filter-form select:focus {
    border-color: #2b6cb0;
    outline: none;
}

#complaints-filter-form button[type="submit"] {
    padding: 8px 22px;
    background: linear-gradient(90deg, #2b6cb0 0%, #4fc3f7 100%);
    color: #fff;
    border: none;
    border-radius: 5px;
    line-height: 1.4em;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(44, 62, 80, 0.08);
    transition: background 0.2s;
}

#complaints-filter-form button[type="submit"]:hover {
    background: linear-gradient(90deg, #22577a 0%, #2ec4b6 100%);
}

#complaints-filter-form a {
    padding: 10px 16px;
    background: #e3f0fc;
    color: #2b6cb0;
    border-radius: 5px;
    line-height: 1.4em;
    text-decoration: none;
    border: 1px solid #e0e6ed;
    font-weight: 500;
    margin-left: 5px;
    transition: background 0.2s, color 0.2s;
}

#complaints-filter-form a:hover {
    background: #b5d6f6;
    color: #22577a;
}