#middle{ float:left; width:100%; min-height:700px;}
footer{ float:left; width:100%; background:#343A40; color:#fff; padding-top:15px;}
.card{ padding:13px 18px 19px 18px; margin-bottom:30px;}
.card:hover{ background:#f8f8f8;}
.box{background: #f8f8f8;border: 1px solid #dcdcdc; border-radius: 8px; margin: 110px auto 0; padding: 0 30px 18px; width: 400px; max-width:100%;}


/*hemant css start*/

.pagination{width: auto; float: left; display: block; margin-bottom: 25px;}
.pagination label{ float: left; padding: 6px 5px 0 0;}
.pagination a{ border: solid 1px #ddd; padding: 5px 15px 6px; text-decoration: none; float: left; margin-left: -1px;}
.pagination a:hover{ color: #007bff; background: #fafafa;}
.pagination a:nth-child(2){ border-radius: 4px 0 0 4px;}
.pagination a:last-child{ border-radius: 0 4px 4px 0;}
h4{ font-size: 1.3rem;}
.pageContent-head{ border-bottom: 1px solid #333; margin-bottom: 20px; padding-bottom: 10px;}
.filter-box{width: 100%; float: left; position: relative; margin-bottom: 25px; padding: 25px 25px 10px; background: #f8f8f8; border: solid 1px #ddd;}
.filter-box .add-button{position: absolute; right: 0; top: -53px; text-decoration: none;}
.filter-box form input, .filter-box form select{ width: 17%; float: left; height: 37px; padding: 5px 10px 6px; border: 1px solid #ddd; margin-bottom: 15px; margin-right: 15px;}
.filter-box form select{ padding: 5px 5px 6px;}
.filter-box form .btn{ width: auto; border-color: #007bff; cursor: pointer;}
.print-btn{ float: right;}
.pageContent{width: 100%; float: left;}
#middle .pageContent-head{padding-right: 170px; line-height: 31px; font-size: 1.8rem;}
.box{ margin-bottom: 50px;}
.box-head{padding-top: 20px;}
.box .form-group select{ padding-top: 5px;}
#content, #content100{ float: left; padding: 0; width: 100%;}
.report-box{}
.report-box ul{ margin: 0; padding: 5px 0 0;}
.report-box ul li{ list-style-type: none; padding: 8px 0 9px; border-bottom: solid 1px #ddd;}
.report-box ul li a{ text-decoration: none;}
.report-box ul li:last-child{ border-bottom: 0;}
.box-head h2{ border-bottom: 1px solid #333; padding-bottom: 10px;}

.table{ width: 100%; float: left; border: solid 1px #e9ecef;}
.table tr th{ border-top: 0; background-color: #343a40; color: #fff; border-color: #f2f2f2;}
.table tr:nth-child(2n+1) td{ background: #fafafa;}
.table tr th, .table tr td{ border-right: solid 1px #f2f2f2;}
.table tr th:last-child, .table tr td:last-child{ border-right: 0;}
.mr-top-zero{ margin-top: 0 !important;}
.scroll-r{ display: none; float: left; font-size: 15px; letter-spacing: 0.2px; margin-top: -10px; padding-bottom: 4px; position: relative;}
.scroll-r:after{ content: ""; width: 8px; height: 8px; border: solid 3px #5c6063; border-width: 0 2px 2px 0; position: absolute; right: -10px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}


.filter-box form .form-group, .filter-box form .form-group{ width: 30%; float: left; margin-bottom: 15px; margin-right: 15px;}
.filter-box form label, .filter-box form label{ width: auto; float: left; height: 37px; padding-right: 8px; padding-top: 6px;}

.sm-show{ display: none;}



/*media query start*/
@media (max-width: 1199px) {
.container{ max-width: 100%;}
}

@media (max-width: 991px) {
.filter-box form input, .filter-box form select{width: 30%;}
h4{ font-size: 1.2rem;}
.navbar-dark .navbar-nav .nav-link { border-top: 1px solid #666; padding: 9px 15px 11px;}
.navbar-dark .navbar-nav{ margin-top: 10px;}
.navbar{ padding-left: 0; padding-right: 0;}
.navbar-toggler{ margin-right: 15px;}
h1, h2 { font-size: 1.5rem;}
.box{ margin-top: 70px;}
.table{ overflow-x: scroll;}
.table table{ width: 1000px;}
.scroll-r{ display: block;}
.sm-hide{ display: none;}
.sm-show{ display: block;}
.sm-clear-l{ clear: left;}
.navbar-brand{ padding-left: 15px;}

@media (max-width: 767px) {
#middle .pageContent-head{ margin-top: 20px !important; font-size: 1.5rem;}
.navbar-nav{ max-height: 80vh; overflow: scroll;}
}

@media (max-width: 590px) {
.filter-box form input, .filter-box form select{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.filter-box{ padding: 20px 15px 0; margin-top: 15px;}
.filter-box .add-button{ top: -30px;}
.pagination label{ width: 100%; padding-top: 0;}
.print-btn { clear: left; float: left; margin-bottom: 20px; margin-top: -10px;}
#middle .pageContent-head{ padding-right: 0;}
.box{ padding: 0 15px 18px; margin-top: 20px; margin-bottom: 20px;}
.box .mt-4{margin-top: 1rem !important;}

.filter-box form label, .filter-box form label{ margin-bottom: 3px; height: auto; padding-top: 0;}
}

@media (max-width: 340px) {
.navbar-toggler{ padding: 0.25rem 0.35rem;}
}
/*media query end*/


/*hemant css start*/