@charset "utf-8";
@media print {
	.no-print {
		display: none !important;
	}

	.print-only {
		display: block;
	}
}

@media print {
	a[href]:after {
		content: none !important;
	}
}

@media screen {
	.print-only {
		display: none;
	}
}

* {
	margin: 0px;
	padding: 0px;
}


.topnav {
	float: right;
	margin-right: 50px;
	font-size: 20px;
	margin-top: 10px;
	display: block;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

/*#container{text-align:left;	background:#fff; border:1px solid #ccc;	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;	-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; margin:10px auto 10px auto; width:98%; border-radius:10px; }*/

#icon {
	display: inline-block;
	margin: 10px;
	font-size: 15px;
	border: 0px solid #666666;
	background: linear-gradient(#ececec, #d9d9d9);
	border-radius: 10px;
	width: 120px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

#subicon {
	display: table-cell;
	height: 70px;
	width: 120px;
	border: 0px solid;
	vertical-align: middle;
}

#icon a {
	color: #F00;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	line-height: auto;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 5px;
}

#icon:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	cursor: pointer
}

#icon:hover a {
	color: #000000
}

#footerstick {
	position: fixed;
	bottom: 0px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	opacity: 30%;
	border-radius: 10px;
	border-bottom: 10px solid #006;
	z-index: 9999
}

#footerstick:hover {
	opacity: 100%;
}

#footercontent {
	text-align: left;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
	-o-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
	width: 100%;
	border-radius: 5px;
	height: 55px;
	padding: 5px;
	font-size: 16px;
}

#support {
	float: right;
	text-align: center;
	font-size: 11px;
}

#form {}

#form ul {
	margin-left: 15px;
}

select,
input {
	width: 200px;
	padding: 2px;
	margin: 2px;
	border-radius: 4px;
	border: 1px solid #66AAAA;
}

input[type="radio"] {
	width: 30px;
}

input[type="checkbox"] {
	width: 30px;
}

.focus {
	background: #FF6;
	!important;
}

.fieldtextlarge {
	width: 300px;
}

.fieldtextmedium {
	width: 155px;
}

.fieldtextsmall {
	width: 50px;
}

.highlight {
	border: 2px solid #F00
}

.error {
	color: #F00;
	margin-left: 30px;
	font-size: 24px;
	width: 100%;
	clear: both;
}

.ui-autocomplete-loading {
	background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

table#details {
	font-size: 10px;
}

table#profit_loss {
	font-size: 12px;
}

table#profit_loss tr td strong {
	font-size: 16px;
	padding: 10px;
}

table#profit_loss tr td#number {
	text-align: right;
	padding: 10px;
	font-size: 16px;
}

#number {
	text-align: right;
	padding: 10px;
	font-size: 16px;
}

table#profit_loss tr td table tr th {
	background: #AADBDB;
	color: #000000;
}

table#profit_loss tr td table tr td {
	font-size: 11px;
}

table#profit_loss tr td table tr td#number {
	font-size: 11px;
	text-align: right;
	padding: 10px;
}

td .glyphicon {
	padding: 8px;
}

/* ============================================
   Override bg-danger to blue (#0d6efd) specifically
   for card headers and table heads, without affecting
   bg-danger used elsewhere (buttons, badges, alerts, etc.)
   ============================================ */

.card-header.bg-danger,
.card-header,
.bg-danger,
thead.bg-danger,
thead.card-header {
	background-color: #2697dd !important;
	border-color: #2697dd !important;
	color: #ffffff !important;
}

.card-header.bg-danger,
.card-header,
.bg-danger,
thead.bg-danger,
thead.bg-danger th,
thead.bg-danger td {
	background-color: #2697dd !important;
	border-color: #2697dd !important;
	color: #ffffff !important;
}

/* ============================================
   Override btn-danger and btn-success to use #2980b9
   Covers background, border, hover, focus, and active states
   ============================================ */
.btn-danger,
.btn-primary,
.btn-success {
	background-color: #2980b9 !important;
	border-color: #2980b9 !important;
	color: #ffffff !important;
}

