body {
    background-color: #f4f7f6; overflow-x:hidden;
}

.navbar {
    background-color: rgb(236 37 44) !important;
    padding-top:0px;
    padding-bottom: 0px;
}
body .container .card .bg-primary{background-color: #ec252c !important;}
.btn-primary, .active>.page-link, .page-link.active{background-color: #0c6769; border-color: #0c6769;}
.btn-primary:hover{background-color: #b50c12;
    border-color: #b50c12;}
.btn-secondary:hover{background-color: #b50c12;
    border-color: #b50c12;}
.btn-secondary{background-color: #0c6769; border-color: #0c6769;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: white;
    background-color: #b50c12;
    border-color: #b50c12;
}
.form-control:focus{box-shadow:none; border-color: #ec252c;}
.form-select:focus{box-shadow:none; border-color: #ec252c;}


.navbar-brand .img-fluid{max-width:150px;}
.navbar  .nav-link {text-transform: capitalize; opacity:1; color:rgb(255 255 255)}


table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
   text-align: left;
    background-color: #b50c12;
    color: white;
    vertical-align: middle;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    
    opacity: 0.5;
    
}