@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/HelveticaNeueW23-Reg.woff") format("woff"), url("fonts/HelveticaNeueW23-Reg.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman") format("svg");
}

@font-face {
    font-family: "HelveticaNeue";
    font-weight: bold;
    src: url("fonts/HelveticaNeueW23-Bd.woff") format("woff"), url("fonts/HelveticaNeueW23-Bd.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Bd.svg#HelveticaNeueLTArabic55Roman") format("svg");
}

:root {
    --siraj-admin-ink: #173f22;
    --siraj-admin-green: #2f6830;
    --siraj-admin-green-dark: #0f2e18;
    --siraj-admin-gold: #c7a464;
    --siraj-admin-cream: #f4efe5;
    --siraj-admin-surface: #fffaf2;
    --siraj-admin-muted: #647260;
    --siraj-admin-border: rgba(47, 104, 48, 0.18);
    --siraj-admin-ring: rgba(199, 164, 100, 0.36);
}

body {
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

input,
button,
select,
textarea,
.btn {
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    border: 0 none;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.form-item,
.form-actions {
    position: relative;
}

.content,
.contentView,
.content-header {
    direction: rtl;
    text-align: right;
}

.content .content {
    padding: 0;
}

.description,
.filter-help {
    /*display: none;*/
}

input[type="file"] {
    display: inline;
}

.filter-wrapper {
    padding: 0;
}

.item-list .pager li,
.item-list ul li {
    display: inline-block;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 40px;
}

.item-list .pager li,
.item-list ul li {
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.item-list ul li {
    margin: 0;
}

.item-list ul li {
    margin: auto;
    padding: 0;
}

.Pager,
.pager {
    direction: rtl;
    text-align: center;
}

.pagination {
    direction: rtl;
    text-align: center;
}

.pagination>li>a,
.pagination>li>span {
    float: right;
}

.pager-current,
.pager-current a {
    background-color: #ddd;
    color: gray;
}

.pager-item,
.pager-item a {
    color: black;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    margin-right: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 4px 0 0 4px;
}

.pagination .pager_bg>a,
.pagination .pager_bg>span {
    background-color: #f4f4f4;
}

.pagination .pager_bg2>a,
.pagination .pager_bg2>span {
    background-color: #f4f4f4;
}

th {
    text-align: right;
}

.form-item label {
    width: 300px;
}

.content table {
    border: 1px solid #ddd;
}

.node-form {
    border: 1px solid #ddd;
    padding: 20px;
}

.c1 a {
    background-color: black;
}

.c2 a {
    background-color: black;
}

.c3 a {
    background-color: blue;
}

.c4 a {
    background-color: blue;
}

.c5 a {
    background-color: green;
}

.c6 a {
    background-color: green;
}

.c7 a {
    background-color: purple;
}

.c8 a {
    background-color: purple;
}

.c9 a {
    background-color: red;
}

.c10 a {
    background-color: red;
}

.c11 a {
    background-color: yellow;
}

.c12 a {
    background-color: yellow;
}

.c1 a,
.c2 a,
.c3 a,
.c4 a,
.c5 a,
.c6 a,
.c7 a,
.c8 a,
.c9 a,
.c10 a,
.c11 a,
.c12 a {
    display: inline-block;
    height: 15px;
    width: 15px;
}

.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.html .wrapper fieldset.collapsible .fieldset-legend {
    padding-right: 10px;
}

#config-notify-form .description {
    display: inline;
}

html.js fieldset.collapsible .fieldset-legend {
    background-position: right 75%;
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    float: right;
}

.iconTree.descrip,
.pure-form input.descrip:not([type]) {
    height: 22px;
    margin-top: 0;
    padding: 0;
    width: auto;
}

.login-box-body2 {
    background: #fff none repeat scroll 0 0;
    border-top: 0 none;
    color: #666;
    direction: rtl;
    margin: auto;
    max-width: 1070px;
    padding: 0;
    text-align: right;
}

.login-box2,
.register-box2 {
    margin: 7% auto;
}

.themeNofi {
    background-color: #5cb05e;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    left: 0;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
}

.themeNofiRed {
    background-color: red;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    left: 0;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
}

.themeNofiH {
    background-color: red;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    left: 30px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: auto;
}

.themeNofiH2 {
    background-color: red;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    left: 10px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: auto;
}

.themeNofiH6 {
    background-color: #5cb05e;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    left: 10px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: auto;
}

.themeNofiH3 {
    background-color: red;
    border-radius: 10px;
    color: white;
    font-size: 15px;
    left: 50px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: auto;
}

.themeNofiH3S {
    background-color: red;
    border-radius: 10px;
    color: white;
    font-size: 13px;
    left: 50px;
    margin-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: auto;
}

.compactForm .form-item {
    float: right;
    padding: 10px;
    width: auto;
}

.compactForm input[type="submit"] {
    float: right;
    margin-top: 23px;
    padding-bottom: 5px;
    width: auto;
}

.compactForm label {
    width: auto;
}

.compactForm .node-form {
    border: none;
}

.login-box .content {
    min-height: auto;
    padding: 0;
}

tspan {
    display: ruby;
}

html.js body fieldset.collapsed {
    height: auto;
}

.DashBoardS {}

.DashBoardS .DashBoardS_cell {
    float: right;
}

.reportCLarge {
    height: auto;
    margin-bottom: 15px;
    padding: 5px;
}

.reportCLarge .stat-card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 24px 16px;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.reportCLarge .stat-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.reportCLarge .stat-number {
    font-size: 38px;
    font-weight: 700;
    color: var(--siraj-admin-green-dark);
    margin-bottom: 8px;
    line-height: 1;
}

.reportCLarge .stat-label {
    font-size: 15px;
    color: #555;
    font-weight: 500;
    text-decoration: none;
    display: block;
}

.reportCLarge .stat-label:hover {
    color: var(--siraj-admin-green);
}

.reportCLarge .stat-extra {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

.reportCLarge a {
    color: #555;
    text-decoration: none;
}

.reportCLarge a:hover {
    color: var(--siraj-admin-green);
    text-decoration: none;
}

.reportCLarge2 {
    font-size: 15px;
    margin: 0;
}

.timelineCright .timeline::before {
    left: auto;
    right: 40px;
}

.timelineCright .timeline>li>.fa,
.timeline>li>.glyphicon,
.timelineCright .timeline>li>.ion {
    font-size: 23px;
    height: 50px;
    left: auto;
    padding-right: 0;
    padding-top: 9px;
    right: 8px;
    width: 50px;
}

.timelineCright .timeline>li>.timeline-item {
    margin-left: 15px;
    margin-right: 60px;
}

.timelineCright .timeline>li>.timeline-item>.timeline-header {
    border: 0px white solid;
}

.table-responsive {
    direction: ltr;
}

.table-responsive table {
    direction: rtl;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.container.profilePage {
    width: auto;
}

.process-view-heading {
    margin-bottom: 18px;
    padding: 6px 12px 0;
    color: var(--siraj-admin-ink);
    font-weight: 800;
}

.process-view-title {
    font-size: 28px;
    line-height: 1.35;
}

.process-view-subtitle {
    margin-top: 4px;
    color: var(--siraj-admin-muted);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.process-view-page {
    direction: rtl;
}

.process-view-tabs.nav-tabs-custom,
.process-view-tabs {
    margin-bottom: 18px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 10px;
    background: var(--siraj-admin-surface);
    box-shadow: 0 10px 24px rgba(23, 63, 34, 0.07);
}

.process-view-tabs-bar {
    padding: 10px;
    border-bottom: 1px solid var(--siraj-admin-border);
    background: rgba(244, 239, 229, 0.52);
}

.process-view-tab-nav.nav-tabs {
    display: flex;
    float: none !important;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0 0 2px;
    border: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.process-view-tab-nav.nav-tabs > li {
    float: none;
    flex: 0 0 auto;
    margin: 0;
}

.process-view-tab-nav.nav-tabs > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 9px 15px;
    border: 1px solid rgba(47, 104, 48, 0.16);
    border-radius: 8px;
    background: #ffffff;
    color: var(--siraj-admin-green-dark);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    white-space: nowrap;
}

.process-view-tab-nav.nav-tabs > li > a:hover,
.process-view-tab-nav.nav-tabs > li > a:focus {
    border-color: var(--siraj-admin-green);
    background: rgba(47, 104, 48, 0.08);
    color: var(--siraj-admin-green-dark);
    outline: 3px solid var(--siraj-admin-ring);
    outline-offset: 2px;
}

.process-view-tab-nav.nav-tabs > li.active > a,
.process-view-tab-nav.nav-tabs > li.active > a:hover,
.process-view-tab-nav.nav-tabs > li.active > a:focus {
    border: 1px solid var(--siraj-admin-green-dark);
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
}

.process-view-tab-content.tab-content {
    padding: 0;
    border: 0;
    background: transparent;
}

.process-view-tab-pane {
    min-height: 220px;
    padding: 18px;
}

.process-view-tab-pane > .container {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.process-view-action-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: 0;
    margin-left: 0;
}

.process-view-action-chip.btn-app {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 128px;
    height: auto;
    min-height: 42px;
    margin: 0;
    padding: 9px 14px;
    border: 1px solid rgba(47, 104, 48, 0.20);
    border-radius: 8px;
    background: #ffffff;
    color: var(--siraj-admin-green-dark);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    box-shadow: none;
}

.process-view-action-chip.btn-app:hover,
.process-view-action-chip.btn-app:focus {
    border-color: var(--siraj-admin-green-dark);
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    outline: 3px solid var(--siraj-admin-ring);
    outline-offset: 2px;
}

.process-view-action-body {
    margin-top: 14px;
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 767px) {
    .process-view-heading {
        padding-right: 0;
        padding-left: 0;
    }

    .process-view-title {
        font-size: 22px;
    }

    .process-view-tabs-bar {
        padding: 8px;
    }

    .process-view-tab-pane {
        padding: 12px;
    }

    .process-view-action-chip.btn-app {
        width: 100%;
    }
}

body.login-page,
body.register-page {
    /*    background-image: url('images/bg244.jpg');*/
    background-color: var(--siraj-admin-cream);
    /*background-size: cover;*/
    /*background-repeat: repeat-x;*/
}

.stickyM {
    font-size: 9px;
    background-color: #5cb05e;
    color: white;
    border-radius: 5px;
    padding: 3px;
    margin-right: 5px;
    display: inline-block;
}

/*.field-type-file .form-submit {
    display: none;
}*/
.field-type-file .form-item label {
    width: auto;
}

.form-checkboxes .form-item.form-type-checkbox {
    width: auto;
    display: inline-block;
    padding-left: 10px;
}

.chidden {
    display: none;
}

.AlertFont {
    color: red;
}

.AlertFont div {
    background-image: url('images/notiB2.gif');
    width: 17px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 0px;
}



.pure-form input[type="text"].error,
.pure-form input[type="password"].error,
.pure-form input[type="email"].error,
.pure-form input[type="url"].error,
.pure-form input[type="date"].error,
.pure-form input[type="month"].error,
.pure-form input[type="time"].error,
.pure-form input[type="datetime"].error,
.pure-form input[type="datetime-local"].error,
.pure-form input[type="week"].error,
.pure-form input[type="number"].error,
.pure-form input[type="search"].error,
.pure-form input[type="tel"].error,
.pure-form input[type="color"].error,
.pure-form select.error,
.pure-form textarea.error {
    border: 1px solid red;
    color: red;
}

.cTooltip {
    font-size: 18px;
    margin-right: 3px;
    padding-top: 0px;
    color: var(--siraj-admin-green);
}

.select2,
.form-autocomplete {
    width: 230px;
}

.timeline-body .cTooltip {
    display: none;
}

.timeline-body .tipContent {
    display: none;
}

.SubHeaderTrack {
    font-size: 18px;
    font-weight: bold;
    background-color: rgba(244, 239, 229, 0.74);
    padding: 7px;
    width: auto;
    /*max-width: 320px;*/
    text-align: right;
}

.customtxt {
    font-size: 22px;
    color: red;
    border: 1px solid red;
}

.skin-black .wrapper .main-header>.logo,
.skin-black .wrapper .main-header .navbar,
.skin-black .wrapper .main-header .navbar a,
.skin-black .wrapper .main-header .navbar a span,
.skin-black .wrapper .main-header .navbar a i,
.skin-black .wrapper .main-header .navbar a i span {
    background-color: var(--siraj-admin-green);
    color: white;
}

.page-control.skin-black .wrapper,
.page-control.skin-black .main-sidebar,
.page-control.skin-black .left-side {
    background-color: var(--siraj-admin-green-dark);
}

.compactForm form {
    height: auto;
    display: inline-block;
}

.user-footer .pull-left a {
    color: white;
}


fw.skin-black .wrapper .main-header>.logo,
.skin-black .wrapper .main-header .navbar,
.skin-black .wrapper .main-header .navbar a,
.skin-black .wrapper .main-header .navbar a span,
.skin-black .wrapper .main-header .navbar a i,
.skin-black .wrapper .main-header .navbar a i span {
    background-color: var(--siraj-admin-green);
    color: white;
}

.skin-black .wrapper .main-header>.logo {
    background-color: var(--siraj-admin-green-dark);
    color: white;
}

.skin-black .wrapper .main-header>.logo.siraj-admin-header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
}

.siraj-admin-logo-lg,
.siraj-admin-logo-mini {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
}

.siraj-admin-logo-lg {
    display: flex !important;
}

.siraj-admin-logo-lg img {
    display: block;
    width: auto;
    max-width: 158px;
    max-height: 42px;
    padding: 5px 12px;
    border: 1px solid rgba(255, 250, 242, 0.64);
    border-radius: 8px;
    background: var(--siraj-admin-surface);
    object-fit: contain;
}

.siraj-admin-logo-mini {
    color: var(--siraj-admin-surface);
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 50px;
}

.siraj-sidebar-logo {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 16px 18px 12px;
    text-align: center;
}

.siraj-sidebar-logo img {
    display: block;
    width: 100%;
    max-width: 190px;
    max-height: 96px;
    height: auto;
    margin: 0 auto;
    padding: 12px;
    border: 1px solid rgba(255, 250, 242, 0.40);
    border-radius: 8px;
    background: var(--siraj-admin-surface);
    object-fit: contain;
}

.sidebar-mini.sidebar-collapse .siraj-sidebar-logo {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-header .logo .siraj-admin-logo-lg {
    display: none !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo .siraj-admin-logo-mini {
    display: block !important;
}

.siraj-user-menu .dropdown-menu {
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    box-shadow: 0 18px 34px rgba(23, 63, 34, 0.16);
}

.skin-black .siraj-user-menu .user-header {
    min-height: 158px;
    background:
        linear-gradient(135deg, var(--siraj-admin-green-dark), var(--siraj-admin-green)),
        var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
}

.siraj-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 10px auto 8px;
    border: 1px solid rgba(255, 250, 242, 0.48);
    border-radius: 50%;
    background: rgba(255, 250, 242, 0.12);
    color: var(--siraj-admin-gold);
    font-size: 1.8rem;
}

.siraj-user-name {
    margin: 0;
    color: var(--siraj-admin-surface);
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 700;
}

.siraj-user-name span {
    color: rgba(255, 250, 242, 0.76);
    font-size: 0.9rem;
    font-weight: 500;
}

.siraj-logout-link,
.siraj-logout-link:hover,
.siraj-logout-link:focus {
    color: var(--siraj-admin-surface);
}

.skin-black .wrapper .main-header>.logo:hover {
    background-color: var(--siraj-admin-ink);
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: var(--siraj-admin-green-dark);
}

.skin-black .sidebar a {
    color: rgba(255, 250, 242, 0.86);
}

.bg-brown {
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    text-align: center;
}

.table-responsive .table thead {
    background: linear-gradient(135deg, var(--siraj-admin-green-dark) 0%, var(--siraj-admin-green) 100%);
    color: white;
}

.btn.btn-default {
    background-color: var(--siraj-admin-green-dark);
    color: white;
}

.cForm {

    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    margin: 10px auto;
    direction: rtl;
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
}

.cFormX {
    padding: 5px;
    margin: 5px;
    border-radius: 10px;
    background-color: var(--siraj-admin-surface);
    text-align: center;
}

.cForm form {
    padding: 5px;
    margin: 5px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 10px;
    background-color: rgba(244, 239, 229, 0.58);
}

.cForm input {
    width: 100%;
}

.cForm label {
    display: block;
    margin-bottom: 8px;
    color: var(--siraj-admin-green-dark);
    font-weight: 600;
    font-size: 14px;
}

.cForm .form-text {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f9f9f9;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

.cForm .form-text:focus {
    border-color: var(--siraj-admin-green);
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(47, 104, 48, 0.15);
}

.cForm .form-item-num {
    margin-bottom: 20px;
}

.cForm .form-submit {
    display: inline-block;
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px;

    color: #fff;
    background-color: var(--siraj-admin-green-dark);
    transition: background-color 0.2s;
}

.cForm .form-submit:hover {
    background-color: var(--siraj-admin-green);
    text-decoration: none;
}

.cForm input[type="hidden"] {
    display: none;
}

.cForm form.reports1-4-quick-form > .row {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.cForm form.reports1-4-quick-form > .row > [class*="col-"] {
    float: none;
    min-width: 0;
    width: 100% !important;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
}

.cForm form.reports1-4-quick-form .reports1-4-search-field {
    display: block;
    width: 100% !important;
}

.cForm form.reports1-4-quick-form .reports1-4-search-action {
    display: block;
    width: 100% !important;
    padding-top: 8px;
}

.cForm form.reports1-4-quick-form .form-item,
.cForm form.reports1-4-quick-form .form-actions {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cForm form.reports1-4-quick-form label {
    margin: 0 0 7px;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
}

.cForm form.reports1-4-quick-form .form-text,
.cForm form.reports1-4-quick-form .form-submit {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
}

.cForm form.reports1-4-quick-form .form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 7px 12px;
    line-height: 1;
    text-align: center;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    padding: 15px 20px 4px 4px !important;
}

.sidebar {
    background-color: var(--siraj-admin-green-dark);
}

.table-responsive .table tbody tr:nth-child(2n) {
    background-color: #fff;
}

.table-responsive .table tbody tr:nth-child(2n+1) {
    background-color: rgba(244, 239, 229, 0.55);
}

.box.box-success {
    border-top-color: var(--siraj-admin-gold);
    border-radius: 20px;
}

.page-control.skin-black .wrapper,
.page-control.skin-black .main-sidebar,
.page-control.skin-black .left-side {
    background-color: var(--siraj-admin-green-dark);
}

.main-footer {
    background: var(--siraj-admin-green-dark) none repeat scroll 0 0;
    border-top: 1px solid rgba(199, 164, 100, 0.48);
    color: rgba(255, 250, 242, 0.78);

}

.content-wrapper,
.right-side {
    background-color: var(--siraj-admin-cream);
}

.skin-black .sidebar-menu>li>.treeview-menu {
    background: #0b2412;
}

.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a {
    background: #0b2412;
    border-right: 3px solid var(--siraj-admin-gold);
}

.skin-black .treeview-menu>li>a {
    color: rgba(255, 250, 242, 0.72);
}

.skin-black .treeview-menu>li:hover>a,
.skin-black .treeview-menu>li.active>a {
    color: #fff;
}

.text-aqua,
.progress-bar-aqua {
    color: var(--siraj-admin-gold) !important;
}

.progress-bar-aqua {
    background-color: var(--siraj-admin-gold) !important;
}

.label-success {
    background-color: var(--siraj-admin-green) !important;
}

.label-warning {
    background-color: var(--siraj-admin-gold) !important;
}

.table-responsive .btn-default {
    background-color: var(--siraj-admin-green-dark);
}

.request-upload-error {
    direction: rtl;
    margin-bottom: 20px;
    text-align: right;
}

.siraj-helper-link {
    direction: rtl;
}

.siraj-ltr-example {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    color: var(--siraj-admin-green-dark);
    font-weight: 800;
}

.siraj-request-row {
    padding: 10px;
}

.siraj-request-kind-cell {
    margin-bottom: 10px;
}

.request-eye-label {
    font-weight: 800;
}

.request-eye-status {
    display: inline-block;
    padding: 1px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
}

.request-eye-status.is-injured {
    background: #fff0ed;
    color: #9b2c22;
}

.request-eye-status.is-healthy {
    background: #edf7ee;
    color: var(--siraj-admin-green-dark);
}

.impact-assessment {
    direction: rtl;
    max-width: 1000px;
    color: var(--siraj-admin-ink);
    text-align: right;
    font-family: inherit;
}

.impact-assessment-head,
.impact-assessment-table thead tr {
    background:
        linear-gradient(135deg, var(--siraj-admin-green-dark), var(--siraj-admin-green)),
        var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
}

.impact-assessment-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 8px 8px 0 0;
    font-size: 17px;
    font-weight: 800;
}

.impact-assessment-body {
    padding: 18px;
    border: 1px solid var(--siraj-admin-border);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: var(--siraj-admin-surface);
}

.impact-assessment-phases {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

.impact-phase-card {
    flex: 1;
    min-width: 210px;
    padding: 12px 14px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: rgba(244, 239, 229, 0.56);
}

.impact-phase-card.is-empty {
    opacity: 0.68;
}

.impact-phase-title,
.impact-note-title,
.impact-notes-title {
    color: var(--siraj-admin-green-dark);
    font-weight: 800;
}

.impact-phase-title {
    margin-bottom: 6px;
}

.impact-phase-total {
    color: var(--siraj-admin-green-dark);
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
}

.impact-phase-total span,
.impact-total-value span {
    color: var(--siraj-admin-muted);
    font-size: 12px;
    font-weight: 700;
}

.impact-phase-meta {
    margin-top: 8px;
    color: var(--siraj-admin-muted);
    font-size: 12px;
    line-height: 1.6;
}

.impact-phase-meta.is-muted,
.impact-empty-note,
.impact-empty-cell {
    color: #8a9688;
}

.impact-table-wrap {
    overflow-x: auto;
}

.impact-assessment-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--siraj-admin-surface);
}

.impact-assessment-table th,
.impact-assessment-table td {
    padding: 11px 14px;
}

.impact-assessment-table th {
    text-align: center;
}

.impact-assessment-table .impact-indicator-col {
    text-align: right;
}

.impact-assessment-table tbody tr {
    border-bottom: 1px solid rgba(47, 104, 48, 0.12);
}

.impact-indicator-title {
    font-weight: 700;
}

.impact-score-cell,
.impact-empty-cell,
.impact-total-value {
    text-align: center;
}

.impact-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 800;
}

.impact-score-0 {
    background: #edf7ee;
    color: var(--siraj-admin-green-dark);
}

.impact-score-1 {
    background: #dcebd8;
    color: var(--siraj-admin-green-dark);
}

.impact-score-2 {
    background: #c7a464;
    color: var(--siraj-admin-ink);
}

.impact-score-3 {
    background: #8a6b31;
    color: var(--siraj-admin-surface);
}

.impact-score-4 {
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
}

.impact-score-label {
    margin-top: 4px;
    color: var(--siraj-admin-muted);
    font-size: 12px;
}

.impact-total-row {
    border-top: 2px solid var(--siraj-admin-border);
    background: rgba(244, 239, 229, 0.62);
}

.impact-total-row td,
.impact-total-value {
    color: var(--siraj-admin-green-dark);
    font-weight: 800;
}

.impact-notes {
    margin-top: 16px;
}

.impact-notes-title {
    margin-bottom: 6px;
}

.impact-note {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: rgba(244, 239, 229, 0.56);
}

.impact-note-title {
    margin-bottom: 4px;
}

.bd-view {
    direction: rtl;
    color: var(--siraj-admin-ink);
    text-align: right;
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
}

.bd-card {
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: var(--siraj-admin-surface);
    box-shadow: 0 10px 26px rgba(23, 63, 34, 0.08);
}

.bd-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    font-size: 15px;
    font-weight: 800;
}

.bd-card-head .fa {
    color: var(--siraj-admin-gold);
    font-size: 16px;
}

.bd-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1px;
    background: rgba(47, 104, 48, 0.12);
}

.bd-item {
    padding: 10px 16px;
    background: var(--siraj-admin-surface);
}

.bd-item.bd-full {
    grid-column: 1 / -1;
}

.bd-lbl {
    margin-bottom: 3px;
    color: var(--siraj-admin-muted);
    font-size: 12px;
    font-weight: 700;
}

.bd-val {
    color: var(--siraj-admin-ink);
    font-size: 14px;
    font-weight: 700;
    word-break: break-word;
}

.bd-val a {
    color: var(--siraj-admin-green);
}

.bd-item.bd-total {
    background: rgba(199, 164, 100, 0.12);
}

.bd-item.bd-total .bd-val {
    color: var(--siraj-admin-green-dark);
    font-size: 18px;
}

.bd-phase + .bd-phase {
    border-top: 4px solid rgba(47, 104, 48, 0.12);
}

.bd-phase-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 16px;
    background: rgba(244, 239, 229, 0.72);
    color: var(--siraj-admin-green-dark);
    font-weight: 800;
}

.bd-phase-total {
    padding: 2px 14px;
    border-radius: 20px;
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    font-size: 13px;
}

.bd-score {
    color: var(--siraj-admin-muted);
    font-size: 12px;
    font-weight: 700;
}

.bd-files {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 16px;
}

.bd-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: rgba(244, 239, 229, 0.52);
    color: var(--siraj-admin-green-dark);
    font-weight: 800;
    text-decoration: none;
}

