@font-face {
    font-family: 'znassim';
    src: url('content/fonts/znassim-regular.ttf');
}

@font-face {
    font-family: 'BFarnaz';
    src: url('../font/Mj_Flow Bold.eot?#') format('eot'), /* IE6–8 */ url('content/fonts/Mj_Flow_Bold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.breadcrumb {
    background-color: #ddf4ff !important;
    background: #ddf4ff !important;
    margin-bottom: 0px !important;
    width: 95% !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    text-align: center !important;
    border-bottom: 3px solid #1e4361 !important;
    color: #1e4361 !important;
}

.tabbablePage {
    background-color: whitesmoke
}

label.error {
    color: red
}


@font-face {
    font-family: 'Web_Yekan';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/web_yekan/wYekan.eot);
    src: url(../fonts/web_yekan/wYekan.eot?#iefix) format('embedded-opentype'), url(../fonts/web_yekan/wYekan.woff) format('woff'), url(../fonts/web_yekan/wYekan.ttf) format('truetype');
}

.nav.navbar-top-links.navbar-left {
    /* margin-top: 18px */
}

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18 {
    background-color: #E1BCF1
}

body {
    font-family: Web_Yekan;
    font-weight: bold;
    font-size: 13px;
}

#inner {
    width: 380px;
    height: 200px;
}

h2 {
    font-family: times;
}

.hidden {
    display: none
}

.cis-verify {
    background-image: url('../images/buttons/verify.png');
}

.persianHeader {
    text-align: center;
    font-size: 16px;
    font-family: 'mitra', '2 mitra', 'b mitra', times;
    font-weight: bold;
    padding-bottom: 0;
}

.cis-list {
    background-image: url('../images/buttons/mylist.png');
}

.cis-edit {
    background-image: url('../images/buttons/edit.png');
}

.cis-attachment {
    background-image: url('../images/buttons/attachment.png');
}

.cis-delete {
    background-image: url('../images/buttons/delete.png');
}

.cis-credit-card {
    background-image: url('../images/buttons/credit-card.png');
}

.cis-purse {
    background-image: url('../images/buttons/purse.png');
}

input.button-icon.button-icon-return {
    background-image: url('../images/buttons/return.png'); /* 16px x 16px */
}

input.filter-box {
    /*position: absolute;*/
    width: 160px;
    height: 14px;
}

.folders {
    background-color: #bbb;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-radius: 7px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(0.4, #c0c0c0), color-stop(1, #a4a4a4));
    margin: 10px 0 16px 0;
    font-size: 0px;
}

    .folders li:hover {
        background-color: #ddd;
    }

    .folders li:first-child {
        border-left: none;
        border-radius: 7px 0 0 7px;
    }

    .folders li {
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        padding: 0.5em 1.5em;
        cursor: pointer;
        color: #444;
        text-shadow: #f7f7f7 0 1px 1px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #888;
    }

    .folders li {
        *display: inline !important;
    }

    /* IE7 only */
    .folders .selected {
        background-color: #444 !important;
        color: white;
        text-shadow: none;
        border-right-color: #aaa;
        border-left: none;
        box-shadow: inset 1px 2px 6px #070707;
    }

.mails {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
}

    .mails thead {
        background-color: #bbb;
        font-weight: bold;
        color: #444;
        text-shadow: #f7f7f7 0 1px 1px;
    }

    .mails tbody tr:hover {
        cursor: pointer;
        background-color: #68c !important;
        color: White;
    }

    .mails th, .mails td {
        text-align: left;
        padding: 0.4em 0.3em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mails th {
        border-left: 1px solid #ddd;
        border-right: 1px solid #888;
        padding: 0.4em 0 0.3em 0.7em;
    }

        .mails th:nth-child(1), .mails td:nth-child(1) {
            width: 20%;
        }

        .mails th:nth-child(2), .mails td:nth-child(2) {
            width: 15%;
        }

        .mails th:nth-child(3), .mails td:nth-child(3) {
            width: 45%;
        }

        .mails th:nth-child(4), .mails td:nth-child(4) {
            width: 15%;
        }

        .mails th:last-child {
            border-right: none;
        }

    .mails tr:nth-child(even) {
        background-color: #EEE;
    }

.viewMail .mailInfo {
    background-color: #dae0e8;
    padding: 1em 1em 0.5em 1.25em;
    border-radius: 1em;
}

    .viewMail .mailInfo h1 {
        margin-top: 0.2em;
        font-size: 130%;
    }

    .viewMail .mailInfo label {
        color: #777;
        font-weight: bold;
        min-width: 2.75em;
        text-align: right;
        display: inline-block;
    }

.viewMail .message {
    padding: 0 1.25em;
}


.codeRunner ul {
    list-style-type: none;
    margin: 1em 0;
    background-color: #cde;
    padding: 1em;
    border-radius: 0.5em;
}

    .codeRunner ul li a {
        color: Gray;
        font-size: 90%;
        text-decoration: none;
    }

        .codeRunner ul li a:hover {
            text-decoration: underline;
        }

.codeRunner input:not([type]) {
    width: 30em;
}

.codeRunner input[disabled] {
    text-decoration: line-through;
    border-color: Silver;
    background-color: Silver;
}

.codeRunner textarea {
    width: 30em;
    height: 6em;
}

.codeRunner form {
    margin-top: 1em;
    margin-bottom: 1em;
}

.cis-access-level {
    background-image: url('../images/buttons/access-level.png');
}

div.image {
    width: 16px;
    height: 16px;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA%3D%3D);
}

​ header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    margin: 0 0 0 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.rounde-Edge {
    -moz-border-radius: 10px 10px / 10px 10px;
    border-radius: 10px 10px / 10px 10px;
}

.loadingDiv {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F9EDBE;
    background-image: none;
    background-origin: padding-box;
    border-bottom-color: #F0C36D;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #F0C36D;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #F0C36D;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #F0C36D;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.199219) 0px 2px 4px 0px;
    font-weight: normal;
    font-size: 12px;
    color: #222;
    height: 16px;
    left: -50%;
    padding-bottom: 3px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 3px;
    position: relative;
    text-align: center;
    top: 372px;
    z-index: 10000;
    line-height: 16px;
}

#homeIndexSection {
    background-color: #323232;
    background-position: top center;
    background-repeat: no-repeat;
    height: 100%;
}

#homeIndexSectionMain {
    background-image: url(../images/error-gradient.png);
}

#homeIndexSectionMainCenter {
    width: 878px;
    margin: 0 auto;
}

#homeIndexSectionMainHeader {
    height: 120px;
    background-image: url(../images/application-title.png);
    background-position: center right;
    background-repeat: no-repeat;
    margin: 0 40px 0 330px;
}

#homeIndexSectionMain #homeIndexSectionMainHeader {
    margin: 0 185px;
}

#homeIndexSectionMainHeader img {
    border-width: 0;
    margin: 15px;
    margin-right: 410px;
}

#homeIndexSectionMainContent .header {
    /*background-image: url(../images/application-top.png);*/
    background-color: #94c0d2;
    position: relative;
    height: 15px;
}

    #homeIndexSectionMainContent .header .tile {
        position: absolute;
        background-image: url(../images/tile-image.png);
        left: 60px;
        top: -100px;
        width: 260px;
        height: 320px;
    }

#homeIndexSectionMainContent .tagline {
    background-image: url(../images/application-tagline.jpg);
    height: 379px;
}

#homeIndexSectionMain #homeIndexSectionMainContent .tagline {
    background-image: url(../images/firstpage-background.jpg);
    height: 505px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 505px;
}


#homeIndexSectionMainContent .info {
    background-image: url(../images/application-background.png);
    height: 334px;
    position: relative;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px;
}

