/*
    site.css

    To be used to override any core functionality across the frontend and backend
*/

.width-100 {
    width: 100% !important;
}
.navbar {
    margin: 0 !important;
    border-bottom: 1px solid lightgrey;
}
.navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.content {
    font-size: 14px !important;
}

#toast-container, .toast, .toast-message {
    z-index: 99999 !important;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}

.badge-light {
    color: #212529 !important;
}

.table-hover>tbody>tr:hover>* {
    --falcon-table-hover-bg: rgba(0,0,0,0);
    --falcon-table-accent-bg: var(--falcon-table-hover-bg);
    background: #FFF !important; /* Data tables overrides this. */
    color: var(--falcon-table-hover-color);
}

.line {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #dadfe5; 
   line-height: 0.1em;
   margin: 10px 0 15px; 
} 

.line span { 
    background: #edf2f9; 
    padding: 0 10px; 
    font-size: 0.75em;
    text-transform: uppercase;
    color: #9da9bb;
    font-weight: bold;
}

.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
} 

.select2-container{
    z-index: 100000;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-bottom: 3px solid var(--falcon-primary) !important;
}

.custom-control-label {
    padding-top: 2px !important;
}

/* .dataTables_length {
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.dataTables_info {
    padding-left: 10px !important;
    padding-bottom: 10px !important;
}

.dataTables_filter {
    padding-top: 10px !important;
    padding-right: 10px !important;
}

.dataTables_paginate {
    padding-right: 10px !important;
    padding-bottom: 10px !important;
} */

h6.label {
    margin-top: 11px !important;
}

#notes {
    position: fixed; 
    top: 86px; 
    right: -300px; 
    height: calc(100% - 75px); 
    width: 300px;
    transition: right 0.25s ease;
}

#notes .btn-notes {
    width: 128px;
    position: absolute;
    transform: rotate(-90deg);
    transition: transform 0.25s;
    cursor: pointer;
    bottom: 20%;
    left: -78px;
}

.notes-expanded {
    right: 0px !important;
}

@media (min-width: 992px) {
    #notes {
        top: 70px; 
        width: 15%;
        right: -15%; 
    }
}

.notes-expanded .fa-chevron-up {
    transform: rotate(180deg) !important;
}

#notes-body {
    position: absolute;
    height: 100%;
    width: calc(100% - 5px);
    margin-right: 5px;
}

#notes-notes {
    width: 100%;
    height: 100%;
}

.dataTable {
    min-width: 100%;
}

.table th, .table td {
    border-top: 0;
}

.table:not(.table-striped) tfoot > tr > th:first-child,
.table:not(.table-striped) thead > tr > th:first-child,
.table:not(.table-striped) tr th:first-child,
.table:not(.table-striped) tr td:first-child {
    padding-left: 0;
}

.user-loggedout .slick-loggedin {
    display: none;
}

.user-loggedin .slick-loggedout {
    display: none;
}