.bd-file:hover,
.bd-file:focus {
    background: var(--siraj-admin-green-dark);
    border-color: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    text-decoration: none;
    outline: 3px solid var(--siraj-admin-ring);
    outline-offset: 2px;
}

.bd-file .fa {
    color: var(--siraj-admin-gold);
}

.bd-map-frame {
    margin-top: 8px;
    border: 0;
    border-radius: 8px;
}

@media (max-width: 700px) {
    .bd-grid {
        grid-template-columns: 1fr;
    }
}

.reports1-report-page {
    direction: rtl;
}

.reports1-report-filters {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}

.reports1-report-filters > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -8px;
    margin-left: -8px;
}

.reports1-report-main-filter {
    float: none;
    padding-right: 8px;
    padding-left: 8px;
}

.reports1-report-card {
    min-height: 0;
    height: auto;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: var(--siraj-admin-surface);
    box-shadow: 0 8px 18px rgba(23, 63, 34, 0.06);
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    direction: rtl;
    text-align: right;
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
}

.reports1-report-page .reports1-report-card form.reports1-report-filter-form > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: auto;
    margin-right: -6px;
    margin-left: -6px;
}

.reports1-report-page .reports1-report-card form.reports1-report-filter-form > .row > [class*="col-"] {
    float: none;
    min-width: 0;
    padding-right: 6px;
    padding-left: 6px;
    box-sizing: border-box;
}