#homeIndexSectionMain #homeIndexSectionMainContent .info {
    background-image: url(../images/error-background.png);
    height: 75px;
}

#homeIndexSectionMainContent .info .left {
    float: left;
    width: 285px;
    margin: 12px;
    text-align: right;
}

#homeIndexSectionMainContent .info .right {
    float: right;
    width: 285px;
    margin: 12px;
    text-align: left;
}

.homeIndexSectionMainFooter a {
    color: thistle;
    text-decoration: none;
}


*:first-child + html .sign-in {
    position: relative;
}

/*ie7*/
* html .sign-in {
    position: relative;
}

/*ie6*/
*:first-child + html .sign-in-container {
    position: absolute;
    top: 50%;
}

/*ie7*/
* html .sign-in-container {
    position: absolute;
    top: 50%;
}

/*ie6*/
*:first-child + html .signin-box {
    position: relative;
    top: -50%;
}

/*ie7*/
* html .signin-box {
    position: relative;
    top: -50%;
}

/*ie6*/


.sign-in {
    width: 400px;
    height: 100%;
    margin: 0px auto;
    display: table;
    overflow: hidden;
}

.sign-in-container {
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
}

.signin-box, .accountchooser-box {
    margin: 12px 0 0;
    padding: 20px 25px 15px;
    background: whiteSmoke;
    border: 1px solid #E5E5E5;
}

    .signin-box .username-label, .signin-box .passwd-label {
        margin: 0 0 .5em;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

.fa {
    font-size: 18px;
    /*color: #FFFBC6*/
    color: #f2f3f5
}

.companyUser {
    font-size: 18px;
    /*color: #FFFBC6*/
    color: #0E0087;
}

.companyMenu {
    color: #0E0087;
}

.k-alt {
    background-color: #8990961f;
}

.k-window1 {
    background-color: #fff;
    border-color: #b4d9ff !important;
    /* box-shadow: 0 0 40px 10px #b4d9ff5c !important;
    -webkit-box-shadow: 0 0 40px 10px #b4d9ff5c !important;*/
}

input.k-button {
    background-color: #22a7f0 !important;
}

#newsWindow {
    line-height: 22px;
}

.k-grid-header .k-header .k-link {
    text-align: right;
}

.k-grid-filter {
    float: left;
}

.k-arrow-next {
    background-position: 0 -48px;
}

.k-menu .k-arrow-next {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 2px;
    right: auto;
}

.k-panelbar-expand, .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    right: auto;
    left: 2px;
}


.data-label {
    width: 150px;
    text-align: left;
}


input[type="text"], select {
    font-family: tahoma, Helvetica, Arial;
    /*width: 250px;*/
}


.editor-field input, .editor-field select, .editor-field textarea {
    font-family: tahoma, Helvetica, Arial;
    width: 203px;
    height: 30px;
}

.editor-field select {
    width: 198px;
    border: 1px solid white;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #fba631;
}


.editor-select-width {
    width: 204px;
}

.full-width {
    width: 100% !important;
}

.text-right {
    text-align: right !important;
}

.editor-field input:focus, .editor-field select:focus, .editor-field textarea:focus {
}

.ltrField {
    direction: ltr;
}

    .ltrField select, .ltrField input {
        direction: ltr;
    }

.rtlField {
    direction: rtl;
}

    .rtlField select, .rtlField input {
        direction: rtl;
    }

.dateField {
    direction: ltr;
}

.miladiDateField {
    direction: ltr;
}


#menus > .k-item > .k-link > .k-sprite {
}

#menus .k-sprite {
    background-image: url("../images/sprint.png");
}

.definitionIcon {
    background-position: 1px 1px;
}

.reportIcon {
    background-position: -296px 1px;
}

.chartIcon {
    background-position: -46px 1px;
}

.cardIcon {
    background-position: -143px 1px;
}

.exchangeIcon {
    background-position: -244px 1px;
}

.settingIcon {
    background-position: -191px 1px;
}

.financeIcon {
    background-position: -93px 1px;
}

.helpIcon {
    background-position: -346px 1px;
}

.workflowIcon {
    background-position: -391px 1px;
}

.k-panelbar .k-image, .k-panelbar .k-sprite {
    float: right;
    margin-top: 0;
    margin-right: 0;
    vertical-align: middle;
}

.k-sprite, .k-editor-button .k-tool-icon {
    width: 25px;
    height: 25px;
}

.command-bar {
    float: right;
    /*width: 90%;*/
    margin: 0.5em 0 0 0;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 15px;
    width: 100%;
    text-align: center
}

div.k-grid-header, div.k-grid-footer {
    padding-right: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    right: auto;
    left: 0;
}

.k-grid-header .k-header {
    text-align: center;
    border-width: 0 1px 0 0;
    font-weight: bold;
}

.groupBoxSpliter {
    border-bottom: 1px solid gray;
    padding: 5px;
    width: 250px;
}


.k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border-width: 1px;
    border-style: solid;
    padding: 2px 2px 2px 2px;
}

.whiteLink a {
    color: white;
    text-decoration: none;
}

    .whiteLink a:hover {
        color: white;
        text-decoration: underline;
    }


#outer {
    text-align: center;
    width: 100%;
    height: 1px;
    overflow: visible;
}

#inner {
    width: 420px;
    height: 200px;
}

.loginForm {
    height: 300px;
    margin-right: 284px;
    width: 100%;
    background-color: transparent; /* rgba(219, 219, 234, 0.7);*/
    border: 0;
}

.userLoginFormIn {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

#menu {
    width: 100%;
}

/*.k-grid-header .k-filterable .k-link {
padding-right: 0.5em;
}*/

fieldset {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.k-window-titlebar, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    text-align: center;
}


.k-window-title {
    overflow: initial;
    font-size: 12px;
}


.k-expand, .k-plus {
    background-position: 0 -209px;
}

.k-grid td {
    border-width: 0 1px 0 0;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
    direction: rtl;
}

.k-grid .k-group-cell + td {
    border-left-width: 0;
    direction: ltr;
}


.k-grid-header-wrap, .k-grid-footer-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 0 0;
    zoom: 1;
}

.full-screen-report {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}

.modal-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.4)
}

.modal-popUp {
    position: fixed;
    width: 60%;
    height: 60%;
    left: 20%;
    right: 20%;
    top: 10%;
    z-index: 1000;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.close-report {
    position: fixed;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    right: 0;
    top: 2px;
    z-index: 10001;
}

.close-popup {
    position: relative;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    right: 0;
    top: 2px;
    z-index: 10001;
}

.reportPreviewFrame {
    width: 100%;
    height: 100%;
    background-color: white;
}

.ShowEditPopUp {
    width: 100%;
    height: 100%;
    background-color: white;
}

.header.row.logo {
    /*background-image: url(../images/bimehlogoandeppadlogo.jpg);*/
}


.header-justified {
    height: 24px;
    padding-top: 4px;
    padding-right: 3px;
    background-color: transparent;
    background-image: none;
    font-size: 16px;
    color: white;
    font-family: 'mitra', '2 mitra', 'b mitra', times;
    font-weight: bold;
}

.leftAligned {
    text-align: left;
}


.editForm {
}

.navbar-top-links li {
    display: inline-block;
}

.editor-field {
    float: right;
    /*width: 98%;*/
    padding-bottom: 0;
    margin: 0.2em 0 0 0;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 5px;
    width: 206px;
}

.editor-label {
    float: right;
    /*width: 90%;*/
    margin: 0.5em 0 0 0;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 5px;
    width: 150px;
    text-align: left;
}


.k-grid-header .k-filterable .k-link {
    padding-right: 2px;
}

.k-block > .k-header {
    position: relative;
    margin: -2px -1px 0 -2px;
    padding: .3em 1px;
    font-family: 'b mitra', '2 mitra', mitra;
    font-weight: bold;
}


span.k-datepicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown {
    top: -1px;
}

.k-grid tbody .k-button {
    margin: 1px;
    min-width: 79px;
}

input[type=button][disabled=disabled] {
    color: red;
}

.kb-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-button-icontext .k-icon {
    margin: 2px 0 0 -2px;
}

.k-button {
    font-family: web_yekan;
    font-weight: normal;
}

.k-toolbar-button {
    font-size: 19px;
    width: 90px;
    font-family: 'mitra', '2 mitra', 'b mitra', times;
    font-weight: normal;
    color: white;
    /*background-color: orangered;*/
    Border-radius: 7px 7px 7px 7px;
}


.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover {
    background-color: rgb(68, 168, 211);
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    font-size: 0pt;
    margin-top: -1px;
}

.TabOnEnter {
}

button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
    border: 2px outset ButtonFace;
    color: GrayText;
    cursor: inherit;
    background-color: #efefef;
}

