h1, .h1, .h1 {
    font-size: 1.5rem;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.navbar-vertical .navbar-nav > .nav-item .nav-link.active{
    background-color: #367bc1;
    background-image: none !important;

}
.table.align-items-center td, .table.align-items-center th {
    vertical-align: top;
}

.btn-primary, .btn.bg-gradient-primary{
    background-image: none !important;
    background-color: #367bc1;
    box-shadow: none !important;
}
.btn-primary:hover, .btn.bg-gradient-primary:hover{
    background-color: #1d5287;
}
.input-group.input-group-outline.is-focused .form-label + .form-control, .input-group.input-group-outline.is-filled .form-label + .form-control {
    border-color: #367bc1 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #367bc1, inset -1px 0 #367bc1, inset 0 -1px #367bc1;
}
.input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label {

    color: #367bc1;
}
.input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: #367bc1;
    box-shadow: inset 0 1px #367bc1;
}
.text-gradient.text-primary{
    background-image: linear-gradient(195deg, #367bc1, #367bc1);
    color: #367bc1;

}
.mask.bg-gradient-primary{
    background-image: linear-gradient(195deg, #367bc1 0%, #367bc1 100%);
}
.brand-logo{
    width: 10rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
}
.navbar.navbar-main h6{
display: none;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background: #367bc1;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    border-color: #367bc1;
}
.table.align-items-center td, .table.align-items-center th {
    padding: 15px;
}
h1{
    padding-left: 0 !important;
    margin: 20px 0;
}
.container.card{
    padding: 0;
}
.table.align-items-center th {
background-color: #367bc2;
    color: #fff;
}
.table-responsive{
    border-radius: 10px;
}
ul.pagination{
    margin: 50px 0px;
}
#prev-button , #next-button{
    width: 50px;
    height: 50px;
  
}
#prev-button span, #next-button span{
  font-size: 1.8rem ;
  color: #202020;
}
tbody{
    color: #202020;
}
.btn-info{
    background-color: #367bc3 !important;
    background-color: #367bc3 !important;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-radius: 0.5rem !important;
}
.btn-info:hover{
background-color: #367bc3 !important;
    border-color: #367bc3 !important;
}
.radio-buttons{
    margin: 20px 0px;
}
.radio-buttons label{

    display: flex;
    align-items: center;
    cursor: pointer;
}
.radio-buttons label input{
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.radio-buttons label span{
margin-left: 10px;
}

.recent_teach_history{
    margin: 0;
    padding: 0;
}
.title-flex{
    justify-content: space-between;
    align-items: center;
}
.btn-close{
    width: auto;
    height: auto;
}
div.dt-container div.dt-layout-row{
    margin: 0 !important;
    padding: 0 !important;
}
#customsearchbox {
    display: flex;
    justify-content: flex-end;
}
#customsearchbox .dt-search{
    width: 50%;
}
#customsearchbox .dt-search input{
    background-color: #fff;
}
#history-table_wrapper .dt-paging {
    padding: 15px 0px;
}
table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}