/*
 * This file is part of the Kimai time-tracking app.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.navbar-custom-menu {
    .navbar-nav {
        li>.ddt-small {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
}

.navbar-nav {
    .avatar {
        max-height: 30px;
        max-width: 30px;
        height: 30px;
        width: 30px;
        margin-top: 0;
        .initials {
            top: 5px;
            left: 0;
        }
    }
    li>.ddt-small {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    li.messages-menu ul.menu li {
        a:hover .pull-left i {
            color: #dd4b39;
        }
        a .pull-left i {
            color: #444;
        }
    }
    .messages-menu>.dropdown-menu>li .menu>li>a>p {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .messages-menu>.dropdown-menu>li .menu>li>a>h4>span {
        margin-right: 55px;
    }
    .dropdown-menu {
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        max-width: 90vw;
        width: unset !important;
    }
    .user-menu {
        ul {
            li {
                a {
                    color: #444;
                    &:hover {
                        background-color: #f4f4f4;
                    }
                    i {
                        padding-right: 10px;
                    }
                }
                hr {
                    margin: 0;
                }
            }
        }
    }
}
@keyframes ticktac-blink {
    0% { opacity: 1; }
    5% { opacity: 0.95; }
    10% { opacity: 0.9; }
    15% { opacity: 0.85; }
    20% { opacity: 0.8; }
    25% { opacity: 0.75; }
    30% { opacity: 0.7; }
    35% { opacity: 0.65; }
    40% { opacity: 0.6; }
    45% { opacity: 0.65; }
    50% { opacity: 0.7; }
    55% { opacity: 0.75; }
    60% { opacity: 0.8; }
    65% { opacity: 0.85; }
    70% { opacity: 0.9; }
    75% { opacity: 0.95; }
    100% { opacity: 1; }
}
.ticktac-single {
    display: block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    i {
        animation: ticktac-blink 2s step-end infinite;
    }
    span {
        font-size: 1.8em;
        line-height: 1em;
        padding-left: 5px;
        padding-right: 0;
    }
    &:hover {
        background: rgba(0,0,0,.3);
    }
}
body.fixed {
    .navbar-nav {
        .user-menu {
            margin-right: 10px;
        }
    }
}

@media (max-width: $screen-sm-max) {
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 0;
    }
    body.fixed {
        .navbar-nav {
            .user-menu {
                margin-right: 0;
            }
        }
    }
    .navbar-nav .user-menu.open .dropdown-menu > li > a {
        padding: 5px 25px 5px 25px
    }
}

@media (max-width: $screen-sm-max) {
    .ticktac-single {
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-custom-menu .navbar-nav li>.ddt-small {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: $screen-md-max) {
    .ticktac-single {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-custom-menu .navbar-nav li>.ddt-small {
        padding-left: 10px;
        padding-right: 10px;
    }
}
