.clr
{
    color: #000000 !important;
   font-size: 12px !important;
}

 .bg
{
    background-color:  #ff9900;
    color: #fff;
}

.txt{
    font-family: Verdana !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border-color: #ce1672;
    background: #99004d!important;
    font-weight: normal;
    color: #ffffff;
}


/* .btn-success {
    color: #fff !important;
    background-color:  #ff9900 !important;
    border-color: #ff9900 !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #ff9900 !important;
    border-color: #ff9900 !important;
}
.btn-info {
    color: #fff;
    background-color: #dddcdaa9;
    border-color: #ff9900;
}
.btn-info:hover {
    color: #fff;
    background-color: #ff9900;
    border-color: #ff9900;
} */

#tbl_8d_noti  th{
    color:#0066ff!important;
}

   .tab button:hover {
            /*background-color: #ff9900;*/
            color: rgb(255, 255, 255);
        } 

        /* Create an active/current tablink class */
         .tab button.active {
            background-color: #ff9900;
            color: rgb(255, 255, 255);
        }