﻿/*@font-face {
    font-family: 'Yekan';
    src: url( '/admin/assets/fonts/Yekan.eot' );
    src: url( '/admin/assets/fonts/Yekan.eot?#iefix' ) format( 'embedded-opentype' ), url( '/admin/assets/fonts/Yekan.woff2' ) format( 'woff2' ), url( '/admin/assets/fonts/Yekan.woff' ) format( 'woff' ), url( '/admin/assets/fonts/Yekan.ttf' ) format( 'truetype' ), url( '/admin/assets/fonts/Yekan.svg#Yekan' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: "Yekan";
    font-style: normal;
    src: url("/template/sodoorParvane/fonts/IRANSans/eot/IRANSansWeb(FaNum).eot");
    src: url("/template/sodoorParvane/fonts/IRANSans/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),*/
    /* FF39+,Chrome36+, Opera24+*/
    /*url("/template/sodoorParvane/fonts/IRANSansWeb/IRANSansWeb.woff") format("woff"),*/
/*}*/

@font-face {
    font-style: normal;
    font-family: 'Yekan';
    src: url("/template/sodoorParvane/fonts/IRANSans/eot/IRANSansWeb(FaNum).eot");
    src: url("/template/sodoorParvane/fonts/IRANSans/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),
    /* FF39+,Chrome36+, Opera24+*/
    url("/template/sodoorParvane/fonts/IRANSans/woff/IRANSansWeb(FaNum).woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("/template/sodoorParvane/fonts/IRANSans/ttf/IRANSansWeb(FaNum).ttf");
    /*src: url('/Font/BYEKAN.TTF') format('truetype');*/
}


/*@font-face {
    font-family: 'Yekan';
    font-size: 25pt;
    src: url("/template/sodoorParvane/fonts/IRANSansWeb/IRANSansWeb.eot");
    src: url("/template/sodoorParvane/fonts/IRANSansWeb/IRANSansWeb.eot?#iefix") format("embedded-opentype"),*/
    /* FF39+,Chrome36+, Opera24+*/
    /*url("/template/sodoorParvane/fonts/IRANSansWeb/IRANSansWeb.woff") format("woff"),*/
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url("/template/sodoorParvane/fonts/IRANSansWeb/IRANSansWeb.ttf");*/
    /*src: url('/Font/BYEKAN.TTF') format('truetype');*/
/*}*/

.table-hover > tbody > tr:hover {
    background-color: #e0fffc !important;
}

.table {
    margin-bottom: 160px;
}

.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 0;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    padding: 2px 1px;
}

.table-dropdown-menu {
    position: relative;
    display: inline-block;
}

.table-dropdown-menu-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 21px;
    border-radius: 5px;
    transition: all .5s;
    padding: 7px 0;
    text-align:right;
}
.modal-header{
background-color: #f7f7f7;
padding-bottom: 10px !important;
}

    .table-dropdown-menu-content .disable {
        color: gray !important;
        pointer-events: none !important;
    }

        .table-dropdown-menu-content .disable svg {
            fill: gray !important;
            pointer-events: none !important;
        }


    .table-dropdown-menu-content svg {
        fill: #000;
        width: 17px;
        height: 17px;
    }

    .table-dropdown-menu-content span {
        font-size: 12px;
    }

    .table-dropdown-menu-content a {
        color: black;
        padding: 9px 12px;
        text-decoration: none;
        display: block;
        border-radius: 5px;

        margin: 0 auto;
        width: 90%;
    }

        .table-dropdown-menu-content a:hover {
            background-color: #beddcf;
            width: 90%;
        }

.table-dropdown-menu:hover .table-dropdown-menu-content {
    display: block;
}

.table-dropdown-menu:hover .dropbtn {
    background-color: #3e8e41;
}



.mini-form input[type="text"] {
    width: 200px;
    height: 20px;
    padding-right: 50px;
}

.mini-form input[type="submit"] {
    margin-left: -50px;
    height: 25px;
    width: 50px;
    background: blue;
    color: white;
    border: 0;
    -webkit-appearance: none;
}


lstarray[currentindex].AnswerId = optionChosen;
.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    font-family: Yekan, sans-serif !important;
}

.form-control option {
    font-size: 13px !important;
}

body {
    font-size: .875rem;
    font-family: Yekan, sans-serif;
}

.card-text {
    font-size: .8rem;
    font-family: Yekan, sans-serif;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.main_card {
    justify-content: right;
}

@media (max-width: 768px) {
    .main_card {
        justify-content: center;
    }
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    /*rtl:raw:*/
    right: 0;
    bottom: 0;
    /* rtl:remove */
    /*left: 0;*/
    z-index: 100; /* Behind the navbar */
    padding: 0 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 0rem;
    }

    header {
        display: flex !important;
        justify-content: end !important;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

    .sidebar .nav-link .feather {
        margin-right: 4px;
        color: #727272;
    }

    .sidebar .nav-link.rgc-breadcrumb-active {
        color: #2470dc;
    }

#sidebarMenu span, #sidebarMenu svg {
    /*color: #fff;*/
}

#sidebarMenu svg {
    margin-left: 4px;
    fill: #5e5e5e;
    flex-shrink: 0;
}