select:disabled.k-dropdown, input:disabled.k-textbox {
    background: #eaeaea !important;
}

.certificateReportTable td {
    padding-top: 0;
    padding: 5px;
}

.reportDataField {
    text-decoration: underline
}

.reportDataTd {
    border: 1px solid black;
    padding: 0
}

.certificateReportInsideTable td {
    padding: 2px;
}

a.button-icon {
    background-color: #dff5ff; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: right; /* equivalent to 'top left' */
    border: 1px solid #7ec6e3;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 32px; /* make this the size of your image */
    padding-right: 32px; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    font-family: tahoma;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    a.button-icon.button-icon-list {
        background-image: url('../images/buttons/list.png'); /* 16px x 16px */
    }

input.button-icon:focus {
}


input.button-icon {
    /*background-color: #dff5ff; make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: right; /* equivalent to 'top left' */
    border: 1px solid #7ec6e3;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 27px; /* make this the size of your image */
    padding-right: 23px; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    font-family: web_yekan;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


    input.button-icon.button-icon-list {
        background-image: url('../images/buttons/list.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-add {
        background-image: url('../images/buttons/add.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-delete {
        background-image: url('../images/buttons/delete.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-edit {
        background-image: url('../images/buttons/edit.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-print {
        background-image: url('../images/buttons/print.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-refresh {
        background-image: url('../images/buttons/refresh.png'); /* 16px x 16px */
        background-repeat: no-repeat;
        background-position: center center;
    }

    input.button-icon.button-icon-printer {
        background-image: url('../images/buttons/printer.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-excel {
        background-image: url('../images/buttons/excel.png'); /* 16px x 16px */
    }

    input.button-icon.button-icon-save {
        background-image: url('../images/buttons/save.png'); /* 16px x 16px */
    }


.cis-cancel {
    background-image: url('../images/buttons/cancel.png');
}

.cis-edit {
    background-image: url('../images/buttons/edit.png');
}

.cis-print {
    background-image: url('../images/buttons/print.png');
}

.cis-printer {
    background-image: url('../images/buttons/printer.png');
}

.cis-return {
    background-image: url('../images/buttons/return.png');
}

.cis-delete {
    background-image: url('../images/buttons/delete.png');
}

.cis-save {
    background-image: url('../images/buttons/save.png');
}

.cis-add {
    background-image: url('../images/buttons/add.png');
}

.cis-gift {
    background-image: url('../images/buttons/gift.png');
}

.definition-icon {
    background-image: url('../images/buttons/menu/definition.png');
}

.report-icon {
    background-image: url('../images/buttons/menu/report.png');
}

.workflow-icon {
    background-image: url('../images/buttons/menu/workflow.png');
}

.chart-icon {
    background-image: url('../images/buttons/menu/chart.png');
}

.help-icon {
    background-image: url('../images/buttons/menu/help.png');
}

.setting-icon {
    background-image: url('../images/buttons/menu/setting.png');
}

.werehouse-icon {
    background-image: url('../images/buttons/menu/werehouse.png');
}

.sms-icon {
    background-image: url('../images/buttons/menu/sms.png');
}

.financial-icon {
    background-image: url('../images/buttons/menu/financial.png');
}

.webmessage-icon {
    background-image: url('../images/buttons/menu/webmessage.png');
}

.connection-icon {
    background-image: url('../images/buttons/menu/connection.png');
}

.menu-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
    background-position: right;
}

.loginLogo11 {
    background-image: url('../images/login-11.jpg');
}

.loginBackground {
    background-image: url('content/images/login-background.png');
}

/*.loginLogo12 {
    background-image: url('../images/logisn.jpg');
}*/
.cis-icon {
    display: none;
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
    background-position: right; /* equivalent to 'top left' */
}

.verticalTextblock {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.verticalContent {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 30px;
    border-top: black 4px solid;
    border-right: blue 4px solid;
    border-bottom: black 4px dashed;
    border-left: blue 4px dashed;
}


input.k-button:focus, .k-draghandle:focus {
    border-color: #ffb631;
}

.first-page {
    background: url(../images/first-page-background.png) no-repeat;
    background-size: cover;
    width: 100%;
}

.section-header {
    /*background: url(../images/title-background.png) 99% center repeat-x;*/

    text-align: center;
    font-size: 19px;
    font-family: 'mitra', '2 mitra', 'b mitra', times;
    font-weight: normal;
    padding-bottom: 0;
    margin-top: 10px;
    color: white;
    max-width: 100%;
}


.cis-attachment {
    background-image: url('../images/buttons/attachment.png');
}


.k-textbox > input, .k-autocomplete .k-input {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 24px;
}


.editor-field {
    direction: rtl;
}


.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: left;
}

.k-window-title {
    text-align: center;
}

.companyContent {
    margin-top: 50px;
}

.company-menu {
    margin-top: -1px;
    position: inherit !important;
    background-color: #428bca;
    height: 68px;
}

.company-dropdown {
    margin-right: -1%;
    margin-top: 0px;
    background-color: #F8F8F8;
}

a.company-toggle:hover {
    background-color: #428BCA;
}

ul > li.cash-details-link {
    position: fixed;
    display: block;
}

.fa-details {
    color: #0E0087;
}

ul > li.open {
    background-color: #F8F8F8 !important;
}

.nav .open > a, .nav .open > a.company-dropdown:hover, .nav .open > a.company-dropdown:focus {
    background-color: #F8F8F8 !important;
}

.fa-caret-down:before {
    content: "\25bc";
}

/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: bolder;
    text-decoration: none;
    line-height: 1;
    font-family: Web_Yekan;
    font-size: 16px;
    /*position: relative;*/
}

#cssmenu {
    width: 100%;
    border-bottom: 4px solid #656659;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    #cssmenu a {
        line-height: 1.3;
    }

    /*#cssmenu > ul > li:first-child {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #45463d;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: url(../images/menu/pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 1.2em;
  font-weight: 300; 
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
}*/

    #cssmenu > ul > li {
        background: #e94f31;
        background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
        background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
        background: linear-gradient(#568198 0%, #568198 100%);
    }

        #cssmenu > ul > li:hover {
            background: #e84323;
            background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
            background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
            background: linear-gradient(#45677A 0%, #45677A 100%);
        }

        #cssmenu > ul > li > a {
            font-size: 14px;
            display: block;
            background-color: #7092be;
            color: #fff;
            font-weight: 500;
            margin-top: 5px;
        }

            #cssmenu > ul > li > a > span {
                display: block;
                padding: 12px 10px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

            #cssmenu > ul > li > a:hover {
                text-decoration: none;
            }

        #cssmenu > ul > li.active {
            border-bottom: none;
        }

        /*#cssmenu .has-sub:before {
    content: "\f104";
    font-family: FontAwesome;
    left:8px;
    position:absolute;
    top:12px;
    font-size: 15px

}*/


        #cssmenu > ul > li.has-sub > a span {
            /*background: url(../images/menu/collapse_open.png) 8% center no-repeat;*/
        }

        #cssmenu > ul > li.has-sub.active > a span {
            background: url(../images/menu/collapse_close.png) 8% center no-repeat;
        }

    /*#cssmenu > ul > li:not(.active).has-sub:before {
    content: "\f107";
    font-family: FontAwesome;
    left:8px;
    position:absolute;
    top:12px;
    font-size: 15px
}*/

    #cssmenu ul ul {
        display: none;
        background: #fff;
        border-right: 1px solid #a2a194;
        border-left: 1px solid #a2a194;
    }

