@font-face {
    font-family: 'Avenir-Book';
    src: url('../fonts/Avenir/Avenir-Medium.otf');
}

*,
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1,
input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, [data-list] .page, .tox .tox-menu__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-menu__footer .tox-button--secondary, .tox .tox-dialog__footer .tox-button--secondary, .navbar, .pagination, .valid-feedback, .invalid-feedback{
    font-family: 'Avenir-Book';
}

[data-action] {
    cursor: pointer;
}

/* #navbarVerticalCollapse{
    position: relative;
    padding-top: 80px;
} */

#navbarVerticalNav #user-info{
    /* position: absolute;
    top: 0;
    right: 0; */
    background: var(--falcon-body-bg);
    border-radius: 5px;
    padding: 9px 15px!important;
    margin-bottom: 10px;
    border: solid 3px var(--falcon-link-color);
    /* box-shadow: 0px -4px 20px var(--falcon-body-bg); */
}

#navbarVerticalNav #user-info img,
#navbarVerticalNav #user-info .media-body{
    display: inline-block;
}

#navbarVerticalNav #user-info img{
    max-height: 50px;
}

#logout-form [type="submit"]{
    border: none;
    background: none;
    color: var(--falcon-card-color);
}

.w-55px {
    width: 55px;
}

.text-justify {
    text-align: justify;
}

/* 
.navbar.navbar-vertical .navbar-collapse {
    background-image: linear-gradient(-45deg, #1a4f96, #357bd9)
} */

:root {
    --falcon-primary: #357bd9;
    /* --falcon-body-bg: #edf9f2; */
    /* --falcon-bg-navbar-glass: #edf9f2; */
}

.bg-line-chart-gradient {
    background-image: linear-gradient(-45deg, #1a4f96, #357bd9)!important;
}

.timeline-success.timeline-current::after {
    -webkit-box-shadow: 0 0 0 3px rgb(0 46 210 / 30%)!important; 
    box-shadow: 0 0 0 3px rgb(0 46 210 / 30%)!important;
}

.timeline-success.timeline-past::after, .timeline-success.timeline-current::after {
    background-color: #0032d2!important;
    border-color: #007ad2!important;
}
/* 
.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link,
.navbar-vertical.navbar-inverted .navbar-nav .nav-item .navbar-vertical-label{
    color: #eee;
} */