/*This CSS was created by Theuns and customise the bootstrap styling*/

:root {
    /*Default & GTS Color*/
    --color: #003149;
    --colorTools: #f30000;
    --colorKzn: #003149;
    /*Red*/
    /*--color: #f30000;*/
    /*Silverton CPA*/
    /*--color: #0B9A04*/

}

html {
    font-size: 14px;
}

body {
    font-size: 14px;
}
.dropdown-menu {
    font-size: 14px;
}
.btn {
    font-size: 14px;
}


    /*Rel line around the menu tabs and text*/
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: var(--colorKzn);
    color:var(--colorKzn);
}
.table{
    font-size: 14px;
}
/*
/*Remove the border line around the table area*/
.table-bordered {
    /*border: 1px solid #dee2e6;*/
    border: none;
}
/*Change bootstrap blue menus to black*/
.nav-link {
    color: black;
}
/*Copied from form-control to create similar bax around checkbox group*/
.checkbox-group {
    display: block;
    width: 100%;
    /*height: calc(1.5em + .75rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*Color line below the main menu*/
.nav-tabs {
    border-bottom: 3px solid var(--colorKzn);
}

/*Padding around table cell values*/
.table td, .table th {
    padding: 5px;
}
/*Font of heading 1*/
.h1, h1 {
    font-size: 1.5rem;
}
/*Font of heading 1*/
.h2, h2 {
    font-size: 1.0rem;
}
/*Dashboard used in Avenue Car app */
.card {
    border-radius: 15px;
}
.dashboard-header {
    margin: 20px 0;
}
.chart-container {
    height: 300px;
}
/*Padding arround the timesheet cells*/
#row_timesheet .table td, .table th {
    padding: 1px;
}

#row_timesheet .form-control{
    font-size: 0.8rem;
    padding: 1px;
    text-align: center;
    width: 50px;
}
#row_timesheet .custom-select{
    font-size: 0.8rem;
}
#row_timesheet .table.td, table.th {
    vertical-align: center;
}