.submenu-selected {
    background-color: #354C58;
    color: whitesmoke
}

#cssmenu ul ul li {
    padding: 0;
    border-bottom: 1px solid #4B6C7E;
    border-top: none;
    background: #f7f7f7;
    background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
    background: linear-gradient(#45677A 0%, #45677A 100%);
}

    #cssmenu ul ul li:last-child {
        border-bottom: none;
    }

#cssmenu ul ul a {
    padding: 10px 10px 10px 25px;
    display: block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
}

    /*#cssmenu ul ul a:before {
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #e94f31;
}*/
    #cssmenu ul ul a:hover {
        background: linear-gradient(#385565 0%, #385565 100%);
    }

.showDate {
    display: block;
    position: absolute;
    background-color: #90c7ee;
    text-align: center;
    width: 203px;
}

div.cmrDatepicker {
    position: relative;
    left: 300px;
    /*margin-top: 200px !important;*/
}

#divTruckIranNumber {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    direction: ltr;
    gap: 3px;
    width: 100%;
    max-width: 320px;
    margin-top: 6px;
    padding: 5px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    box-sizing: border-box;
}

#divTruckIranNumber input,
#divTruckIranNumber select {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
    padding: 4px 6px !important;
    font-size: 14px;
    text-align: center !important;
}

#divTruckIranNumber .k-dropdown-wrap {
    flex: 0 0 auto;
    width: 72px !important;
    max-width: 72px !important;
}

#divTruckIranNumber .k-dropdown-wrap .form-select,
#divTruckIranNumber .k-dropdown-wrap select {
    width: 100% !important;
    padding: 4px 6px !important;
}

#divTruckIranNumber #truckPopUpEdit_TruckIranNumberForthPart,
#divTruckIranNumber #truckEdit_TruckIranNumberForthPart {
    width: 36px !important;
    max-width: 36px;
}

#divTruckIranNumber #truckPopUpEdit_TruckIranNumberThirdPart,
#divTruckIranNumber #truckEdit_TruckIranNumberThirdPart {
    width: 52px !important;
    max-width: 52px;
}

#divTruckIranNumber #truckPopUpEdit_TruckIranNumberFirstPart,
#divTruckIranNumber #truckEdit_TruckIranNumberFirstPart {
    width: 44px !important;
    max-width: 44px;
}

#divTruckIranNumber img {
    flex: 0 0 auto;
    width: 35px;
    height: 26px;
    object-fit: contain;
    margin: 0;
}

.k-window1.edit-form .container-fluid #divTruckIranNumber .k-dropdown-wrap {
    width: 72px !important;
    max-width: 72px !important;
}

.truck-iran-number {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    direction: ltr;
    margin-top: 6px;
    width: auto;
    max-width: 100%;
    gap: 4px;
}

.k-window1.edit-form .truck-iran-number .form-control,
.k-window1.edit-form .truck-iran-number .form-select,
.k-window1.edit-form .truck-iran-number .k-dropdown-wrap .form-select {
    width: auto !important;
    min-width: 0;
    flex: 0 0 auto;
}

.k-window1.edit-form .truck-iran-number .k-dropdown-wrap {
    width: auto !important;
    flex: 0 0 auto;
}

.k-window1.edit-form .truck-iran-number .invalid-feedback,
.k-window1.edit-form .truck-iran-number .field-validation-valid,
.k-window1.edit-form .truck-iran-number .field-validation-error {
    display: none !important;
}

.k-window1.edit-form .truck-iran-number + .invalid-feedback,
.k-window1.edit-form .truck-iran-number + .field-validation-valid,
.k-window1.edit-form .truck-iran-number + .field-validation-error {
    display: block;
}


.ui-dialog .ui-dialog-titlebar-close {
    display: none !important
}

div.k-window {
    padding-bottom: 230px;
}

.bigger-checkbox {
    width: 20px;
    height: 20px;
}

.cis-deleteAttachment {
    width: 20px;
    height: 20px;
    background: url("../images/buttons/delete1.png");
    right: 5px;
    top: 5px;
}

.cis-downloadAttachment {
    width: 20px;
    height: 20px;
    background: url("../images/buttons/download.png");
    right: 5px;
    top: 5px;
    left: 5px;
}

.cis-icon1 {
    display: inline-block;
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
    background-position: right; /* equivalent to 'top left' */
}

/*.form-control {
    border: 1px solid #7092be !important;
}
*/
.k-button:hover {
    color: #ddf4ff;
    background-color: #1e4361;
}

button[disabled]:active,
button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
    background-color: #efefef !important;
    color: #979797 !important
}

    button[disabled]:active,
    button[disabled],
    input[type="reset"][disabled]:active,
    input[type="reset"][disabled],
    input[type="button"][disabled]:active,
    input[type="button"][disabled]:hover,
    select[disabled] > input[type="button"],
    select[disabled] > input[type="button"]:active,
    input[type="submit"][disabled]:active,
    input[type="submit"][disabled]:hover {
        background-color: #efefef !important;
        color: #979797 !important
    }

.k-window1 {
    width: 100%;
}

table {
    width: 100%;
}

.body.menu.row {
    right: 21px;
    padding-left: 24px !important;
}

.right.col .body {
    padding: 0 0.5em;
}

body {
    direction: rtl;
}

.right.col {
    right: 0;
    width: 225px;
    top: 80px;
}

.left.col {
    right: 225px !important;
    left: 0;
    top: 59px;
    position: absolute;
}

a {
    color: #0E0087;
    text-decoration: none;
}

.header.row {
    background-color: cornflowerblue;
    position: relative;
    height: 90px;
}

.body.row {
    top: 145px;
    bottom: 0;
    max-width: 100%;
    top: 43px;
}

.body.menu.row {
    top: 0px;
    bottom: 0;
}

.footer.row {
    height: 30px;
    top: 0;
    line-height: 25px;
    padding-right: 10px;
}

/* Visual styles */
.secondLeft.pane {
    background-color: white;
    padding: 1em;
}

.logon.pane {
    background-color: transparent;
    padding: 0;
}


