/* Text */

small.text-muted {
    font-weight: 400;
}

.fa-lg-icon-va-override {
    vertical-align: -0.1333em;
}

/* Buttons */

.btn {
    border-radius: 1rem!important;
}

.btn-light {
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.btn-light:hover {
    background-color: #0097ce0a;
    border: 1px solid #dee2e6;
}

/* Menus */

.dropdown-menu {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

/* Nav */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: rgba(0, 0, 0, 0.5);
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    border-radius: 1rem!important;
}

.nav-pills .nav-link {
    background: #fff;
    border: 1px solid #dee2e6;
    margin: .25rem;
    color: #000;
    border-radius: 1rem!important;
}

/* Nav > Breadcrumbs */

ol.breadcrumb {
    font-size: 1rem;
}

/* Company button */

.navbar-light .navbar-nav .nav-link.disabled.company {
    color: rgba(0,0,0,.55) !important;
}

/* Cards */
.card {
    font-family: var(--bs-font-sans-serif);
    border-radius: 0.45rem!important;
}
.card-header, .card-footer {
    background-color: #fff;
    padding: 1rem;
    border-radius: 0.45rem!important;
}
.card .card-body p {
    font-size: 1rem;
}

/* Tables */

th {
    border-bottom: 1px solid #dfdfdf !important;
    font-weight: 600 !important;
}

td, th {
    font-size: .85rem;
}

tbody > tr > td > a.btn {
    min-width: 30px;
}

/* DataTables */

table.dataTable tbody td {
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dtfc-fixed-right>a.btn:not(:last-child) {
    margin-right: 3px;
}

#datatable_wrapper, #datatable_paginate ul {
    font-size: 1rem;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .5rem;
}

div.dataTables_wrapper div.dataTables_filter,div.dt-buttons {
    display: inline-block;
}

div.dataTable_length {
    padding-top: .85rem;
}

div.dataTables_paginate .paging_simple_numbers {
    padding-top: .85rem;
}

table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

table.dataTable thead th {
    white-space: nowrap;
}

th.dtfc-fixed-right, td.dtfc-fixed-right {
    background-color: #fff;
}

td, th {
    font-size: .85rem !important;
}

.dataTables_processing {
    top: -70px !important;
    left: -7.5px !important;
    width: calc(100% + 15px) !important;
    height: calc(100% + 75px) !important;
    font-size: 2em;
    margin: 0% !important;
    padding-top: 100px !important;
    background-color: #000;
    color: #fff;
    opacity: 0.5;
    z-index: 5;
}

/* Truncate */

.truncate-xs {
    max-width: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-sm {
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-md {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-lg {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-xl {
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Alerts */
.alert {
    color: #212529;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.45rem!important;
}

/* Tom Select Style Overrides */
.ts-control .item {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-wrapper {
    font-size: 1rem !important;
}

.ts-dropdown {
    z-index: 2 !important;
}

/* Font Awesome Overrides */

.fa-circle {
    font-size: 2.0em;
}

/* Overrides for bootstrap modals */
#basicModalContent .modal {
    position: static;
    display: block;
}

.basicModalMiddle {
   box-sizing: unset;
}

.collapse-toggle {
    border: none;
    padding: 0;
    background-color: #fff;
}

.modal-body.modal-http {
    padding: 0 !important;
}

/* Show it is fixed to the top */
@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end{ right:0; left: auto;  }
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}