.btn-danger:hover,
.btn-success:hover,
.btn-danger:focus,
.btn-success:focus,
.btn-danger:active,
.btn-success:active,
.btn-danger.active,
.btn-success.active,
.btn-check:checked+.btn-danger,
.btn-check:checked+.btn-success {
	background-color: #236b98 !important;
	border-color: #236b98 !important;
	color: #ffffff !important;
}

.btn-danger:focus,
.btn-success:focus {
	box-shadow: 0 0 0 0.25rem rgba(41, 128, 185, 0.5) !important;
}

.btn-outline-danger,
.btn-outline-success {
	color: #2980b9 !important;
	border-color: #2980b9 !important;
}

.btn-outline-danger:hover,
.btn-outline-success:hover {
	background-color: #2980b9 !important;
	border-color: #2980b9 !important;
	color: #ffffff !important;
}

.navbar .container-fluid {
	background: transparent !important;
}

.main-panel > .navbar {
	background: #1f81be !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Autocomplete Dropdown Styling */
.ui-autocomplete {
	z-index: 99999 !important;
	max-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
	padding: 5px 0 !important;
}

.ui-autocomplete .ui-menu-item-wrapper {
	padding: 8px 15px !important;
	font-size: 14px !important;
	color: #333333 !important;
	cursor: pointer !important;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper:hover {
	background: #1f81be !important;
	color: #ffffff !important;
	border: none !important;
}

/* Animated Expandable Search Bar */
.navbar-search-form .input-group {
	width: 240px;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.navbar-search-form .input-group:focus-within {
	width: 350px !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-1px);
}

.navbar-search-form .input-group-text i {
	transition: all 0.25s ease !important;
}

.navbar-search-form .input-group:focus-within .input-group-text i {
	color: #1f81be !important;
	transform: scale(1.15);
}

/* Modern Connected Navbar Dropdown Menu */
.dropdown-menu.show,
.dropdown.show > .dropdown-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: absolute !important;
	right: 0 !important;
	left: auto !important;
	top: 100% !important;
	margin-top: 12px !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
	padding: 8px 0 !important;
	min-width: 195px !important;
	transform-origin: top right;
	animation: dropdownFadeIn 0.2s ease-out;
}

@keyframes dropdownFadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* KILL ALL OLD / UNWANTED DROPDOWN TRIANGLE PSEUDO ELEMENTS */
.dropdown-menu::after,
.dropdown-menu.show::after,
.dropdown.show > .dropdown-menu::after,
.navbar .dropdown-menu::before,
.navbar .dropdown-menu::after,
.navbar-nav .dropdown-menu::before,
.navbar-nav .dropdown-menu::after,
.navbar-nav .nav-item .dropdown-menu::before,
.navbar-nav .nav-item .dropdown-menu::after {
	display: none !important;
	content: "" !important;
	opacity: 0 !important;
	border: none !important;
}

/* OUR SINGLE PERFECT POINTING TAIL DIRECTLY TO ADMIN BUTTON */
.dropdown-menu.show::before,
.dropdown.show > .dropdown-menu::before {
	content: '' !important;
	display: block !important;
	opacity: 1 !important;
	position: absolute !important;
	top: -6px !important;
	right: 28px !important;
	left: auto !important;
	width: 12px !important;
	height: 12px !important;
	background: #ffffff !important;
	transform: rotate(45deg) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
	z-index: 1000000 !important;
}

/* Remove default Bootstrap caret */
.dropdown-toggle::after {
	display: none !important;
}

/* Animated Chevron Rotation on Open */
#navbarDropdownMenuLink .fa-chevron-down {
	transition: transform 0.25s ease !important;
}

.dropdown.show #navbarDropdownMenuLink .fa-chevron-down {
	transform: rotate(180deg) !important;
}

.dropdown-menu .dropdown-item {
	padding: 9px 16px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	color: #334155 !important;
	transition: all 0.18s ease !important;
	border-radius: 6px !important;
	margin: 2px 6px !important;
	width: calc(100% - 12px) !important;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	z-index: 2 !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
	background: #f1f5f9 !important;
	color: #1f81be !important;
	transform: translateX(3px) !important;
}

.dropdown-menu .dropdown-item.text-danger:hover {
	background: #fef2f2 !important;
	color: #ef4444 !important;
}