.sidebar .nav-link:hover .feather,
.sidebar .nav-link.rgc-breadcrumb-active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .45rem;
    padding-bottom: .45rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

    .form-control-dark:focus {
        border-color: transparent;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
    }

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.table tr b svg {
    cursor: pointer;
}

.tags-input-wrapper {
    background: transparent;
    padding: 10px;
    border-radius: 4px;
    /*max-width: 400px;*/
    border: 1px solid #ccc
}

    .tags-input-wrapper input {
        border: none;
        background: transparent;
        outline: none;
        width: 140px;
        margin-left: 8px;
    }

    .tags-input-wrapper .tag {
        display: inline-block;
        background-color: #0d6efd;
        color: white;
        border-radius: 40px;
        padding: 3px 9px 0px 7px;
        margin-right: 5px;
        margin-bottom: 5px;
        /*box-shadow: 0 5px 15px -2px rgba(250, 14, 126, .7)*/
    }

        .tags-input-wrapper .tag a {
            margin: 0 7px 3px;
            display: inline-block;
            cursor: pointer;
        }


.show-tooltip {
    position: relative;
    display: inline-block;
}

    .show-tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .show-tooltip:hover .tooltiptext {
        visibility: visible;
    }

.nav-item {
    list-style-type: none;
}


/*  ----------- ---    modal    */
/* سبک اولیه دکمه */
.modal-grid .btn {
    position: relative;
    cursor: pointer;
}

/* طراحی tooltip */
.modal-grid .tooltip-custom {
    visibility: hidden;
    background-color: #565e64a6;
    color: #fff;
    text-align: center;
    padding: 1px 5px;
    border-radius: 5px;
    position: absolute;
    top: -23px; /* تنظیم مکان tooltip */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1000;
    font-size: 10px;
    opacity: 0;
    transition: opacity 0.3s;
}

/* نمایش tooltip در حالت hover */
.modal-grid .btn:hover .tooltip-custom {
    visibility: visible;
    opacity: 1;
}

.modal-grid .grid-container {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0 12px;
}

    /* حذف border-bottom از آخرین سطر */
    .modal-grid .grid-container .row:not(:last-child) {
        border-bottom: 1px solid #dee2e6; /* مرز بین سطرها */
    }

/*--------------------------------------------*/
.rgc-form-group > .form-control, .rgc-form-group > .form-select {
    height: calc(2.5rem + 2px) !important;
}

.rgc-form-group-textarea > label {
    padding: 0 !important;
    margin-bottom: .5rem;
}

.rgc-datepicker, .rgc-select2-body .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    height: calc(2.5rem + 2px) !important;
    border-radius: .25rem !important;
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
}

    .rgc-select2-body .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100% !important;
    }

.rgc-datepicker, .rgc-select2-body .select2-container {
    margin-bottom: 21px !important;
}

.rgc-select2-body .field-validation-error span {
    margin-left: 8px;
}

.rgc-select2-body .control-label, .rgc-form-group .form-label {
    margin-bottom: 0.4rem !important;
}

.rgc-nav .nav-link {
    padding: .6rem .2rem!important;
}


.btn-style {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    background-color: #402E7A;
}

    .btn-style svg {
        height: 16px;
        /*    width: 16px;*/
        fill: #fff;
        display: block; /* اطمینان از تراز وسط */
    }

.rgc-tooltip {
    position: relative;
    display: inline-block;
}

    .rgc-tooltip .rgc-tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #313131ba;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
        font-size: 12px;
        bottom: 125%; /* تغییر مکان tooltip */
    }

    .rgc-tooltip:hover .rgc-tooltiptext {
        visibility: visible;
    }