/* --- Select2 ≈ Bootstrap 5 (single) --- */
.select2-container {
    width: 100% !important;
}
    /* عرض کامل */

    .select2-container .select2-selection--single {
        position: relative;
        display: flex;
        align-items: center;
        height: calc(1.5em + .75rem + 2px); /* ارتفاع مثل .form-select */
        padding: .375rem 2.25rem .375rem .75rem; /* راست: فضای پیکان */
        border: 1px solid var(--bs-border-color, #ced4da);
        border-radius: .375rem;
        background-color: var(--bs-body-bg, #fff);
        color: var(--bs-body-color, #212529);
    }

/* RTL: جابجایی پدینگ و پیکان */
[dir="rtl"] .select2-container .select2-selection--single {
    padding: .375rem .75rem .375rem 2.25rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    margin: 0;
    line-height: 1.5 !important;
    color: inherit;
}

/* پیکان شبیه form-select */
.select2-container .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.25rem;
    height: 100%;
    right: .25rem;
    left: auto;
}

[dir="rtl"] .select2-container .select2-selection--single .select2-selection__arrow {
    left: .25rem;
    right: auto;
}

/* فوکِس مثل بوت‌استرپ */
.select2-container--focus .select2-selection--single,
.select2-container--open .select2-selection--single {
    border-color: var(--bs-primary, #0d6efd);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

/* غیرفعال */
.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-tertiary-bg, #e9ecef);
    color: var(--bs-secondary-color, #6c757d);
}

/* منو */
.select2-dropdown {
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: .375rem;
    overflow: hidden;
}

.select2-results__option {
    padding: .375rem .75rem;
}

.select2-results__option--highlighted {
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
}

.select2-results__option--selected {
    background-color: var(--bs-secondary-bg, #e9ecef);
}

/* فیلد سرچ داخل منو */
.select2-search--dropdown .select2-search__field {
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: .375rem;
    padding: .375rem .75rem;
}

/* Select2 4.1 uses a textarea for the inline search in multi-select controls. */
.select2-container.select2-container--default .select2-selection--multiple {
    min-height: 35px;
}

.select2-container .select2-search--inline .select2-search__field {
    min-height: 20px;
    height: 20px;
}

/* خطای ولیدیشن روی قاب Select2 */
.is-invalid + .select2 .select2-selection {
    border-color: #dc3545 !important;
}

    .is-invalid + .select2 .select2-selection:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) !important;
    }



.select2-container .select2-selection--single {
    height: 35px !important
}

.button-icon-beside-textbox {
    flex: 0 0 auto;
    flex-shrink: 0;
    align-self: center;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    background: #007BFF;
    color: #fff;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin-right: 8px;
}

.dropdown-with-add {
    display: flex;
    align-items: center !important;
    gap: 8px;
}

.dropdown-with-add .button-icon-beside-textbox,
.dropdown-with-add .button-icon-add {
    margin-right: 0;
}


.password-wrapper {
    position: relative;
}

    .password-wrapper input {
        padding-right: 2.8rem; /* مطمئن شوید جا برای آیکون هست */
    }

    .password-wrapper span.toggle-eye {
        position: absolute;
        right: 0.65rem; /* برای RTL: left:0.65rem */
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 1050; /* بالاتر از modal */
        display: flex;
        align-items: center;
        justify-content: center;
    }


/* مخفی کردن تیک سبز validation و تنظیم padding */
#divTruckIranNumber input:valid {
    background-image: none !important;
    padding: 6px 8px !important;
}

#divTruckIranNumber input:invalid {
    background-image: none !important;
    padding: 6px 8px !important;
}

#divTruckIranNumber input {
    padding: 6px 8px !important;
    text-align: center !important;
}

#divTruckIranNumber select {
    padding: 6px 8px !important;
    /*text-align: center !important;*/
}
.dropdown-fluid {
    width: 100% !important;
}

.dropdown-fluid .k-dropdown,
.dropdown-fluid .form-select {
    width: 100% !important;
}

.dropdown-with-add .editor-select-width {
    width: auto;
    flex: 1 1 auto;
}

.load-picture-upload-page {
    direction: rtl;
}

.load-picture-upload-card {
    border: 1px solid #dde4ee;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(28, 54, 83, 0.08);
    overflow: hidden;
}

.load-picture-upload-header {
    padding: 14px 18px;
    border-bottom: 1px solid #e7edf5;
    background: linear-gradient(180deg, #f7fafd 0%, #f0f6fc 100%);
}

.load-picture-upload-title {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #23364d;
}

.load-picture-upload-subtitle {
    margin: 6px 0 0;
    color: #5f7388;
    font-size: 13px;
}

.load-picture-upload-content {
    padding: 18px;
}

.load-picture-box {
    min-height: 170px;
    border: 1px solid #e3eaf3;
    border-radius: 8px;
    background-color: #fbfdff;
    padding: 14px;
    margin-bottom: 14px;
}

.load-picture-label {
    display: block;
    margin-bottom: 8px;
    color: #1e2f45;
    font-size: 14px;
    font-weight: 600;
}

.load-picture-file-input {
    width: 100%;
    border: 1px solid #d4deea;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 6px;
}

.load-picture-hint {
    margin-top: 8px;
    margin-bottom: 0;
    color: #7b8ea4;
    font-size: 12px;
}

.load-picture-link {
    display: inline-block;
    margin-top: 10px;
    color: #0a5fb4;
    font-size: 13px;
    text-decoration: none;
}

    .load-picture-link:hover,
    .load-picture-link:focus {
        color: #084a8b;
        text-decoration: underline;
    }

.load-picture-preview {
    margin-top: 12px;
    border: 1px solid #dce6f1;
    border-radius: 8px;
    background: #ffffff;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.load-picture-actions {
    border-top: 1px solid #e7edf5;
    background: #f8fbff;
    padding: 14px 18px;
    text-align: left;
}

    .load-picture-actions .btn {
        min-width: 130px;
        margin-right: 8px;
    }

.load-picture-info {
    border-top: 1px solid #e7edf5;
    padding: 16px 18px 10px;
    background: #ffffff;
}

.load-picture-info-title {
    margin: 0 0 10px;
    color: #23364d;
    font-size: 15px;
    font-weight: 700;
}

.load-picture-info-item {
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 7px;
    background: #f7fbff;
    border: 1px solid #e7eef7;
    min-height: 42px;
}

.load-picture-info-label {
    color: #6a7e94;
    font-size: 12px;
    margin-bottom: 2px;
}

.load-picture-info-value {
    color: #203246;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .load-picture-upload-title {
        font-size: 18px;
    }

    .load-picture-actions {
        text-align: center;
    }

        .load-picture-actions .btn {
            margin: 0 4px 8px;
        }
}

/* ── Bootstrap edit-form: shared layout (dropdowns, switches, actions) ── */
.k-window1.edit-form {
    padding: 10px 15px;
    margin: 10px auto 80px;
    box-sizing: border-box;
}

.k-window1.edit-form .container-fluid .editor-select-width,
.k-window1.edit-form .container-fluid .k-dropdown-wrap:not(.time-dropdown) {
    width: 100%;
    max-width: 100%;
}

.k-window1.edit-form .container-fluid .k-dropdown-wrap .form-select,
.k-window1.edit-form .container-fluid .k-dropdown-wrap select.k-dropdown {
    width: 100%;
    max-width: 100%;
}

.k-window1.edit-form .container-fluid .form-control,
.k-window1.edit-form .container-fluid .form-select {
    width: 100%;
}

.k-window1.edit-form .time-dropdown.editor-select-width {
    width: auto !important;
    min-width: 4.5rem;
}