.dropdown-menu .dropdown-divider {
	margin: 5px 0 !important;
	border-top: 1px solid #f1f5f9 !important;
}

/* Clean Sticky/Fixed Footer Layout with Zero Bottom Gap */
html, body {
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wrapper {
	min-height: 100vh !important;
}

.main-panel {
	min-height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	margin-bottom: 0 !important;
}

.main-panel > .content {
	flex: 1 0 auto !important;
}

.footer {
	margin-bottom: 0 !important;
	margin-top: auto !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	background-color: #ffffff !important;
	border-top: 1px solid #e2e8f0 !important;
}

/* ERP Global Table Header Uniform Styling */
.table thead th,
.table thead td {
	background-color: #1f81be !important;
	color: #ffffff !important;
	vertical-align: middle !important;
	text-align: center !important;
	font-weight: 600 !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	line-height: 1.4 !important;
}

.table tbody td {
	vertical-align: middle !important;
}
table thead th .dt-column-order:before,
table thead th .dt-column-order:after {
	color: #ffffff !important;
	opacity: 0.85 !important;
}
/* Global CMIS Stat Card Styles */
.cmis-stat-card {
	background: #ffffff !important;
	border-radius: 12px !important;
	padding: 20px !important;
	display: flex !important;
	align-items: center !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
	margin-bottom: 20px !important;
	transition: all 0.25s ease !important;
	border-top: 5px solid #cbd5e1 !important;
}
.cmis-stat-card:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}
.cmis-card-red { border-top-color: #ef4444 !important; }
.cmis-card-red .stat-icon-wrap { color: #ffffff !important; background: #ef4444 !important; }
.cmis-card-red .stat-info h2 { color: #ef4444 !important; }

.cmis-card-teal { border-top-color: #10b981 !important; }
.cmis-card-teal .stat-icon-wrap { color: #ffffff !important; background: #10b981 !important; }
.cmis-card-teal .stat-info h2 { color: #10b981 !important; }

.cmis-card-blue { border-top-color: #1f81be !important; }
.cmis-card-blue .stat-icon-wrap { color: #ffffff !important; background: #1f81be !important; }
.cmis-card-blue .stat-info h2 { color: #1f81be !important; }

.cmis-card-orange { border-top-color: #f59e0b !important; }
.cmis-card-orange .stat-icon-wrap { color: #ffffff !important; background: #f59e0b !important; }
.cmis-card-orange .stat-info h2 { color: #f59e0b !important; }

.stat-icon-wrap {
	width: 54px !important;
	height: 54px !important;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	font-size: 22px !important;
	margin-right: 15px !important;
	flex-shrink: 0 !important;
}
.stat-info p {
	margin: 0 !important;
	color: #64748b !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}
.stat-info h2 {
	margin: 4px 0 0 !important;
	font-size: 28px !important;
	font-weight: 700 !important;
}

/* Global CMIS Panel & Progress Bar Styles */
.cmis-panel {
	background: #ffffff !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
}
.cmis-panel-header {
	background: #1f81be !important;
	padding: 15px 20px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
}
.cmis-panel-header i {
	margin-right: 10px !important;
	color: #ffffff !important;
}
.cmis-panel-body {
	padding: 20px !important;
	position: relative !important;
}

.cmis-prog-row {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 15px !important;
}
.cmis-prog-label {
	width: 160px !important;
	font-size: 13px !important;
	color: #475569 !important;
	font-weight: 600 !important;
}
.cmis-prog-bar-wrap {
	flex: 1 !important;
	height: 10px !important;
	background: #e2e8f0 !important;
	border-radius: 6px !important;
	margin: 0 15px !important;
	overflow: hidden !important;
}
.cmis-prog-bar {
	height: 100% !important;
	border-radius: 6px !important;
	transition: width 1s ease-in-out !important;
}
.cmis-prog-num {
	width: 45px !important;
	font-weight: 700 !important;
	text-align: right !important;
	font-size: 14px !important;
}
.nb-blue { color: #1f81be !important; }
.nb-green { color: #10b981 !important; }
.nb-teal { color: #0d9488 !important; }
.nb-orange { color: #f59e0b !important; }
.nb-grey { color: #64748b !important; }
.nb-red { color: #ef4444 !important; }