@charset "UTF-8";
/* VidalFramework CSS */

 
.appBox {
	width: 100px;
	display: inline-block;
	padding: 2px;
	margin: 5px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
}
.appBox:hover {
	border: 1px #d1d1d1 solid;
	background-color: #fafafa;
}
.systemMessages {
	display:none;
}


.notification {
	height: 51px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 2px #ddd;
	display:none;
	box-shadow: 1px 1px 2px #ddd;
}
.notification p {
	margin: 14px 10px 0 75px;
	font-size: 13px;
	color: #333;
}
.notification a.close {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	right: 5px;
	background-image: url(/images/close.png);
	background-repeat: no-repeat;
}
.notification a.close:hover {
	cursor: pointer;
}
.msgAlert a.close {
	background-position: -14px 0;
}
.msgAlert a.close:hover {
	background-position: -14px -14px;
}
.msgInfo a.close {
	background-position: -42px 0;
}
.msgInfo a.close:hover {
	background-position: -42px -14px;
}
.msgSuccess a.close {
	background-position: -28px 0;
}
.msgSuccess a.close:hover {
	background-position: -28px -14px;
}
.msgError a.close {
	background-position: 0 0;
}
.msgError a.close:hover {
	background-position: 0 -14px;
}
.msgAlert {
	border: 1px solid #eac572;
	background: #ffe9ad url(/images/notifications.png) no-repeat 0 -52px;
}
.msgInfo {
	border: 1px solid #99c4ea;
	background: #d1e4f3 url(/images/notifications.png) no-repeat 0 -156px;
}
.msgSuccess {
	border: 1px solid #c1d779;
	background: #effeb9 url(/images/notifications.png) no-repeat 0 -104px;
}
.msgError {
	border: 1px solid #e18b7c;
	background: #fad5cf url(/images/notifications.png) no-repeat 0 0;
}
.notification {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.spanLine{
	position:relative;
	display:block;
	padding:10px 15px;
	
}

.smallFont{
	font-size:11px;
	padding:0px;
	margin:0px;
	
}
.bigProfile{
	width:50%;
	height:auto;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{
	background-color:#fff;

}

.center{
	text-align:center;
	width:auto;
}
.rounded {
	border-radius: 10px;
}

.container{
	padding-left: 5px;
	padding-right: 5px;
}


.notificationList{
	 
	padding: 10px; 
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px #eee solid;

}

.notificationList:hover{
	background-color: #eee;
	 
}

.notificationBox{
	 
	background-color: #ecf6fb;
	width: 100%; 
	
	padding: 10px; 
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
 
}

.notificationBox:hover{
	background-color: #DEEFF8;
	 
}

.notificationBoxReaded{
	background-color: #F7F7F7;
	width: 100%; 
	color:#BABABA;
	padding: 10px; 
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.notificationBoxReaded:hover{
	background-color: #f2f2f2;
	 
}
.notificationMenu{
	float: right; 
	font-size: 12px; 
	border-left: 1px solid #CBC8C8; 
	padding-left: 5px;
	width: 90px;
	margin-right: 5px; 
	margin-left: 5px;
	
}
.targetNotification:target{
	background-color: #b68a46;
}

.green{
	color:#2E931A;
}
.red{
	color:#8E070A;
}

/** Data Tables **/

table.dataTable   {
	 border-bottom:  1px solid #c8ced3
}

 table.dataTable th {
  	background-color:#f0f3f5;
}
table.dataTable td{
	padding: .25em;
	vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 5px;
}

/* responsive Change expand color button */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {

	background-color: #b68a46;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
	background-color: #55657a;
}

/* Eagle Precision shared theme (login + home visual language) */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Rajdhani:wght@600;700&display=swap');

:root {
	--ep-ink: #1d232b;
	--ep-slate: #5f6872;
	--ep-olive: #6f7a67;
	--ep-sand: #e9ecef;
	--ep-accent: #b68a46;
	--ep-panel: #f5f6f7;
	--ep-line: rgba(31, 39, 49, 0.14);
	--ep-header: #1a2432;
	--ep-header-2: #213247;
	--ep-btn: #55657a;
	--ep-btn-2: #617188;
	--ep-btn-hover: #c89b51;
	--ep-btn-hover-2: #d8b379;
}

body {
	font-family: 'Barlow', sans-serif;
	color: var(--ep-ink);
	background: radial-gradient(circle at 18% -12%, rgba(188, 196, 206, 0.42) 0%, transparent 45%), radial-gradient(circle at 85% 115%, rgba(201, 194, 179, 0.32) 0%, transparent 45%), #eef1f4;
}

h1, h2, h3, h4, h5, .card-header, .modal-title {
	font-family: 'Rajdhani', sans-serif;
	letter-spacing: 0.02em;
	color: var(--ep-ink);
}

a {
	color: #485767;
}

a:hover,
a:focus {
	color: #2f3a45;
}

.app-header,
.navbar,
.topNav,
.topNavbar {
	background: #ffffff !important;
	border-bottom: 3px solid var(--ep-accent) !important;
}

.app-header .navbar-brand,
.app-header .nav-link,
.navbar .nav-link,
.topNav .nav-link,
.topNavbar .nav-link {
	color: #2f3a45 !important;
}

.sidebar,
.sidebar-nav,
.app-body .sidebar {
	background: linear-gradient(180deg, #d8dde3 0%, #c8ced6 100%) !important;
}

.sidebar .nav-link,
.sidebar-minimized .sidebar .nav-link,
.sidebar .nav-dropdown-toggle {
	color: #334150 !important;
	border-left: 3px solid transparent;
}

.sidebar .nav-link:hover,
.sidebar .nav-dropdown-toggle:hover,
.sidebar .nav-link.active,
.sidebar .nav-link.router-link-active {
	background: rgba(85, 100, 116, 0.16) !important;
	color: #1f2834 !important;
	border-left-color: var(--ep-accent);
}

.breadcrumb {
	background: linear-gradient(180deg, #f4f6f8 0%, #edf1f5 100%);
	border: 1px solid var(--ep-line);
	color: #52606f;
}

.card,
.modal-content,
.dropdown-menu {
	background: linear-gradient(180deg, #f8fafc 0%, #f2f4f6 100%);
	border: 1px solid rgba(85, 100, 116, 0.22);
	border-radius: 12px;
	box-shadow: 0 16px 32px rgba(44, 57, 73, 0.1);
}

.card-header,
.modal-header {
	background: linear-gradient(90deg, #ecf0f4 0%, #e5eaef 100%);
	border-bottom: 1px solid rgba(85, 100, 116, 0.2);
	color: #2c3a48;
}

.form-control,
.custom-select,
.input-group-text {
	border-color: #c4cdd6;
	background-color: #fdfdfd;
	color: #4f5f71;
}

.form-control:focus,
.custom-select:focus {
	border-color: #98a9bb;
	box-shadow: 0 0 0 3px rgba(99, 120, 143, 0.18);
	background-color: #ffffff;
}

.btn-primary,
.btn-info,
.btn-success,
.ep-btn,
.ep-login-btn {
	background: linear-gradient(180deg, var(--ep-btn-2) 0%, var(--ep-btn) 100%) !important;
	border-color: #5a6776 !important;
	color: #eef2f6 !important;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-success:hover,
.btn-success:focus,
.ep-btn:hover,
.ep-login-btn:hover {
	background: linear-gradient(180deg, var(--ep-btn-hover-2) 0%, var(--ep-btn-hover) 100%) !important;
	border-color: var(--ep-accent) !important;
	color: #2f3a45 !important;
}

.btn-secondary,
.btn-light {
	border-color: #b8c1ca;
	color: #43515f;
}

.badge-primary,
.badge-info,
.badge-success {
	background-color: #4f5d6c !important;
	color: #f3f7fa;
}

.alert-success {
	background-color: #e8f2e6;
	border-color: #b9d0b2;
	color: #2f4732;
}

.alert-info {
	background-color: #e8eef4;
	border-color: #becbda;
	color: #34465a;
}

.alert-warning {
	background-color: #f6eddc;
	border-color: #e5d0a6;
	color: #584526;
}

.alert-danger {
	background-color: #f5e3df;
	border-color: #deb8ae;
	color: #5f2f2b;
}

.table thead th,
table.dataTable th {
	background: linear-gradient(180deg, #eef2f5 0%, #e7ecf1 100%);
	color: #2f3b48;
	border-bottom-color: #c7d0d9;
}

.table td,
.table th,
table.dataTable td {
	border-top-color: #d7dfe7;
}

.pagination .page-link {
	color: #4b5a6a;
	border-color: #c2ccd6;
	background-color: #f8fafc;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
	background: linear-gradient(180deg, var(--ep-btn-hover-2) 0%, var(--ep-btn-hover) 100%);
	border-color: var(--ep-accent);
	color: #2f3a45;
}

.section-kicker {
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--ep-olive);
	font-weight: 700;
}

.section-title {
	font-size: clamp(2rem, 3vw, 2.8rem);
	line-height: 0.95;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.section-copy {
	font-size: 1rem;
	color: #5d6771;
}