.modal-footer {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

/*--------------------------------------------*/
.rgc-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

    .rgc-btn svg {
        flex-shrink: 0 !important;
        height: 17px !important;
    }

/*-----------------rgc-breadcrumb---------------------*/
.rgc-breadcrumb {
    /* مرکز کردن */
    display: inline-block;
/*    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
/*    overflow: hidden;*/
    border-radius: 5px;
    direction: rtl; /* تغییر جهت به راست‌چین */
    counter-reset: flag; /* برای استفاده از شمارشگرها */
}

    .rgc-breadcrumb a {
        text-decoration: none;
        outline: none;
        display: block;
        float: right; /* تغییر جهت به راست */
        font-size: 12px;
        line-height: 36px;
        color: white;
        padding: 0 30px 0 10px; /* تغییر padding برای راست‌چین */
        background: #e9ecef !important;
        position: relative;
        margin-bottom: 5px;
        border: 1px solid #dee2e6;
    }

        .rgc-breadcrumb a.active,.rgc-flat a.active::after {
            background: #9EEB62 !important;
        }

        .rgc-breadcrumb a:first-child:before {
            right: 14px; /* تغییر مکان شمارشگر به راست */
        }

        .rgc-breadcrumb a:last-child {
            border-radius: 5px 0 0 5px; /* تغییر گوشه‌ها برای راست‌چین */
            padding-left: 20px;
        }

        .rgc-breadcrumb a:after {
            content: '';
            position: absolute;
            top: 2px;
            left: -18px; /* تنظیم مکان به چپ برای راست‌چین */
            width: 33px;
            height: 33px;
            transform: scale(0.707) rotate(-45deg); /* چرخش فلش به سمت راست */
            z-index: 1;
            background: #666;
            background: linear-gradient(135deg, #666, #333);
            box-shadow: -2px -2px 0 2px rgba(0, 0, 0, 0.4), -3px -3px 0 2px rgba(255, 255, 255, 0.1); /* تغییر سایه‌ها برای راست‌چین */
            border-radius: 5px 0 50px 0; /* گرد کردن فلش‌ها برای راست‌چین */
        }

        .rgc-breadcrumb a:last-child:after {
            content: none;
        }

/* استایل rgc-flat */
.rgc-flat a, .rgc-flat a:after {
    background: #e9ecef !important;
    color: black;
    transition: all 0.5s;
}

    .rgc-flat a:before {
        background: white;
        box-shadow: 0 0 0 1px #ccc;
    }

 /*   .rgc-flat a:hover, .rgc-flat a.active,
    .rgc-flat a:hover:after, .rgc-flat a.active:after {
        background: #9EEB62;
    }*/

/*-----------------rgc-breadcrumb---------------------*/

.rgc-card {
    text-decoration:none;
    width: 100%;
    color: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    padding: 1rem!important;
}

.rgc-card svg {
    height: 1.5rem;
    fill: #fff;
}

    .side-section {
    background-color: #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);*/
}

.notify-section {
    background: #e9ecef;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 17%);
}

    .notify-section .notify-img {
        height: 2rem;
        fill: #ff6b4a;
    }

    .notify-section .notify-img, .notify-section svg, .notify-section span {
        flex-shrink: 0;
    }

.notify-title {
    display: inline-block; /* برای سازگاری با span */
    max-width: 400px; /* عرض مورد نظر برای نمایش متن */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

        /*---------------analog-clock-----------------*/
        .side-section .clockbox, .side-section #clock {
    width: 100%;
}

/* Clock styles */
.side-section .circle {
    fill: none;
    stroke: #000;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.side-section .mid-circle {
    fill: #000;
}

.side-section .hour-marks {
    fill: none;
    stroke: #000;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.side-section .hour-hand {
    fill: none;
    stroke: #000;
    stroke-width: 17;
    stroke-miterlimit: 10;
}

.side-section .minute-hand {
    fill: none;
    stroke: #000;
    stroke-width: 11;
    stroke-miterlimit: 10;
}

.side-section .second-hand {
    fill: none;
    stroke: #000;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

/* Transparent box ensuring arms center properly. */
.side-section .sizing-box {
    fill: none;
}

/* Make all arms rotate around the same center point. */
.side-section #hour,
.side-section #minute,
.side-section #second {
    transform-origin: 300px 300px;
    transition: transform .5s ease-in-out;
}
/*---------------analog-clock-----------------*/

/* Card 1 */
.card1 {
    background: #402E7A;
}

/* Card 2 */
.card2 {
    background: #4C3BCF;
}

/* Card 3 */
.card3 {
    background: #4B70F5;
}

/* Card 4 */
.card4 {
    background:#3DC2EC;
}

/* Card 5 */
.card5 {
    background: #3795BD
}

/* Card 6 */
.card6 {
    background: #088395
}

.rgc-card:hover {
    color: #e9ecef !important;
}

.rgc-navbar img {
    height: 2.6rem !important;
}

#sidebarMenuItem ul li a {
    display: flex !important;
    align-items: end;
}


.seraghamSpan {
    text-align: left;
    position: absolute;
    width: inherit;
    padding-left: 35px;
}


.accordion-button {
    background-color: #bae2f1;
    color: #212529;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #e9ecef;
    color: #000;
}

.accordion-item {
    border: 1px solid #cddce1;
    border-radius: 6px;
    margin-bottom: 8px;
}

.accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

















.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: #198754 !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: #dc3545 !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-primary:focus, .link-primary:hover {
        color: RGBA(10,88,202,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important
    }

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-secondary:focus, .link-secondary:hover {
        color: RGBA(86,94,100,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important
    }

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important;
}

.tooltip-inner {
    font-family: 'Yekan';
}

.gozareshContainer .fileItem {
    width: calc(50% - 40px);
    margin-top: 15px;
}

@media (max-width: 700px) {
    .gozareshContainer .fileItem {
        width: calc(100% - 82px) !important;
    }

    #TopPageTimer {
        display: none !important;
    }
}


.k-editable-area body{
    font-family: 'Yekan' !important;
    font-size: 16px;
    color:red;
}

.k-iframe body{
    font-family: 'Yekan' !important;
    font-size: 16px;
}