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

#help-menu-dropdown {
    padding: 0.5rem 0rem;
}

#help-menu {
    min-width: 235px;
    right: 6px
}

#menu-btn-faq span {
    width: 1em;
}

#menu-btn-faq .fa-question {
    font-size: 0.475em;
    top: -1.3px;
}


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

.navbar-nav.border.rounded, .nav-item.border.rounded, .navbar-toggler {
    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;
}

.card-header {
    border-top-right-radius: 0.45rem!important;
    border-top-left-radius: 0.45rem!important;
}

.card-footer {
    border-bottom-right-radius: 0.45rem!important;
    border-bottom-left-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;
}

/* Highlight border color between thead, tbody and tfoot. */
.table>:not(:first-child) {
    border-top: 2px solid currentColor;
}

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

div.dt-buttons {
    float: none !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
    max-width: 16em !important;
}

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

.modal {
    z-index: 1070!important;
}

.modal-backdrop {
    z-index: 1065!important;
}

/* Accordion */

.accordion-button:not(.collapsed) {
    color: #000;
    background: #fff;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.card-badges {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}
.card-service-badge {
    padding: 4px 12px;
    background: rgba(141, 198, 63, 0.1);
    color: rgba(51, 80, 21, 1);
    border-radius: 1rem;
    font-size: 14px;
}
.card-service-badge:first-of-type {
    margin-right: .5rem
}
.card-service-badge i {
    display: inline-block;
    margin-right: .25rem;
}

#analytics-app-btn {
    position: relative;
}

.badge-new {
    background: #A48AFB3D;
    border: 1px solid #A48AFB3D;
    border-radius: 16px;
    color: #491C96;
    width: 60px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}
.badge-new i {
    margin-right: 5px;
}

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


@media screen and (max-width: 768px) {

}