h3.texttitle {
    font-size: 25px;
    color: #000;
    font-weight: 800;
        text-decoration: underline;
    line-height: 35px;
}
main{
    padding-bottom:20px;
}
.min-h-screen.flex.flex-col.sm\:justify-center.items-center.pt-6.sm\:pt-0.bg-gray-1001{
 background:
        linear-gradient(
            rgba(0,0,0,0.5),
            rgba(0,0,0,0.5)
        ),
        url('/image/srmrp.webp')!important;

    background-size: 100%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.antialiased.ss {

   position: relative;
    min-height: 100vh;

    background:
        linear-gradient(
            rgba(255,255,255,0.94),
            rgba(255,255,255,0.94)
        ),
        url('/image/srmrp.webp');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
button.inline-flex.items-center.px-4.py-2.bg-gray-800.border.border-transparent.rounded-md.font-semibold {
    border-color: #f35e04!important;
    background-color: #f35e04!important;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 800;
    /* font-size: 17px; */
    /* padding: 1.25rem 2.5rem; */
    color: #fff!important;
}
.navbar-default{
    background-color: #03174F!important;
}
.navbar-default .navbar-nav>li>a{
    color:#fff!important;
    font-weight:bold;
}
.navbar-default .navbar-brand{
    color:#fff!important;
    font-weight:bold;
}
body {
    font-family: 'Nunito', sans-serif!important;
}
section.secionone h1 {
    text-align: center;
    font-weight: 600;
    font-family: poppins;
    padding-top: 28px;
}
h2.font-semibold.text-xl.text-gray-800.leading-tight {
    display: none;
}
button.btn.btn-warning {
    margin:15px;
   border-color: #f35e04!important;
    background-color: #f35e04!important;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 17px;
    padding: 1.25rem 2.5rem;
    color: #fff!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(255 255 255 / 90%)!important;
}
.navbar-nav .open .dropdown-menu{
    padding:10px;
    background-color: #03174f !important
}
.navbar-nav .open .dropdown-menu a{
    color:#fff!important;
}
.newcusto-align {
    text-align: center;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #03174F!important;
}
.h3, h3{
    font-weight:bold;
}
.btn-primary {
   border-color: #f35e04!important;
    background-color: #f35e04!important;
   
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 14px;
    
    color: #fff!important;
}
.btn-default {
   
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    background: #efbd1c!important;
    color: #000!important;
    font-weight: bold;
}
.col-md-4.txcenter {
   
     text-align: center;
    margin-bottom: 40px;
}
.col-md-6.txcenter {
    text-align: center;
    margin-bottom: 40px;
}
th {
    background: #03174F;
    color: #fff;
    /* font-size: 16px; */
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: 1px solid #ddd!important;
}
td.amt {
    color: #000;
    font-weight: bold;
}
a.btn.btn-default.btn-sm {
    margin-right: 5px;
    /* display: block; */
}
.col-md-6.txcenter a {
    margin: 10px;
}
.spce.btn.btn-info.btn-sm {
    background: red;
    border-color: #fff;
    font-weight:bold;
    font-size: 14px;
}
.disabled {
    pointer-events: none;
    opacity: 0.6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
   
    background: #03174F!important;
}
h3.nametx a {
    text-decoration: underline;
    color: #f35e04;
    text-transform: capitalize;
}
input.form-control.wid {
    padding: 6px 5px;
    background: #efbd1c;
    color: #fff;
    text-align: center;
}
.dt-buttons a {
   background: #f35e04!important;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 800;
   color:#fff!important;
    margin: 0px 20px;
}
span.nametx {
    font-size: 15px;
    font-weight: bold;
    color: #f35e04;
}
span.label.label-success.bg {
    background: green;
    font-size: 13px;
}
span.label.label-default.bg3 {
    background: #000;
    font-size: 13px;
}
span.label.label-default.bg2 {
    background: red;
    font-size: 13px;
}
span.label.label-default.bg4 {
    background:#eb8d00;
    font-size: 13px;
}
span.label.label-info.bg{
    background:#008ab3;
    font-size: 13px;
}
.row.mb-3.back_btn_mn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mb-3{
    margin-bottom:20px;
}
/* .back_btn a{
    background-color: #f5c01c !important;
    border: 1px solid #f5c01c !important;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    color:#000;
} */
 .card-header {
    font-weight: bold;
    font-size: 16px;
}
 .info1 , .info2{
    font-size: 12px!important;
 }
.table-responsive::-webkit-scrollbar {
    display: none;
}
.back_btn{
    text-align: right;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.badge{
    background-color: #000!important;
        font-size: 13px;
}
th, td{
    font-weight:bold;
}
.row.mb-4.secone {
    margin: 18px 0px;
}
.secone h5, .secone h2, .secone h4, .secone small{
    color:#fff;
    font-weight:bold;
}
.mb-3.sec11, .col-md-6.mb-3.sec11 {
    border: 4px solid #fff;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
       background-color: #EE1B24;
    padding: 10px;
    color: #fff;
    font-weight: bold;
        margin-top: 30px;
}
.col-md-3.mb-3.sec12 {
    border: 4px solid #fff;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
       background-color: #da3125;
    padding: 10px;
}
.col-md-3.mb-3.sec10 {
    border: 4px solid #fff;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
       background-color: rgb(44, 196, 41);
    padding: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
}
.card-body h5, .card-body h2{
    font-weight:bold;
}
.btn.btn-success {
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 14px;
    color: #fff !important;
    margin: 0px 10px;
}
.btn-info, .btn-default{
    font-size:14px;
    font-weight: bold;
}
.navbar-brand.slogo{
  border-right:1px solid #fff;
}
.row.reportsec {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin: 10px 0px;
}
.rowsec_login{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.block.mt-4.col-md-6.regis_btn_sec a {
    text-decoration-line: underline;
    font-size: 14px;
}
.form-control{
    font-weight:400!important;
    color: #000!important;
}
.spce.btn.btn-info.btn-sm.disabled {
    opacity: 0.3;
}
.input-group.sym {
    width: 100%;
}
.input-group-text {
    position: absolute;
    z-index: 11;
    left: 5px;
    top: 8px;
}
.input-group.sym input{
    padding-left:30px;
}
.badge.bg-dark.nobillc {
    background: #f35e04 !important;
}
.btn.btn-success.text-dark.fw-bold {
    background: red;
    border-color: red;
}
.badge.btn-success.paidd {
    background: green !important;
}
.badge.btn-danger.overdue {
    background: red !important;
}
.badge.btn-warning.text-dark.peng {
    background: #ff8d00 !important;
}
.btn.btn-success.btn-sm.mb-1{
    margin-top:2px;
}
@media only screen and (max-width: 1024px) {
.back_btn{
    text-align: left;
    margin:12px;
}
.back_btn2{
    text-align: center!important;
}
.row.reportsec {
    flex-direction: column;
    width: 100%;
}
.txt_sc{
    text-align: center;
}
#statusFilter {
    margin: 20px 0px 30px 0px !important;
}
}
@media only screen and (min-width: 1025px) {
.row.mb-3{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:10px 0px;
}
}