.reports1-report-page .reports1-report-card .reports1-report-submit-field {
    padding-top: 21px;
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form .form-item,
.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form .form-actions {
    display: block;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: right;
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form label {
    display: block;
    width: auto !important;
    margin: 0 0 5px;
    color: var(--siraj-admin-green-dark);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form input.form-text,
.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form select.form-select {
    display: block;
    width: 100% !important;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(47, 104, 48, 0.24);
    border-radius: 8px;
    background: #ffffff;
    color: var(--siraj-admin-ink);
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form input.form-text:focus,
.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form select.form-select:focus {
    border-color: var(--siraj-admin-green);
    outline: none;
    box-shadow: 0 0 0 3px rgba(47, 104, 48, 0.14);
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form .form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0 !important;
    padding: 7px 18px;
    border: 1px solid var(--siraj-admin-green-dark);
    border-radius: 8px;
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    box-shadow: none;
}

.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form .form-submit:hover,
.contentView .reports1-report-page .reports1-report-card form.reports1-report-filter-form .form-submit:focus {
    background: var(--siraj-admin-green);
    border-color: var(--siraj-admin-green);
    color: #ffffff;
    outline: 3px solid var(--siraj-admin-ring);
    outline-offset: 2px;
}

.reports1-report-results {
    margin-top: 4px;
}

.reports1-report-results > .row {
    margin-right: 0;
    margin-left: 0;
}

.reports1-report-results-section {
    margin-top: 24px;
}

.reports1-report-export-btn {
    margin-bottom: 10px;
}

.reports1-report-table-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.reports1-report-wide-col {
    min-width: 200px;
}

@media (max-width: 767px) {
    .reports1-report-page .reports1-report-card .reports1-report-submit-field {
        padding-top: 0;
    }
}

.reports1-4-page {
    direction: rtl;
}

.reports1-4-filters {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}

.reports1-4-filters > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -8px;
    margin-left: -8px;
}

.reports1-4-main-filter,
.reports1-4-quick-filter {
    float: none;
    padding-right: 8px;
    padding-left: 8px;
}

.reports1-4-quick-filter {
    order: 1;
}

.reports1-4-main-filter {
    order: 2;
}

.reports1-4-card {
    min-height: 0;
    height: auto;
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid var(--siraj-admin-border);
    border-radius: 8px;
    background: var(--siraj-admin-surface);
    box-shadow: 0 8px 18px rgba(23, 63, 34, 0.06);
}

.reports1-4-card-main {
    padding: 16px;
}

.reports1-4-card-quick {
    height: calc(100% - 14px);
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form {
    display: grid !important;
    width: 100% !important;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    direction: rtl;
    text-align: right;
    font-family: "Baloo Bhaijaan 2", "HelveticaNeue", Tahoma, Arial, sans-serif;
}

.contentView .reports1-4-page .reports1-4-card-main form.reports1-4-filter-form {
    align-items: end;
    gap: 12px;
}

.contentView .reports1-4-page .reports1-4-card-quick form.reports1-4-filter-form {
    grid-template-columns: minmax(0, 1fr) 106px;
    align-items: end;
    gap: 10px;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-item,
.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-actions {
    display: block;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-actions {
    align-self: end;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form label {
    display: block;
    width: auto !important;
    margin: 0 0 5px;
    color: var(--siraj-admin-green-dark);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form input.form-text,
.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form select.form-select {
    display: block;
    width: 100% !important;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(47, 104, 48, 0.24);
    border-radius: 8px;
    background: #ffffff;
    color: var(--siraj-admin-ink);
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form input.form-text:focus,
.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form select.form-select:focus {
    border-color: var(--siraj-admin-green);
    outline: none;
    box-shadow: 0 0 0 3px rgba(47, 104, 48, 0.14);
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0 !important;
    padding: 7px 18px;
    border: 1px solid var(--siraj-admin-green-dark);
    border-radius: 8px;
    background: var(--siraj-admin-green-dark);
    color: var(--siraj-admin-surface);
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    box-shadow: none;
}

.contentView .reports1-4-page .reports1-4-card-main form.reports1-4-filter-form .form-submit {
    max-width: 136px;
}

.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-submit:hover,
.contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-submit:focus {
    background: var(--siraj-admin-green);
    border-color: var(--siraj-admin-green);
    color: #ffffff;
    outline: 3px solid var(--siraj-admin-ring);
    outline-offset: 2px;
}

@media (max-width: 1199px) {
    .contentView .reports1-4-page .reports1-4-card-main form.reports1-4-filter-form {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 991px) {
    .contentView .reports1-4-page .reports1-4-card-main form.reports1-4-filter-form {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .contentView .reports1-4-page .reports1-4-card-quick form.reports1-4-filter-form {
        grid-template-columns: minmax(0, 1fr) 96px;
    }
}

@media (max-width: 767px) {
    .contentView .reports1-4-page .reports1-4-card-main form.reports1-4-filter-form,
    .contentView .reports1-4-page .reports1-4-card-quick form.reports1-4-filter-form {
        grid-template-columns: 1fr;
    }

    .contentView .reports1-4-page .reports1-4-card form.reports1-4-filter-form .form-submit {
        max-width: none;
        width: 100%;
    }
}

.reports1-4-page .reports1-4-card form[id^="report1-4"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    direction: rtl;
    text-align: right;
}

.reports1-4-page .reports1-4-card form[id^="report1-4"] > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: auto;
    margin-right: -6px;
    margin-left: -6px;
}

.reports1-4-page .reports1-4-card form[id^="report1-4"] > .row > [class*="col-"] {
    float: none;
    padding-right: 6px;
    padding-left: 6px;
}

.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] .form-item,
.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] .form-actions {
    display: block;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] label {
    display: block;
    width: auto !important;
    margin: 0 0 5px;
    color: var(--siraj-admin-green-dark);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] input.form-text,
.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] select.form-select {
    display: block;
    width: 100% !important;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(47, 104, 48, 0.24);
    border-radius: 8px;
    background: #ffffff;
    color: var(--siraj-admin-ink);
    box-sizing: border-box;
}

.contentView .reports1-4-page .reports1-4-card form[id^="report1-4"] .form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0 !important;
    padding: 7px 18px;
    border-radius: 8px;
    box-sizing: border-box;
}

.contentView .reports1-4-page .reports1-4-card-main form#report1-4-form .form-submit {
    max-width: none;
}

.reports1-4-page .reports1-4-card-quick form[id^="report1-4"] > .row {
    align-items: flex-start;
}

.reports1-4-page .reports1-4-card-quick .reports1-4-search-action {
    padding-top: 21px;
}

.contentView .reports1-4-page .reports1-4-card-quick .reports1-4-search-action .form-actions {
    margin-bottom: 12px !important;
}

.contentView .reports1-4-page .reports1-4-card-quick .reports1-4-search-action .form-submit {
    height: 40px;
}

@media (max-width: 767px) {
    .reports1-4-page .reports1-4-card-quick .reports1-4-search-action {
        padding-top: 0;
    }
}