/* Dashboard Sidebar */
aside.main-sidebar.sidebar-dark-primary {
    background-color: #2A3F54;
}

.brand-logo {
    border: 0;
    background: white;
    height: 57px;
}

.brand-logo img {
    width: 148px;
    height: auto;
    padding-left: 60px;
    box-shadow: none !important;
    opacity: 100 !important;
}

.user-panel img {
    height: 56px;
    width: 56px;
    border: 1px solid rgba(52, 73, 94, .44);
    padding: 4px;
    background-color: #fff;
}

.welcome-user {
    color: #BAB8B8;
    font-size: 13Px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255, 255, 255, .05);
    border-right: 5px solid #1ABB9C;
}
 

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link,
a.nav-link,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link,
.nav-sidebar>.nav-item .nav-icon.fas {
    font-size: 13px !important;
    color: #e7e7e7;
}

a.nav-link {
    padding: 13px 11px 12px;
}

.fa-circle {
    font-size: 9px !important;
}

.nav-item i.nav-icon {
    font-size: 13px !important;
}

/* Dashboard Content */
.icon i.fa {
    font-size: 60px !important;
}

.small-box {
    max-height: 99.61px !important;
}
.content{
    background-color: #fff;
    margin: 20px;
    padding: 20px !important;
}
.Royalty_tbl thead{
    background-color: #2A3F54;   
}
.Royalty_tbl thead th{
     color: #fff;   
}
.form-group .col-form-label {
    font-size: 13px !important;
    font-weight: 500 ;
} 
.icon i.fa:hover{
    color: #267784 !important;
}
.notification { 
    position: relative;
   /*display: inline-block; */
 }
 .notify-btn {
   background-color:#fff;
   border: none;
   color: #DC3545;
   padding: 8px 12px;
   font-size: 18px;
   cursor: pointer;
   border-radius: 50%;
 }
 .btn:hover {
   background-color: #17A2B8;
 }
  
 .notification .badge {
   position: absolute;
   top: -10px;
   right: -10px;
   padding: 5px 10px;
   border-radius: 50%;
   background-color:  #DC3545;
   color: #fff;
   -webkit-animation: glowing 1500ms infinite;
   -moz-animation: glowing 1500ms infinite;
   -o-animation: glowing 1500ms infinite;
   animation: glowing 1500ms infinite;
 }
  
  
  @-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  
  @keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }