@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face
{
    font-family:'myyekan';
    src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face
{
    font-family:'myyekan-number';
    src: url('../fonts/yekannumbers-regular.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/yekannumbers-regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekannumbers-regular.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
*:not(i){
    font-family: 'myyekan', 'Myriad Pro', serif !important;
    /*font-size: 13px;!important;*/
    direction: rtl;
}

*,
::before,
::after{
    box-sizing: border-box;
}
body{
    /*font-family: 'myyekan','myyekan-number',"Myriad Pro",Tahoma;*/
    font-size: 13px !important;
    opacity: 1;
    overflow-y: scroll;
    margin: 0;
}
a{
    cursor: pointer;
    text-decoration: none;
}
li{
    list-style: none;
}
.wrapper{
    align-items: stretch;
    display: flex;
    width: 100%;
}
#sidebar{
    max-width: 264px;
    min-width: 264px;
    background-color: var(--bs-gray-600);

    transition: all 0.35s ease-in-out;
}

.sidebar-logo{
    padding: 1.15rem;
    text-align: center;
}
.sidebar-logo a{
    color: var(--bs-gray-200);
    font-size: 1.15rem;
    font-weight: 600;
}
a img{
    margin: 0 auto;
}

.sidebar-item{
    font-size: 1rem;
    font-weight: bold;
    position: relative;
}
.sidebar-item a,img{
    color: var(--bs-gray-200);
}

.sidebar-subitem{
    font-size: .9rem;
    font-weight: normal;
    display: block;
}
a.sidebar-sublink{
    width: 100%;
    padding: .625rem 1.625rem;
    color: var(--bs-info-bg-subtle);
    position: relative;
    display: inline-block;
    font-size: .875rem;
}
.sidebar-sublink::before{
    content: "";
    padding: 0 .5rem;
    display: inline-block;
}

a.sidebar-link{
    padding: .625rem 1.625rem;
    color: var(--bs-info);
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: .875rem;
}
.sidebar-link:hover  , .sidebar-sublink:hover{
    border: solid 1px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}

.avatar{
    height: 40px;
    width: 40px;
    background-color: rgba(233, 236, 239, 0.97);
}
div .navbar{
    padding: 1px;
}
.navbar.navbar-expand{

    background-color: slategray;
}
.navbar-expand .navbar-nav{
    margin-right: auto;
}
.navbar-expand .dropdown-menu{
    min-width: fit-content;
    background-color: var(--bs-info-bg-subtle);
}
.navbar-expand .dropdown-menu a{
    padding: .2rem 2rem;
}
.navbar-expand .dropdown-menu a:hover{
    background-color: var(--bs-info);
    transition: .2s all ease-in-out;
}
.sidebar-subitem .active{
    border: solid 1px;
    border-radius: 5px;
}


.sidebar-link::after{
    border: solid;
    border-width: 0 0 .15rem .15rem;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    top: 1.5rem;
    left: 1.4rem;
    transform: rotate(-45deg);
    transition: all .3s ease-out;
}
.sidebar-link.collapsed::after{
    transform: rotate(45deg);
    transition: .2s ease-out;
}


.sidebar-item:has(.show)>a::after{
    transform: rotate(-45deg);
    transition: .2s ease-out;
}

.card{
    border: 2px solid black;
    margin-bottom: 10px;
}
.card-header{
    /*background-color: #1ABC9C;*/
    background: #d9b062!important;
    color: #fff!important;
}
.card-body{
   color: #243665;
    background-color: #fff;
    padding: 5px;
}
.path{
    background: #ECF0F1;
    border: #0d1326 solid 1px;
    border-radius: 3px;
    color: #b21927;
    padding: 8px;
    display: block;
    font-size: 0.9rem;
    margin: 4px;
}
.path a{
    list-style: none;
    color: #1b264c;
}
.path a:hover{
    color: #fff;
    transition: all ease-in-out .3s;
}
.fieldshow{
    border: black solid 1px;
    border-radius: 6px;
    font-size: 1.1rem;
    padding: 0;
    height: fit-content;
    margin-left: 3px;
}
.fieldshow-header{
    display: inline-block;
    font-weight: bold;
    background: #16A085;
    color: #fff;
    padding: 5px;
    height: 100%;
}
.fieldshow-text{
    display: inline-block;
    height: 20px;
}
td{
    background-color: inherit!important;
}
.bg-table-danger{
    background-color: #f5a4a4!important;
}
.bg-table-primary{
    background-color: #b6b6f5!important;
}
.bg-table-success{
    background-color: #a4efa4!important;
}
.bg-table-orange{
    background-color: #d7aa6e!important;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}