@import url("animate.css");
@import url("public.css");
@import url("light.css");

@font-face{
    font-family: 'ChangaMedium';
    src: url(fonts/Changa-Medium.ttf);
}
:root, [data-bs-theme=light] {
    --align:right;
    --direction:rtl;
    --DefaultColor:#1d2327;
    --DefaultColorHoover:#2c3338;
    --ButtonsAndLinks:#2271b1;
    --ButtonsAndLinksHoover:#72aee6;
    --bs-body-color:#2c3946 !important;
    --bs-dark:#2c3946 !important;
    --bs-dark-rgb: 33, 37, 41 !important;

}
*:focus{
    box-shadow: none !important;
}
/*
 primary colors
*/
body{
    /*background-color: #f0f0f1;*/
    background-color: var(--bs-secondary-bg);
}
select,option,h1,h2,h3,h4,h5,h6,label{
    user-select: none !important
}
.btn{
    border-radius: 4px !important;
}
.btn-primary{

}
.dropdown-menu{
    max-height: 80vh !important;
    overflow-y: auto !important;
    min-width: 100% !important;
}
.SideBar {
    min-width: 300px;
    height: 100%;
    background-color: var(--bs-body-color) !important;
}
.SideBar .SideBar-link-item{
    color: var(--bs-secondary-bg) !important;
    position:relative;
}
.SideBar .SideBar-link-item:hover, .SideBar .SideBar-link-item.active{
    background-color: var(--bs-body-color) !important;
}
.SideBar-link-item.p-2.active:after {
    content:"";
    display:block;
    position:absolute;
    border:8px #ffffff00 solid;
    border-left:8px var(--bs-body-bg) solid;
    width:8px;
    height:8px;
    left:0px;
    top:16px
}
.SideBar .SideBar-link-icon{
    min-width: 22px;
    display: inline-block;
    text-align: center;
}
.SideBar .SideBar-link-text{
    display: inline-block;
    text-align: center;
}
.SideBar .SideBar-sub-link{
    transition: all 0.2s ease;
    color: var(--bs-light);
}
.SideBar .SideBar-sub-link:hover{
    color: var(--bs-primary);
}

.RowsFilter {
}
.posts_filter:hover, .RowsFilter:hover {
    background-color: var(--bs-body-bg);
}
.RowsFilter:has(input:checked){
    background-color:var(--bs-body-bg);
}
.posts_filter {
}
.user-nav-dropdown .dropdown-toggle:after{
    display: none !important;
}
.no-dropdown-arrow:after{
    display: none !important;
}
.form-check-input{
    vertical-align: text-top !important;
}


@-webkit-keyframes InfiniteRotate{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes InfiniteRotate{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
.InfiniteRotate{

}
.async_filter:hover .InfiniteRotate{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name:InfiniteRotate;
    animation-name:InfiniteRotate;
}
.async_filter .InfiniteRotate{
    height: 20px;
}
.form_post_filter_submit:hover .animate__animated{
    height: 20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name:tada;
    animation-name:tada;
}
.NetworksListData {
    transition: all 0.1s ease;
}
.NetworksListData:hover {
    box-shadow: 0px 0px 4px 4px var(--bs-gray-400);
    background-color: var(--bs-white);
}
@keyframes loginbg {
    from {
        box-shadow: 0 300px 250px 50px #e2e6ee;
    }
    to {
        box-shadow: 0 -300px 250px 50px #e2e6ee;
    }
}
.login_area{
    animation: loginbg 2s ease-in-out infinite alternate;
}
.border-dashed{
    border-style: dashed !important;
}