.bg-gradient-primary {
    background-color: #000;
    background-image: none;
}

.fas.brands {
    font-family: "Font Awesome 5 Brands";
}
.sidebar-brand-icon img {
    max-width: 100%;
}
.border-left-gray {
    border-left: .25rem solid #6A6A6A !important;
}
.summary-data .container-fluid a, .text-custom-gray {
    color: #6A6A6A;
}
#wrapper #content-wrapper {
    background-color: #f9f9f9;
}
.breadcrumb {
    background-color: #ececec;
}
.may-be-truncated.text-truncate {
    cursor: pointer;
}
ul.admin-site-menu {
    margin-left: 0 !important;
}
.sidebar.toggled ul.admin-site-menu {
    background-color: #000;
    box-shadow: 0 .15rem 1.75rem 0 #3a3b4526;
    border-radius: .35rem !important;
}

.sidebar.toggled  .admin-site-menu .nav-item .nav-link span {
    font-size: 1rem;
}

.sidebar.toggled .admin-site-menu .nav-item .nav-link {
    min-width: 11rem;
    padding: .5rem 1rem;
    text-align: left;
}
@media (max-width:768px){
    .sidebar .nav-item .admin-site-menu.collapse {
        left: 0;
        top: 1.5rem;
    }
}

.collapse-btn::after {
    font-family: 'Font Awesome 5 Free';
    font-size: .8rem;
    padding-left: .5rem;
}
.collapse-btn[aria-expanded="true"]::after {
    content: '\f107';
}

.collapse-btn[aria-expanded="false"]::after {
    content: '\f105';
}
.tooltip-item {
    font-size: small;
    vertical-align: top;
}

.beacon-container{
    position:relative;
}
.card .beacon-container {
    margin: 1rem 1rem 0 1rem;
}
.beacon-label {
    position:relative;
    left: 1rem;
    bottom: .5rem;
}
.beacon{
    position:absolute;
    top:0;
    left:0;
    background-color: var(--beacon-color);
    height:.5rem;
    width:.5rem;
    border-radius:50%;
    -webkit-animation: grow .4s 1 linear;
    animation: grow .4s 1 linear;
}
.beacon span {
    width: 100%;
    height: 100%
}
.beacon:before{
    position:absolute;
    content:"";
    height:.5rem;
    width:.5rem;
    left:0;
    top:0;
    background-color:transparent;
    border-radius:50%;
    box-shadow:0px 0px 2px 2px var(--beacon-color);
    -webkit-animation:active 2s infinite linear;
    animation:active 2s infinite linear;
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scale(.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes grow {
    0% {
        transform: scale(.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes active{
    0%{
        -webkit-transform:scale(.1);
        opacity:1;
    }
    70%{
        -webkit-transform:scale(2.5);
        opacity:0;
    }
    100%{
        opacity:0;
    }
}

@keyframes active{
    0%{
        transform:scale(.1);
        opacity:1;
    }
    70%{
        transform:scale(2.5);
        opacity:0;
    }
    100%{
        opacity:0;
    }
}
.add-task .django-ckeditor-widget {
    display: block !important;
}

.collapse-header{
  cursor: pointer;
}
.collapse-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}
.task-filter-item.active {
    border: 1px solid grey;
}
table .outdated {
    background-color: #ff000014;
}
.filter-show-completed {
    margin: 1rem;
}