/* Toggle switches — all checkboxes in edit forms */
.k-window1.edit-form .form-check:has(.form-check-input[type="checkbox"]),
.k-window1.edit-form .form-check.form-switch {
    padding-right: 3.5em;
    min-height: 2rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.k-window1.edit-form .form-check.form-switch-lg:has(.form-check-input[type="checkbox"]),
.k-window1.edit-form .form-check.form-switch.form-switch-lg {
    padding-right: 4em;
    min-height: 2.25rem;
}

.k-window1.edit-form .form-check .form-check-input[type="checkbox"],
.k-window1.edit-form .form-check.form-switch .form-check-input[type="checkbox"] {
    width: 3em !important;
    height: 1.55em !important;
    margin-top: 0;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 2em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    transition: background-position 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.k-window1.edit-form .form-check.form-switch-lg .form-check-input[type="checkbox"] {
    width: 3.25em;
    height: 1.65em;
}

.k-window1.edit-form .form-check .form-check-input[type="checkbox"]:checked,
.k-window1.edit-form .form-check.form-switch .form-check-input[type="checkbox"]:checked {
    background-color: #198754;
    border-color: #198754;
    background-position: left center;
}

.k-window1.edit-form .form-check .form-check-input[type="checkbox"]:focus,
.k-window1.edit-form .form-check.form-switch .form-check-input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
}

.k-window1.edit-form .form-check.form-switch .form-check-label {
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    color: #344767;
}

.k-window1.edit-form .table .form-check.form-switch {
    padding-right: 0;
    margin-bottom: 0;
    justify-content: center;
    min-height: 1.5rem;
}

.k-window1.edit-form .table .form-check.form-switch .form-check-input {
    width: 2.5em;
    height: 1.25em;
    float: none;
    margin: 0;
}

.edit-form .table .form-check.form-switch {
    padding-right: 0;
    margin-bottom: 0;
    justify-content: center;
    min-height: 1.5rem;
}

.edit-form .table .form-check.form-switch .form-check-input {
    width: 2.5em;
    height: 1.25em;
    float: none;
    margin: 0;
    cursor: pointer;
}

.edit-form .table .form-check.form-switch .form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

/* Command bar — centered actions, project palette */
.k-window1.edit-form .command-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 16px 0 8px;
    margin-top: 8px;
    border-top: 1px solid #e7edf5;
    text-align: center;
    float: none;
    width: 100%;
}

/* ثبت سمت راست، بازگشت سمت چپ — در RTL اولین آیتم در شروع (راست) است */
.command-bar.command-bar--save-end,
.k-window1.edit-form .command-bar.command-bar--save-end,
.modal-footer.command-bar--save-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    direction: rtl;
    float: none;
    width: 100%;
    text-align: start;
    padding: 16px 0 8px;
    margin-top: 8px;
}

.edit-form-context {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background: #eef4fb;
    border: 1px solid #d5e2f0;
    border-radius: 6px;
    color: #013367;
}

.edit-form-context__label {
    font-size: 13px;
    font-weight: 400;
    color: #4a6278;
}

.edit-form-context__value {
    font-size: 16px;
    font-weight: 700;
}

.edit-form-context .bi {
    font-size: 18px;
    color: #013367;
}

.modal-footer.command-bar--save-end {
    padding: 12px 16px;
    margin-top: 0;
    border-top: 1px solid #e7edf5;
    justify-content: center !important;
}

.k-window1.edit-form .edit-form-btn,
.command-bar--save-end .edit-form-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 140px;
    height: 42px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    line-height: 1.2;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.k-window1.edit-form .edit-form-btn--save,
.command-bar--save-end .edit-form-btn--save {
    background-color: #198754;
    border: 1px solid #2db33e;
    color: #fff;
    min-width: 160px;
}

    .k-window1.edit-form .edit-form-btn--save:hover,
    .k-window1.edit-form .edit-form-btn--save:focus,
    .command-bar--save-end .edit-form-btn--save:hover,
    .command-bar--save-end .edit-form-btn--save:focus {
        background-color: #0a5814;
        border-color: #28a745;
        color: #fff;
        box-shadow: 0 2px 8px rgba(51, 201, 69, 0.28);
    }

.k-window1.edit-form .edit-form-btn--back,
.command-bar--save-end .edit-form-btn--back {
    background-color: #fff;
    border: 1px solid #7092be;
    color: #013367;
}

.k-window1.edit-form .edit-form-btn--back:hover,
.k-window1.edit-form .edit-form-btn--back:focus,
.command-bar--save-end .edit-form-btn--back:hover,
.command-bar--save-end .edit-form-btn--back:focus {
    background-color: #013367;
    border-color: #013367;
    color: #fff;
    box-shadow: 0 2px 8px rgba(1, 51, 103, 0.2);
}

.k-window1.edit-form .edit-form-btn--search,
.command-bar--save-end .edit-form-btn--search {
    background-color: #013367;
    border: 1px solid #013367;
    color: #fff;
}

.k-window1.edit-form .edit-form-btn--search:hover,
.k-window1.edit-form .edit-form-btn--search:focus,
.command-bar--save-end .edit-form-btn--search:hover,
.command-bar--save-end .edit-form-btn--search:focus {
    background-color: #012448;
    border-color: #012448;
    color: #fff;
    box-shadow: 0 2px 8px rgba(1, 51, 103, 0.25);
}

/* Excel — Microsoft Office green */
.k-window1.edit-form .edit-form-btn--excel {
    background-color: #107c41;
    border: 1px solid #0e6b38;
    color: #fff;
    min-width: 140px;
}

.k-window1.edit-form .edit-form-btn--excel:hover,
.k-window1.edit-form .edit-form-btn--excel:focus {
    background-color: #0c6535;
    border-color: #0a5630;
    color: #fff;
    box-shadow: 0 2px 8px rgba(16, 124, 65, 0.35);
}

/* PDF */
.k-window1.edit-form .edit-form-btn--pdf {
    background-color: #b02a37;
    border: 1px solid #9a2430;
    color: #fff;
    min-width: 140px;
}

.k-window1.edit-form .edit-form-btn--pdf:hover,
.k-window1.edit-form .edit-form-btn--pdf:focus {
    background-color: #8f222c;
    border-color: #7a1d26;
    color: #fff;
    box-shadow: 0 2px 8px rgba(176, 42, 55, 0.35);
}

/* Print */
.k-window1.edit-form .edit-form-btn--print {
    background-color: #fff;
    border: 1px solid #7092be;
    color: #013367;
    min-width: 140px;
}

.k-window1.edit-form .edit-form-btn--print:hover,
.k-window1.edit-form .edit-form-btn--print:focus {
    background-color: #013367;
    border-color: #013367;
    color: #fff;
    box-shadow: 0 2px 8px rgba(1, 51, 103, 0.2);
}

/* Access — Microsoft Office maroon */
.k-window1.edit-form .edit-form-btn--access {
    background-color: #a4373a;
    border: 1px solid #8f2f32;
    color: #fff;
    min-width: 140px;
}

.k-window1.edit-form .edit-form-btn--access:hover,
.k-window1.edit-form .edit-form-btn--access:focus {
    background-color: #8f2f32;
    border-color: #7a282b;
    color: #fff;
    box-shadow: 0 2px 8px rgba(164, 55, 58, 0.35);
}

/* Destructive action — shared with save/back/search variants */
.k-window1.edit-form .edit-form-btn--danger,
.command-bar--save-end .edit-form-btn--danger {
    background-color: #dc3545;
    border: 1px solid #bb2d3b;
    color: #fff;
}

.k-window1.edit-form .edit-form-btn--danger:hover,
.k-window1.edit-form .edit-form-btn--danger:focus,
.command-bar--save-end .edit-form-btn--danger:hover,
.command-bar--save-end .edit-form-btn--danger:focus {
    background-color: #b02a37;
    border-color: #a52834;
    color: #fff;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.28);
}

.k-window1.edit-form .d-grid .edit-form-btn {
    width: 100%;
    min-width: 0;
}

/* Vertical radio/choice list (rate picker, similar grouped options) */
.edit-form-choice-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edit-form-choice-list .form-check,
.k-window1.edit-form .edit-form-choice-list .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 6px;
}

.edit-form-choice-list .form-check:hover {
    background: #f7fafd;
}

.edit-form-choice-list .form-check:has(.form-check-input:checked) {
    background: #eef4fb;
    border-color: #d5e2f0;
}

.edit-form-choice-list .form-check-input,
.edit-form-choice-list .form-check.form-switch .form-check-input {
    appearance: none;
    -webkit-appearance: none;
    width: 2.5em !important;
    height: 1.25em !important;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    pointer-events: auto;
    border-radius: 2em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: #fff;
}

.edit-form-choice-list .form-check-input:checked,
.edit-form-choice-list .form-check.form-switch .form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
    background-position: left center;
}

