/*
    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;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
  }
  
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
  }
  
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  
  .badge-secondary {
    color: #fff;
    background-color: #6c757d;
  }
  
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
  }
  
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }
  
  .badge-success {
    color: #fff;
    background-color: #28a745;
  }
  
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
  }
  
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  
  .badge-info {
    color: #fff;
    background-color: #17a2b8;
  }
  
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
  }
  
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  
  .badge-warning {
    color: #212529;
    background-color: #ffc107;
  }
  
  a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
  }
  
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  
  .badge-danger {
    color: #fff;
    background-color: #dc3545;
  }
  
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
  }
  
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  
  .badge-light {
    color: #212529;
    background-color: #f8f9fa;
  }
  
  a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
  }
  
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  
  .badge-dark {
    color: #fff;
    background-color: #343a40;
  }
  
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
  }
  
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }