.body{margin:0;padding:0;}
.header{background:#66c;color:#fff;padding:0px;text-align:center;}
.header a{color:#fff;text-decoration:none;}
.header li{display:inline-block;}
.login{margin:30% auto;background:#fff;border-radius:10px;padding:10px;border-style:solid;border-color:#ccc;}
.input-group{margin:2%;}
.form-group{margin:1%;width:90%}
.msg{text-align:center;padding:10px;color:#f00;font-size:20px;}
.msgb{text-align:center;color:blue;z-index:901;font-size:20px;}
.pop{background:rgba(155,155,155,0.8);position:absolute;top:15%;left:5%;width:90%;z-index:900;border-radius:5px;color:#333;}
#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 9999; /* Ensure visibility */
}
#backToTop:hover {
  background-color: #0056b3;
}
.overflowx {
	width:100%;
	overflow-x: auto;
	white-space: nowrap;
}
.fixed-table {
    table-layout: fixed;  /* Fix column widths */
    border-collapse: collapse;
}

.fixed-table th,
.fixed-table td {
    min-width: 100px !important ; /* Set a minimum width for each column */
    max-width: 180px;  /* Optional: Limit the maximum width */
    border: 1px solid #ddd;
    white-space: nowrap;  /* Prevent text wrapping */
}
.fixed-table th:first-child,
.fixed-table td:first-child {
    min-width: 100px;  /* Make the first column wider (e.g., Outlet) */
	position: sticky;
	padding:3px;
    left: 0;
    background-color: #FBFBEF;
    z-index: 1;
}
/*Drop down css*/
.combo-dropdown-wrapper {
  position: relative;
  width: 100%;
  font-family: inherit;
}

.combo-dropdown-input-wrapper {
  position: relative;
}

.combo-dropdown-input {
  width: 100%;
  padding: 6px 28px 6px 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.clear-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #999;
  cursor: pointer;
  user-select: none;
}

.clear-button:hover {
  color: #333;
}

.combo-dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.combo-dropdown-list li {
  padding: 6px 8px;
  cursor: pointer;
}

.combo-dropdown-list li:hover {
  background: #f0f0f0;
}

/*.fixed-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
@media (max-width: 768px) {
    .fixed-table th,
    .fixed-table td {
        min-width: 80px;
        max-width: 120px;
    }
}*/

tr:hover {
  background-color: AntiqueWhite;
}
.affix{
    right: 5px !important;
}
footer {
	position: relative;
	bottom: 0;
}
input, select {
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: white;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=text] {
	height:26px;
}
input[type=number]{
	height:26px;
	vertical-align:bottom;
}

input[type=date]{
	height:26px;
	vertical-align:bottom;
	width:130px;
	font-size:14px;
}
select {
	vertical-align:bottom;
	height:26px
}
.dropdown-menu {
	min-width:50px;
}
/* Base button style to match your dropdown/input */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-size: 14px;
  font-family: inherit;
  color: #333;
  background-color: #f8f8f8;  /* light neutral background */
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Hover effect */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #e2e2e2;
  border-color: #999;
}

/* Focus effect (for accessibility) */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
  outline: none;
  border-color: #66afe9;
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}

/* Disabled state */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
  background-color: #eee;
  color: #999;
  border-color: #ddd;
  cursor: not-allowed;
}

/*select {
  background-color: #eee;
}*/
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  25% {
    opacity: 0;
  }
}
.cheque {
	width: 178mm; /* Cheque width (7 inches) */
	height: 89mm; /* Cheque height (3.5 inches) */
	border: 1px solid black;
	padding: 20px;
	font-family: Arial, sans-serif;
}
.aconly{margin-left:150px;}
.aconly1{margin-left:240px;}
.cqname{padding-top:18px;}
.cqname1{padding-top:24px;}
.bearer{position:relative; top:2px;}
.bearer1{position:relative; top:10px;}
.bearer2{position:relative; top:13px;}
.fadein {
  transition: all linear 0.5s;
}
.fadein.ng-hide {
  opacity: 0;
}
.mactive {background-color:#3c8dbc !important}
.mactive a{color:white}
.sactive {background-color:#eee !important}
a {cursor: pointer;}
.col-centered{
    float: none;
    margin: 0 auto;
}
.red {color:red}
.blue {color:blue}
.green {color:green}
.orange {color:orange}
.circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  text-align: center;
}
.close {
    font-weight: 400;
    color: #fff;
    opacity: .8;
}
.pop .close{color:#fff;}
.pop h3{text-align:center;}
.glyphicon{position:relative;top:-5;}
.btn-block{width:96%;margin:2%;}
.modal-header{background:#5bc0de;}
.main-footer {
    background: #f8f8f8;
    padding: 5px;
    color: #444;
    border-top: 1px solid #d2d6de;
}
.table {margin:0}
.center {text-align:center}
.m1 {width:160px;height:160px;display:inline;padding:5px;}
.m1 img {margin-left:2%;margin-top:2%;width:16%;}
.menu a{font-family:tahoma;font-size:16px;background:#bce8f1;border:1px solid #000;padding:5px 15px;margin:5px;text-decoration:none;border-radius:5px;color:#000;}
h2{margin:0;text-transform:uppercase;}
h3{text-align:left;margin-left:2%;color:#0431B4;}
select {height:26px}
.int, .real{text-align:right;padding-right:3px}
.monthyear{width:80px;}
input.date{
	width:100px;}
.text-white {
  color: #fff !important;
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #bbb !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #800080 !important;
}
.text-violet {
  color: #EE82EE !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.btn {padding:4px 12px !important;}
.panel-default {
    border-color: #ccc;
}
.panel-heading {
    padding: 5px 15px;
}
.panel-heading-menu{
    padding: 5px 15px;
	border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-default>.panel-heading-menu {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-body {
   background-color:#FBFBEF;
}
.panel-footer {
    padding: 5px 15px;
}
.panel-fuchsia {
    border-color: #d80ea9;
}

.panel-fuchsia .panel-heading {
    border-color: #d80ea9;
    color: #fff;
    background-color: #f012be;
}
.panel-fuchsia a:hover {
    color: #900970;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-green a:hover {
    color: #3d8b3d;
}
.panel-red {
    border-color: #d9534f;
}
.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}
.panel-red a:hover {
    color: #b52b27;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-yellow a:hover {
    color: #df8a13;
}
.panel-orange {
    border-color: #FA8258;
}
.panel-orange .panel-heading {
    border-color: #FA8258;
    color: #fff;
    background-color: #FA8258;
}
.panel-orange a:hover {
    color: #FF4000;
}
.panel-grey {
    border-color: #6E6E6E;
}
.panel-grey .panel-heading {
    border-color: #6E6E6E;
    color: #fff;
    background-color: #6E6E6E;
}
.panel-grey a:hover {
    color: #585858;
}
.fa-spin-custom, .glyphicon-spin {
  -webkit-animation: spin 3000ms infinite linear;
  animation: spin 3000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.onlyprint {display: none;}
@media print {
  .onlyprint {display: block;}
  .pagebreak { page-break-before: always; }
  .footage {
        position: fixed;
        bottom: 0;
    }
}
/*@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}
/*Black Theme
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}*/