.edit-form-choice-list .form-check-label {
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    color: #344767;
}

.k-window1.edit-form .edit-form-choice-list .form-check.form-switch {
    padding: 6px 10px;
    min-height: 36px;
}

.k-window1.edit-form.edit-form--dense .edit-form-choice-list .form-check.form-switch {
    padding: 4px 8px;
    min-height: 32px;
}

.k-window1.edit-form .table thead th {
    font-size: 13px;
    font-weight: 600;
    color: #23364d;
    white-space: nowrap;
}

.k-window1.edit-form .table .form-control,
.k-window1.edit-form .table .form-control-sm {
    min-width: 0;
}

.k-window1.edit-form .table .form-check-input[type="radio"] {
    width: 1.15em;
    height: 1.15em;
    margin: 0;
    cursor: pointer;
    accent-color: #013367;
}

.k-window1.edit-form .table td:has(> .form-check-input[type="radio"]) {
    width: 4.5rem;
}

.edit-form-highlight-card .command-bar {
    padding-top: 8px;
    margin-top: 0;
}

.edit-form-scroll-table {
    max-height: 500px;
    overflow: auto;
}

/* Sticky page actions — title + ثبت/بازگشت stay in view while lists scroll */
.edit-form-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    padding: 12px 16px;
    margin-block-end: 16px;
    background: #fff;
    border: 1px solid #d5e2f0;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(28, 54, 83, 0.08);
}

.edit-form-toolbar__title {
    margin: 0;
    min-width: 0;
    flex: 1 1 12rem;
    font-size: 16px;
    font-weight: 700;
    color: #013367;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-form-toolbar .command-bar,
.k-window1.edit-form .edit-form-toolbar .command-bar,
.k-window1.edit-form .edit-form-toolbar .command-bar.command-bar--save-end {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.k-window1.edit-form .input-group .form-control {
    min-height: 42px;
    height: 42px;
}

.input-group .edit-form-btn,
.k-window1.edit-form .input-group .edit-form-btn {
    min-width: 7.5rem;
    height: 42px;
    min-height: 42px;
}

.btn.edit-form-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    border-radius: 6px;
    line-height: 1;
    font-size: 18px;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.btn.edit-form-icon-btn--add {
    background-color: #198754;
    border: 1px solid #198754;
    color: #fff;
}

.btn.edit-form-icon-btn--add:hover,
.btn.edit-form-icon-btn--add:focus {
    background-color: #157347;
    border-color: #146c43;
    color: #fff;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.28);
}

.btn.edit-form-icon-btn--delete {
    background-color: #fff;
    border: 1px solid #dc3545;
    color: #dc3545;
}

.btn.edit-form-icon-btn--delete:hover,
.btn.edit-form-icon-btn--delete:focus {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.28);
}

.btn.edit-form-icon-btn:focus-visible {
    outline: 2px solid #013367;
    outline-offset: 2px;
}

/* Dual-list picker: equal-height panels, internal scroll, sticky header */
.edit-form-split-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 16px;
}

.edit-form-split-list__panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 20rem;
    min-width: 0;
    min-height: 0;
    max-height: min(640px, calc(100vh - 200px));
}

.edit-form-split-list__panel .edit-form-highlight-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
}

.edit-form-split-list__panel .edit-form-highlight-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px;
}

.edit-form-split-list__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.5rem;
    padding: 0 8px;
    border-radius: 999px;
    background: #013367;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.edit-form-split-list__body {
    flex: 1 1 auto;
    min-height: 240px;
    overflow: auto;
    overscroll-behavior: contain;
}

.edit-form-split-list__body thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: 1;
    background: #f7fafd;
}

.edit-form-split-list__empty {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 240px;
    padding: 24px 16px;
    color: #4a6278;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.edit-form-split-list__empty .bi {
    font-size: 28px;
    color: #7092be;
}

@media (max-width: 767.98px) {
    .edit-form-toolbar .command-bar,
    .k-window1.edit-form .edit-form-toolbar .command-bar {
        width: 100%;
    }

    .edit-form-toolbar .edit-form-btn,
    .k-window1.edit-form .edit-form-toolbar .edit-form-btn {
        flex: 1 1 auto;
    }

    .edit-form-split-list__panel {
        max-height: min(520px, calc(100vh - 160px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .edit-form-toolbar {
        box-shadow: none;
    }
}

/* Dense edit form — less vertical chrome, same controls */
.k-window1.edit-form.edit-form--dense {
    padding: 8px 12px;
    margin: 0 auto 80px;
}

.edit-form--dense .edit-form-context {
    padding: 8px 12px;
    margin-bottom: 8px;
}

.edit-form--dense .edit-form-context__value {
    font-size: 15px;
}

.edit-form--dense .form-label {
    margin-bottom: 4px;
}

.edit-form--dense .alert {
    font-size: 13px;
    line-height: 1.6;
}

.edit-form--dense .edit-form-choice-list .form-check,
.k-window1.edit-form.edit-form--dense .edit-form-choice-list .form-check {
    min-height: 32px;
    padding: 4px 8px;
}

.fee-config-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-bottom: 8px;
}

copy-fee-config {
    display: contents;
}

.fee-config-toolbar__context {
    margin: 0;
    padding: 6px 10px;
    flex: 0 1 auto;
}

.fee-config-toolbar__context .edit-form-context__value {
    font-size: 14px;
}

.fee-config-toolbar__field {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
}

.fee-config-toolbar__field .form-label {
    margin: 0;
    white-space: nowrap;
}

.fee-config-toolbar__field .k-dropdown-wrap,
.fee-config-toolbar__field .form-select {
    width: 200px;
    max-width: 200px;
}

.fee-config-toolbar__action {
    flex: 0 1 auto;
    min-height: 0;
}

.copy-fee-config__panel {
    flex: 1 1 100%;
    padding: 8px 10px;
    background: #f7fafd;
    border: 1px solid #d5e2f0;
    border-radius: 6px;
}

.edit-form--dense .edit-form-context.fee-config-toolbar__context {
    margin: 0;
    padding: 6px 10px;
}

.copy-fee-config__panel .edit-form-btn,
.k-window1.edit-form .copy-fee-config__panel .edit-form-btn {
    min-width: 120px;
    height: 38px;
}

.edit-form--dense .edit-form-highlight-card--compact .edit-form-highlight-card__header {
    padding: 8px 10px;
}

.edit-form--dense .edit-form-highlight-card--compact .edit-form-highlight-card__body {
    padding: 8px;
}

.edit-form--dense .edit-form-highlight-card--compact .edit-form-highlight-card__title {
    font-size: 14px;
}

/* Section card — matches load-picture / dashboard tone (not Bootstrap primary) */
.edit-form-highlight-card {
    border: 1px solid #dde4ee;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(28, 54, 83, 0.08);
    overflow: hidden;
}

.edit-form-highlight-card__header {
    padding: 14px 18px;
    border-bottom: 1px solid #e7edf5;
    background: linear-gradient(180deg, #f7fafd 0%, #f0f6fc 100%);
    text-align: center;
}

.edit-form-highlight-card__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #23364d;
    letter-spacing: 0.01em;
}

.edit-form-highlight-card--compact .edit-form-highlight-card__title {
    font-size: 16px;
}

.edit-form-highlight-card--compact .edit-form-highlight-card__header {
    padding: 12px 14px;
}

.edit-form-highlight-card--compact .edit-form-highlight-card__body {
    padding: 12px;
}

.edit-form-highlight-card__body {
    background: #fbfdff;
    padding: 18px;
    border-top: 3px solid #013367;
}

.edit-form-highlight-card .form-label {
    font-weight: 600;
    color: #1e2f45;
    font-size: 14px;
}

/* قرارداد غیرفعال در dropdown */
select option.option-inactive {
    color: #6c757d;
    background-color: #f0f0f0;
}

/* وضعیت فعال/غیرفعال در گرید */
.grid-status-check {
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    pointer-events: none;
    accent-color: #0d6efd;
}

/* دکمه‌های آیکونی عملیات گرید */
.grid-ops {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
    white-space: nowrap;
}

.grid-ops__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: #0d6efd;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.grid-ops__btn:hover {
    background-color: #e7f1ff;
    color: #0a58ca;
    text-decoration: none;
}

.grid-ops__btn--danger {
    color: #dc3545;
}

.grid-ops__btn--danger:hover {
    background-color: #fde8ea;
    color: #b02a37;
}

.grid-ops__btn .bi {
    font-size: 15px;
    line-height: 1;
}

/* مسیر سازمانی قرارداد: شعبه › نماینده › بیمه‌گذار */
.contract-org-path {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
    line-height: 1.45;
}

.contract-org-path__sep {
    margin: 0 6px;
    color: #94a3b8;
    font-weight: 600;
}

.contract-org-path__item {
    color: #475569;
}

.contract-org-path__item--main {
    color: #0f172a;
    font-weight: 600;
}

/* Insurance certificate editor — scoped Bootstrap card layout */
.k-window1.edit-form.insurance-certificate-editor {
    width: 100%;
    max-width: 1320px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.insurance-certificate-editor .container-fluid {
    max-width: 1280px;
    padding-inline: 24px;
}

.insurance-certificate-editor .ic-form-alert {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-block-start: 16px;
    border-color: var(--bs-warning-border-subtle);
    color: var(--bs-warning-text-emphasis);
    background-color: var(--bs-warning-bg-subtle);
    font-size: 14px;
    line-height: 1.75;
}

.insurance-certificate-editor .ic-form-alert:empty {
    display: none;
}

.insurance-certificate-editor .ic-wizard-panel {
    display: block;
    margin-block-end: 24px;
    overflow: visible;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    background-color: var(--bs-body-bg);
    box-shadow: var(--bs-box-shadow-sm);
}

.insurance-certificate-editor .ic-wizard-panel__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 16px 24px;
    border-block-end: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
    background-color: var(--bs-tertiary-bg);
}

.insurance-certificate-editor .ic-wizard-panel__heading-num {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--bs-primary);
    color: var(--bs-white);
    font-size: 14px;
    font-weight: 700;
}

