@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

body{  font-family: "Source Serif 4", serif!important;}
/********* Coommon *******/
@media (min-width: 1200px) {
body[data-layout="horizontal"] .container-fluid, body[data-layout="horizontal"] .navbar-header {
	max-width: 95%;
}
}
.pace {
	display:none;
}
body[data-sidebar-size="sm"] {
	min-height:auto!important;
}
/********** Header and Footer *********/
.footer {
	background:#d97757;
	color:#fff;
}
.topnav {
	background:#d97757;
	border-bottom:0px!important;
}
.dropdown-menu-end[style] {
	z-index:1000;
}
.topnav .navbar-nav .nav-link:hover {
	color:#fff;
}
.captchabox {
	margin-bottom:15px;
	margin-top:15px;
}
.topnav .navbar-nav .nav-link {
	color:#fff;
}
#page-topbar {
	position: relative!important;
	background:#000!important;
	z-index:999;
	border:none;
}
.header-item{color:#fff!important}
.bg-light-subtle {background-color:#000!important;}
.topnav {
	margin-top:0px;
	position: relative!important;
}
body[data-sidebar-size="sm"] .navbar-brand-box {
	width: 250px !important;
}
.topnav .navbar-nav .nav-link svg {
	color:#fff;
}
.topnav .navbar-nav .nav-item .nav-link.active {
	color: #e5f2fd;
}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
	color: #fff!important;
}
.topnav .navbar-nav .nav-item .nav-link.active svg {
	color: #fff;
}
/****** Content ********/
body[data-layout=horizontal] .page-content {
	padding-top:30px!important;
	padding-bottom:50px!important;
	margin:0px!important;
}
/****** Card ******/
.custom_card h5.card-header {
	font-size: 18px;
	color: #fff!important;
	padding: 10px 20px;
	border:none!important;
	background-color:#d97757!important;
}
.req {
	color:#ff0000;
}
.error {
	color:#ff0000;
}
.form-group {
	margin-bottom:15px;
}
.custom_card {
	border-color: #000 !important;
	background: #ffffff;
}
.custom_table th {
	background-color: #d4eafb !important;
	color:#000;
}
.hh_head {
	background:#d4eafb;
	padding:5px 10px!important;
	margin-bottom:15px;
}
.hh_head h5 {
	margin-bottom:0px;
}
.custom-form .form-control {
	border:1px solid #b1b1b1;
}
.custom-form .form-select {
	border:1px solid #b1b1b1;
}
.custom-form label {
	font-size:16px;
}
.custom_dashcard {
	background:#fff!important;
	border:1px solid #d97757!important;
}
.custom_dashcard .bg2 {
	background:#84c1f9!important;
}
.custom_dashcard h3 {
	font-size:18px!important;
	color:#d97757;
}
.btn_dashview {
	padding: 2px 10px;
	background:#d97757;
	color:#fff;
}
.btn_dashview:hover {
	background:#f68200;
	color:#fff;
}
.topnav .navbar-nav .nav-link {
	text-transform:uppercase;
}
.topnav .navbar-nav .dropdown.active > a {
	color: #000;
}
.note {
	font-size:11px;
	color:#8a8888;
}
.btn_link {
	color: #74788d;
	border:1px solid #74788d;
	padding:2px 8px;
	background:#f1f1f1;
	border-radius:3px;
}
.emp_compoverview h5 {
	color:#f68200;
	font-size:16px;
	text-align:center;
	background: #f2f2f2;
	padding: 5px 10px;
}
.emp_compoverview p {
	font-size:14px;
	text-align:center;
}
.btn_addnew {
	color:#000;
	margin-left:5px;
	margin-right:5px;
	font-size:14px;
	background:#f2f2f2;
	padding:2px 8px;
	border-radius:3px;
	border:1px solid #000;
}
/********* Pagination *******/
  .pagination {
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 20px 0;
}
.pagination li {
	margin: 0 5px;
}
.pagination li a {
	display: block;
	padding: 8px 14px;
	text-decoration: none;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: 0.3s;
}
.pagination li a:hover {
	background-color: #333;
}
.pagination li.active a {
	background-color: #000;
	color: #fff;
	border-color: #000;
}
.top_welcome p {
	color:#05326D;
	margin:0px!important;
}
.top_welcome p span {
	color:#f68200;
}
.top_welcome p {
	font-weight:600;
}
.custom_form .form-control {
	border:1px solid #9696a6;
}
.custom_form .form-select {
	border:1px solid #9696a6;
}
.topnav .navbar-nav .dropdown-item {
	color: #2d2d2e;
	text-transform:uppercase;
	font-weight:600;
}
.custom_table th {
	font-weight:900;
}
.custom_table td {
	color:#0a0a0a;
}
.upinstbox h4{font-size:16px;}
.upinstbox ul{padding-left:16px;}
.upinstbox ul li{font-size:13px;margin-bottom:5px;}
.btn_customsyncemp{background-color:#e57f0c!important; padding:2px 10px; border-radius:5px; margin-bottom:10px; color:#fff!important; font-size:11px;} 
.btn_customsyncemp:hover{background:#ee5c04!important;}
.btn_custom1{background:#545151; color:#fff; padding:2px 10px!important; font-size:12px; margin-bottom:12px; }
.table-bordered td, .table-bordered th{border-color:#aaaaaa;}
.page-content{background:#000;}
.btn-primary{background:#000; border-color:#000;}
body{background:#000;}
.custom_card .custom_card h5.card-header{background:#666!important; color:#fff!important;}
.bg-primary{background-color:#d97757!important;}
.auth-page label{color:#fff;}
.auth-page .auth_head p{color:#fff;}
.auth-page .auth_head h5{color:#fff;}
.captchabox i{color:#fff;}
.auth-page .btn-primary{background:#d97757!important; color:#fff!important; border-color:#d97757!important; box-shadow:none;}
.auth-page .auth-full-page-content p{color:#fff;}
.auth-page .text-muted{color:#CCC!important;}



/* Warm terracotta and cream palette, scoped to the fee module. */
/* Module */
.feeco-module {
  background: transparent;
  color: #243247;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

/* Main heading */
.feeco-module h4 {
  margin-bottom: 20px;
  color: #a4472f;
  font-size: 23px;
  font-weight: 700;
}

/* Navigation */
.feeco-module > .mb-3,
.feeco-module .feeco-nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.feeco-module > .mb-3 {
  margin-bottom: 22px !important;
}

.feeco-module .feeco-nav-card h4 {
  margin: 0 0 16px;
}

/* Separate cards */
.feeco-module .card {
  display: block;
  background: #fff;
  color: #243247;
  border: 1px solid #dce4ee;
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(26, 48, 77, 0.06);
  margin-bottom: 26px !important;
  overflow: hidden;
}

.feeco-module .card-header {
  margin: 0;
  padding: 15px 22px;
  background: #f4f7fb !important;
  border-bottom: 1px solid #e2e8f0;
  color: #173451;
  font-size: 16px;
  font-weight: 700;
}

.feeco-module .card-body {
  padding: 22px;
}

/* Form fields */
.feeco-module .form-control,
.feeco-module .form-select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #7e8a99;
  border-radius: 6px;
  background-color: #fff;
  color: #243247;
  font-size: 14px;
  line-height: 1.4;
}

.feeco-module input[readonly] {
  background: #f1f5f9;
  color: #173451;
  font-weight: 600;
}

.feeco-module label {
  color: #34465e;
  font-size: 13px;
  font-weight: 600;
}

.feeco-module label > input,
.feeco-module label > select {
  margin-top: 6px;
}

.feeco-module .form-control:focus,
.feeco-module .form-select:focus {
  outline: none;
  border-color: #397fc5;
  box-shadow: 0 0 0 3px rgba(57, 127, 197, 0.15);
}

/* Buttons */
.feeco-module .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  box-sizing: border-box;
  min-height: 40px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  text-decoration: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: none;
  white-space: normal;
}

/* Terracotta primary / export buttons */
.feeco-module .btn-primary,
.feeco-module .btn-success {
  color: #fff;
  background: #a4472f;
  border-color: #a4472f;
}

.feeco-module .btn-primary:hover,
.feeco-module .btn-success:hover,
.feeco-module .btn-primary:active,
.feeco-module .btn-success:active {
  color: #fff;
  background: #853823;
  border-color: #853823;
}

/* Reset / secondary buttons */
.feeco-module .btn-secondary {
  color: #fff;
  background: #74675c;
  border-color: #74675c;
}

.feeco-module .btn-secondary:hover,
.feeco-module .btn-secondary:active {
  color: #fff;
  background: #5e5248;
  border-color: #5e5248;
}

/* Navigation buttons */
.feeco-module .btn-outline-primary {
  color: #a4472f;
  background: #fffaf4;
  border-color: #dcc5b4;
}

.feeco-module .btn-outline-primary:hover,
.feeco-module .btn-outline-primary:active {
  color: #fff;
  background: #a4472f;
  border-color: #a4472f;
}

.feeco-module .btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.feeco-module :focus-visible {
  outline: 3px solid #397fc5;
  outline-offset: 3px;
}

/* Search grid */
.feeco-module .feeco-search .row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
}

.feeco-module .feeco-search .row > * {
  width: auto;
  padding: 0;
  margin: 0;
  min-width: 0;
}

.feeco-module .feeco-search .col-md-2 {
  grid-column: span 2;
}

.feeco-module .feeco-search .col-md-3 {
  grid-column: span 3;
}

.feeco-module .feeco-search .col-md-4 {
  grid-column: span 4;
}

.feeco-module .feeco-search .col-md-5 {
  grid-column: span 5;
}

.feeco-module .feeco-search .col-md-6 {
  grid-column: span 6;
}

.feeco-module .feeco-search .col-12 {
  grid-column: 1 / -1;
}

.feeco-module .feeco-search label {
  display: block;
}

/* Inline search */
.feeco-module .feeco-search-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 18px;
}

.feeco-module .feeco-search-inline > label {
  flex: 1 1 200px;
}

/* Search → Export CSV → Reset */
.feeco-module .feeco-search-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-top: 5px;
}

.feeco-module .feeco-search-inline .feeco-search-actions {
  flex: 0 0 100%;
}

.feeco-module .feeco-search-note {
  margin: 12px 0 0;
  color: #59697f;
  font-size: 12px;
}

.feeco-module .feeco-search-inline .feeco-search-note {
  flex-basis: 100%;
  margin-top: 0;
}

/* Tables */
.feeco-module .table-responsive {
  overflow-x: auto;
}

.feeco-module .table {
  width: 100%;
  border-collapse: collapse;
  color: #243247;
  font-size: 13px;
  background: #fff;
}

.feeco-module .table th {
  background: #edf3f9;
  color: #173451;
  font-weight: 700;
  white-space: nowrap;
}

.feeco-module .table th,
.feeco-module .table td {
  padding: 12px;
  vertical-align: middle;
  border: 1px solid #e1e7ef;
}

.feeco-module .table tbody tr:nth-child(even) td {
  background: #fafbfd;
}

.feeco-module .table tbody tr:hover td {
  background: #f1f6fb;
}

.feeco-module .table a {
  color: #175a9a;
  font-weight: 600;
}

/* Company selection */
.feeco-module input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: #175a9a;
  vertical-align: middle;
  cursor: pointer;
}

/* Tablet */
@media (max-width: 991px) {
  .feeco-module .feeco-search .col-md-2,
  .feeco-module .feeco-search .col-md-3,
  .feeco-module .feeco-search .col-md-4,
  .feeco-module .feeco-search .col-md-5,
  .feeco-module .feeco-search .col-md-6 {
    grid-column: span 6;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .feeco-module .card {
    margin-bottom: 20px !important;
  }

  .feeco-module .card-body,
  .feeco-module .card-header {
    padding: 16px;
  }

  .feeco-module .feeco-search .col-md-2,
  .feeco-module .feeco-search .col-md-3,
  .feeco-module .feeco-search .col-md-4,
  .feeco-module .feeco-search .col-md-5,
  .feeco-module .feeco-search .col-md-6 {
    grid-column: 1 / -1;
  }

  .feeco-module .feeco-search-actions .btn {
    flex: 1 1 auto;
  }
}