.grad {
    background-image: linear-gradient(180deg, #2a5788, white);
}

.icon-item {
    font-size: 20px !important;
    margin-inline-end: 10px !important;
}
.m-select {
    /*background-color: #e5db14 !important;*/
    background-color: white !important;
    color: black !important;
    padding-right: 8px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-bottom: 0px !important;
    /*padding: 8px !important;*/
    border-radius: 25px !important;
    display: block;
}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
    background: #31445c 0 -2300px repeat-x !important;
    border-width:1px !important;
    border-color: #1e2a38 !important;
    color: white;
}
    .rgHeader {
    padding-bottom: 8px !important;
    background-color: #4075b0 !important;
    background-image: linear-gradient(to bottom, #31445c 45%, #1e2a38 55%) !important;
    /*background-image: linear-gradient(to bottom, #5a97d8 45%, #4075b0 55%) !important;*/
    color: white !important;
    border-color: #31445c !important;
}
.RadAjaxPanel {
    width: 100%;
} 
.rgHeader a {
    background-color: #c4e3f3 !important;
    background-image: linear-gradient(to bottom, #d9edf7 20%, #a1d8f5 100%) !important;
    color: white !important;
}

div.RadGrid .rgAltRow {
    background: #fffeee;
    color: #000; 
}

.RadGrid_MetroTouch {
    border-color: #e6e5e5;
    color: #333;
    background-color: #fff;
}

.rgSelectedRow {
    background-color: #b9d027 !important;
    border-color: #b9d027 !important;
}

    .rgSelectedRow > td {
        background-color: #b9d027 !important;
        border-color: #b9d027 !important;
    }

.rgHoveredRow {
    background-color: #d4e953 !important;
    border-color: #d4e953 !important;
}

.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


/* استایل مختصر مطابق پرمیت (نفت/آتش) */
.page-title {
    color: #fff;
    background: linear-gradient(90deg,#102030,#191347);
    padding: 8px 8px;
}

.card-panel {
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.modal-header {
    background: #007bd7;
    color: #fff;
}

.btn-primary.custom {
    background: #b30000;
    border-color: #b30000;
}

    .btn-primary.custom:hover {
        background: #ffcc00;
        color: #191347;
        border-color: #ffcc00;
    }

/*baboli*/
body {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf3 100%);
    background-attachment: fixed;
}

body::before {
    content: "";
    position: fixed;
    top: -120px;
    right: -120px;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(255,255,255,0.9), rgba(255,255,255,0));
    filter: blur(40px);
    z-index: -1;
}
.rcbHeader {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background-color: #4075b0 !important;
    background-image: linear-gradient(to bottom, #1e2a38 45%, #31445c 55%) !important;
    color: black !important;
    border-color: #285e9b !important;
}

.section-top {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    padding: 20px;
    margin-bottom: 10px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.section-grids {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid #d1d1d1;
    padding: 15px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.section-divider {
    background: linear-gradient(90deg, #1e2a38, #31445c);
    padding: 6px 12px;
    border-radius: 8px 8px 0px 0px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 0.95rem;
}

.label-output {
    display: block;
    padding: 8px 12px;
    background: #f7f9fb;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    min-height: 38px;
}

/* استایل دکمه ذخیره */
.btn-save-sp {
    display: inline-block;
    background: linear-gradient(90deg, #4caf50, #45a049);
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

    .btn-save-sp:hover {
        background: linear-gradient(90deg, #45a049, #3e8e41);
        box-shadow: 0 6px 16px rgba(0,0,0,0.2);
    }

    .btn-save-sp:active {
        transform: translateY(2px);
        box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    }

.save-button-container {
    text-align: center;
    margin-top: 20px;
}

.btn-search-left-radius {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bg-NoRecord {
    background-color: #ffda6d !important;
}

.RadComboBox .rcbActionButton {
    height: 2.428571em !important;
}

.RadComboBox .rcbInput {
    height: 2.428571em !important;
}

.RadMultiColumnComboBox .rcbActionButton {
    height: 2.428571em !important;
}

.RadMultiColumnComboBox .rcbInput {
    height: 2.428571em !important;
}