.insurance-certificate-editor .ic-wizard-panel__heading-copy {
    min-width: 0;
}

.insurance-certificate-editor .ic-wizard-panel__heading-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--bs-emphasis-color);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-wrap: balance;
}

.insurance-certificate-editor .ic-wizard-panel__heading-text .bi {
    color: var(--bs-primary);
    font-size: 18px;
}

.insurance-certificate-editor .ic-wizard-panel__heading-description {
    margin: 2px 0 0;
    color: var(--bs-secondary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.insurance-certificate-editor .ic-wizard-panel__body {
    padding: 24px 24px 8px;
}

.insurance-certificate-editor .ic-wizard-panel__body > .row {
    margin-block-end: 0 !important;
}

.insurance-certificate-editor .ic-wizard-panel__body > .row > [class*="col-"] {
    margin-block-end: 16px !important;
}

.insurance-certificate-editor .form-label {
    margin-block-end: 8px;
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.insurance-certificate-editor .form-control,
.insurance-certificate-editor .form-select,
.insurance-certificate-editor .select2-container .select2-selection--single,
.insurance-certificate-editor .select2-container .select2-selection--multiple {
    min-height: 44px;
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
}

.insurance-certificate-editor .form-control:focus,
.insurance-certificate-editor .form-select:focus,
.insurance-certificate-editor .dropdown-with-add:focus-within .button-icon-add,
.insurance-certificate-editor .select2-container:focus-within .select2-selection {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.insurance-certificate-editor .form-control:disabled,
.insurance-certificate-editor .form-select:disabled,
.insurance-certificate-editor .select2-container--disabled .select2-selection {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-secondary-color);
    cursor: not-allowed;
    opacity: 1;
}

.insurance-certificate-editor textarea.form-control {
    min-height: 88px;
    max-height: none;
    line-height: 1.75;
}

.insurance-certificate-editor textarea.ic-drivers-description {
    min-height: 104px;
}

.insurance-certificate-editor .select2-container {
    min-width: 0;
    max-width: 100%;
}

.insurance-certificate-editor .select2-container .select2-selection--single {
    height: 44px !important;
}

.insurance-certificate-editor .select2-container .select2-selection--multiple {
    max-height: none;
    padding-block: 4px;
}

.insurance-certificate-editor .select2-container .select2-search--inline .select2-search__field {
    min-height: 28px;
    height: 28px;
    margin-block-start: 0;
    color: var(--bs-body-color);
}

.insurance-certificate-editor .dropdown-with-add {
    align-items: stretch !important;
}

.insurance-certificate-editor .button-icon-add {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0;
    padding: 0;
    border-radius: var(--bs-border-radius-pill) !important;
    box-shadow: none;
    font-size: 16px;
    touch-action: manipulation;
}

.insurance-certificate-editor .button-icon-add:focus-visible,
.insurance-certificate-editor .ic-wizard-btn:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.insurance-certificate-editor .ic-choice-group,
.insurance-certificate-editor .form-check {
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
}

.insurance-certificate-editor .form-check-input,
.insurance-certificate-editor .form-check-label {
    cursor: pointer;
}

.insurance-certificate-editor .numberInLetter,
.insurance-certificate-editor .ic-readonly-value {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    overflow-wrap: anywhere;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}

.insurance-certificate-editor .numberInLetter label,
.insurance-certificate-editor .ic-readonly-value label {
    margin: 0;
}

.insurance-certificate-editor .command-bar {
    justify-content: flex-start;
    padding: 16px;
    margin-block-start: 8px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-tertiary-bg);
}

.insurance-certificate-editor .command-bar .edit-form-btn {
    min-width: 144px;
    height: 44px;
    gap: 8px;
    border-radius: var(--bs-border-radius);
    font-size: 14px;
    font-weight: 700;
    touch-action: manipulation;
}

@media (max-width: 767.98px) {
    .insurance-certificate-editor {
        margin-block-start: 0;
        margin-block-end: 80px;
    }

    .insurance-certificate-editor .container-fluid {
        padding-inline: 12px;
    }

    .insurance-certificate-editor .ic-wizard-panel__heading {
        padding: 12px 16px;
    }

    .insurance-certificate-editor .ic-wizard-panel__heading-description {
        display: none;
    }

    .insurance-certificate-editor .ic-wizard-panel__body {
        padding: 16px 16px 0;
    }

    .insurance-certificate-editor .command-bar {
        flex-direction: column;
    }

    .insurance-certificate-editor .command-bar .edit-form-btn {
        width: 100%;
    }
}

body.ct-mobile-company.ic-wizard-scroll .insuranceCertificateEdit .insurance-certificate-editor .ic-wizard-panel {
    padding: 0;
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    background-color: var(--bs-body-bg);
    box-shadow: var(--bs-box-shadow-sm);
}

body.ct-mobile-company.ic-wizard-scroll .insuranceCertificateEdit .insurance-certificate-editor .ic-wizard-panel__heading {
    margin: 0;
    border-block-end-color: var(--bs-border-color);
}

body.ct-mobile-company .insuranceCertificateEdit .insurance-certificate-editor .button-icon-add {
    flex-basis: 44px;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

@media (prefers-reduced-motion: reduce) {
    .insurance-certificate-editor *,
    .insurance-certificate-editor *::before,
    .insurance-certificate-editor *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}