/* ---------------------------------------------------
    BREADCRUMBS
----------------------------------------------------- */
.navbar{ background: linear-gradient( to right, #101d5e, #1851e0 ); color: #FFF; text-align: right; border-bottom: 1px solid rgba(0,0,0,.1); position: sticky; top: 0px; z-index: 2; }
.navbar .btn, .favicon a{ color: #FFF; }
.navbar .profile-pic, .navbar .favicon{ width: 35px !important; }
.top-nav-button{ color: #FFF; margin: 0px 8px; border: none !important;
                 height: 35px; width: 35px; text-align: center; line-height: 35px; background: none !important; }
.top-nav-button > a{ color: #FFF; }
.navbar{ font-size: 14pt; }
.navbar .favicon.fak{ font-size: 24pt; margin: 5px 0px; }


.breadcrumb{ background: none; }
.breadcrumb{ margin-left: 0px; padding-left: 0px; }
.breadcrumb > li + li:before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 5px 15px;
    color: #999;
}
.breadcrumb > li{ text-transform: capitalize; }
.breadcrumb > li > a{ color: #049dff; }


.fixed-left{ position: sticky; top: 10px;}
.my-menu{ background: #1d1d1b; 
          opacity: .85; 
          margin-top: 30px !important; 
          width: 300px !important;
          font-size: 10pt;
        }


.page-item.active .page-link{ z-index: 1 !important;}
.dropdown-menu.show{ z-index: 2 !important;  }
.dropdown-item.header:hover{ color: #FFF !important; }



.dropdown-toggle::after {
    border:none!important
}


.nav-tabs{ border-bottom: none !important; }
.nav-tabs *{ border: none !important; }
.nav-tabs > li.active >a,
.nav-tabs > li:hover, 
.nav-tabs > li.active> a:focus, 
.nav-tabs > li.active> a:hover {
    border: 0 !important;
    color:#1b72d4
    }


.nav-tabs > li.active{ border-bottom: 3px solid #492f8f !important; }

.dataTables_length select{ color: #666 !important; }
.dataTables_filter{ width: 100%;}
.dataTables_wrapper .dataTables_filter input { color: #666 !important; width: 100%; }


.ui-menu-item-wrapper:hover{ background: #a57ee4 !important; color: #FFF; }
/* HACK TO PREVENT THE LOOKUP UTILITY FROM SHOWING BEHIND THE MODAL */
.ui-menu{ z-index: 9999999 !important;}

/**/
.btn{
    border: none !important;
    border-radius: 30px !important; 
    font-size: 10pt;
    padding: 5px 25px; 
}
.btn-primary{ background: #422168 !important; color: #FFF !important; }
.btn-outline-primary{ border: 2px solid #ddd !important; }
.btn-light{ background:#1568d4 !important; color: #FFF !important; }

.modal-header{ background: linear-gradient( to right, #101d5e, #1851e0 ); color: #FFF; }