/*My Defenitions*/
.jsoft-logo {
    width: 100% !important;
    max-width: 200px;
    max-height: 200px;
}



.bold {
}
/*
.bg-black{
    background-color:#505050 !important;
}

.text-white{
    color:white;
}
*/


table {
    background-color: #fff;
}



th {
    text-align: center;
    vertical-align: middle !important;
}

td {
    vertical-align: middle !important;
}

a {
    transition: all ease-in-out 0.3s;
}

.card > a > img {
    transition: all ease-in-out 0.3s;
}

    .card > a > img:hover {
        transform: scale(1.2,1.2);
        transition: all ease-in-out 0.2s;
    }

a:hover {
    /*transform:scale(1.05,1.05);*/
    transition: all ease-in-out 0.1s;
}


.chart-container {
    border: 1px solid gray;
    padding: 10px;
    height: 300px;
    border-radius: 4px;
}

.chart-container2 {
    border: 1px solid gray;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    height: 500px;
}




body {
    direction: rtl;
    font-family: SiteFont,'B Homa';
    /*background: linear-gradient(to left top, #2d2c72, #4ceeb5) fixed;*/
    /*background-color: #DF9999;*/
    /*background-color: #413f41;*/
    /*background: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);*/
    /*background-image: url('../Images/Logo/bg-pattern.png');
    background-repeat: repeat;
    background-size: 30px;*/
    font-size: 0.9rem;
}

.body-back-dark {
    background-color: var(--color-bg-dark);
}

.body-back-light {
    background-color: var(--color-bg-light);
}



.table-non-padding > thead > tr > th,
.table-non-padding > tbody > tr > th,
.table-non-padding > tfoot > tr > th,
.table-non-padding > thead > tr > td,
.table-non-padding > tbody > tr > td,
.table-non-padding > tfoot > tr > td {
    padding: 0px;
}







/*Light and Dark THeme*/
#btn-dark-panel {
    width: 50px;
    height: 25px;
    border-radius: 25px;
    margin-top: 7px;
    /*display: flex;
            align-items: center;*/
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    color: white;
    /*position: absolute;
            top: 30px;
            right: 0;*/
    font-size: 1.2rem;
    cursor: grab;
}

/*Light and Dark THeme*/




/*########### Scrool Bar ##########################*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: red;
    }

.scrollable {
    height: 500px;
    overflow: auto;
    display: block;
}

#scroll-div {
    padding-right: 0.5rem;
}
/*###############################*/