@import url('mat-shadow.css');
@import url('/assets/bootstrap/v5.3.2/css/bootstrap.rtl.min.css');
@import url('/assets/css/ringAnimate.css');
@import url('/lib/fontawesome/v6pro/css/all.css');
/*@import url('icon.css');*/
@import url('font-family.css');
@import url('Selectpicker.css');

.font-family-en {
    font-family: Tahoma;
    font-size: 90%;
}
.table-responsive {
     overflow-x: unset !important; 
}

.wrapper {
    position: relative;
    height: 100vh;
    top: 0;
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 260px;
    height: 100%;
    max-height: 100%;
    z-index: 100;
    transition: all .3s linear
}

    .sidebar .logo {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        z-index: 4;
    }

        .sidebar .logo a {
            text-decoration: none;
            transition: all .3s linear;
        }

        .sidebar .logo:after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 15px;
            height: 1px;
            width: calc(100% - 30px);
            background-color: hsla(0,0%,71%,.3);
        }


    .sidebar .sidebar-background {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: 50%;
    }

        .sidebar .sidebar-background:after {
            position: absolute;
            z-index: 3;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            background: #000;
            opacity: .8;
        }

    .sidebar .sidebar-wrapper {
        position: relative;
        height: calc(100vh - 75px);
        overflow-y: auto;
        overflow-x: hidden;
        width: 260px;
        z-index: 4;
        padding-bottom: 30px;
        transition: all .3s linear
    }

    .sidebar .nav {
        flex-wrap: wrap;
        margin-top: 15px;
        padding-right: 10px;
    }

        .sidebar .nav .nav {
            border-right: 1px solid #a7a7a7;
            background-color: rgba(60,60,60, 0.3);
        }


        .sidebar .nav li {
            width: 100%;
        }

            .sidebar .nav li.active a {
                background-color: rgba(255, 255,255, 0.12);
            }

            .sidebar .nav li a:hover {
                background-color: rgba(255, 255,255, 0.03);
            }

            .sidebar .nav li a {
                color: #3c4858;
                position: relative;
            }


                .sidebar .nav li a p {
                    color: #ccc;
                }

                .sidebar .nav li a:hover p {
                    color: white;
                    transform: scale(1.22);
                }

                .sidebar .nav li a .icon {
                    transition: all .15s ease 0s;
                    vertical-align: middle;
                }

                .sidebar .nav li a:hover .icon {
                    color: white !important;
                    transform: scale(1.2);
                }


            .sidebar .nav li.active a p,
            .sidebar .nav li.active a .icon {
                color: #ffc107 !important;
            }

            .sidebar .nav li.active a .icon {
                font-weight: bold;
                transform: scale(1.2);
            }

        .sidebar .nav .caret {
            color: #ccc;
            position: absolute;
            /*left: 0px;*/
            top: 20px;
            transition: all .15s ease-in;
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }




    .sidebar a[aria-expanded=true] .caret {
        transform: rotate(-180deg);
    }




    .sidebar ::-webkit-scrollbar {
        width: 9px;
        height: 9px;
    }

    .sidebar ::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar ::-webkit-scrollbar-thumb {
        background: #6d6d6d;
    }

        .sidebar ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.main-panel {
    min-height: 100%;
    position: relative;
    float: left;
    width: calc(100% - 260px);
    transition: all .3s linear;
    background-color: #e8e8e8;
}

    .main-panel .ltr-dropdown {
        left: 0;
        right: unset;
    }


@media (min-width:991px) {


    .sidebar-mini .main-panel {
        width: calc(100% - 80px);
    }

    .sidebar-mini .sidebar {
        overflow-x: hidden;
    }

        .sidebar-mini .sidebar:hover,
        .sidebar-mini .sidebar:hover .sidebar-wrapper {
            width: 260px;
        }


        .sidebar-mini .sidebar,
        .sidebar-mini .sidebar .sidebar-wrapper {
            width: 80px;
        }

            .sidebar-mini .sidebar .logo a.logo-normal {
                transform: translateX(25px);
                opacity: 0;
            }

            .sidebar-mini .sidebar .nav li p {
                opacity: 0;
                transition: all .3s linear
            }

            .sidebar-mini .sidebar:hover .nav li p,
            .sidebar-mini .sidebar:hover .logo a.logo-normal {
                opacity: 1;
                transition: all .3s linear
            }
}



@media (max-width:991px) {

    body {
        position: relative;
        overflow-x: hidden;
    }

    .main-panel {
        width: 100%;
    }

    .nav-open .main-panel {
        /*transform: translate3d(-260px,0,0);*/
    }


    .main-panel,
    .navbar-collapse {
        transition: all .33s cubic-bezier(.685,.0473,.346,1);
    }

    .sidebar {
        /*transform: translateX(260px);*/
        transform: translate3d(260px,0,0);
        transition: all .33s cubic-bezier(.685,.0473,.346,1);
    }

    .nav-open .sidebar {
        transform: translateZ(0);
    }
}




.dropdown-item {
    text-align: right;
}


.blur-1 {
    -moz-filter: blur(0.05rem);
    -ms-filter: blur(0.05rem);
    -webkit-filter: blur(0.05rem);
    filter: blur(0.05rem);
}

.blur-2 {
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.card {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    border: none;
}

.card-footer {
    background-color: white;
    border: none;
    border-radius: 8px;
}

a {
    text-decoration: none !important;
}

th {
    border-color: #dedede !important;
    vertical-align: middle;
}

td {
    border-color: #f5f5f5 !important;
    vertical-align: middle;
}

.dropdown-toggle::after {
    vertical-align: middle;
}

.form-check-input:not(.normal-form-check-input) {
    width: 1.5em;
    height: 1.5em;
    margin-top: unset;
}

.form-check .form-check-input {
    margin-right: -1.9em;
}


/*Hamed*/

label.required:before {
    content: '*';
    color: #dc3545;
    margin-left: .25rem;
}

/*.form-check.regular {
    padding-right: unset !important;
    display: grid;
}*/

    .form-check.regular .form-check-input {
        float: unset !important;
        margin-right: unset !important;
    }

.remove-before-after:before, .remove-before-after:after {
    display: none !important
}

.cursor-pointer {
    cursor: pointer;
}

.background-upload {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}