.nav-tabs .nav-link.active {
    border-color: #3d7c7b #3d7c7b #f8fbfb;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #3d7c7b !important;

}
/*To Do :This is temporary fix. To be removed after datatable responsive behaviour works*/
@media (min-width: 768px) {
    #table_unscheduledJobs_list_wrapper div.col-md-6, #table_unscheduledJobs_list_wrapper div.col-md-5, #table_unscheduledJobs_list_wrapper div.col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-size: smaller;
    }
    div.dataTables_wrapper div.dataTables_filter {
        text-align: inherit;
        /*display: none;*/
    }
}


@media screen and (max-width: 600px) {
    table {
        border: 0;
    }

        table caption {
            font-size: 1.3em;
        }

        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
        }

            table td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            table td:last-child {
                border-bottom: 0;
            }
}


/* general styling */
body {
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;
}