/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
	cursor: pointer;
	color: #0366d6;
}

/*
.btn-primary
{
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	/*font-size: 12px;*/
}

@media (min-width: 768px) {
	html {
		/*font-size: 16px;*/
	}
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

/*.box-shadow
{
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}*/

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	margin-top: 50px !important;
	margin-bottom: 0px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 30px; /* Vertically center the text there */
	background: white;
}

/************************************* Overridden Styles *************************************/

.page-header {
	padding: 25px 0px 2px 15px !important;
	margin-left: 0px !important;
	margin-bottom: 0px;
	font-size: 14px;
	border-bottom: 1px solid #eeeeee;
	background: #FFFFFF;
}

#content-wrapper {
	height: calc(100vh - 92px) !important;
	margin-top: 0px !important;
	overflow: auto !important;
	padding-top: 20px !important;
	padding-bottom: 0px !important;
	min-height: 0px !important;
}

.panel {
	background: white;
}

.panel-heading {
	font-size: 16px;
}

.btn {
	min-width: 80px;
}

	.btn.small {
		min-width: 40px;
	}


.modal-title {
	padding-top: 5px;
	font-size: 16px;
}

/************************************* Custom Styles *************************************/
.bg-white {
	background-color: white;
}

.full {
	width: 100%;
	height: 100%;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.panel-heading {
	border-bottom: 1px solid #DDDDDD !important;
}

.search-filter label {
	font-size: 11px !important;
}

/* Display */

.display-if {
	display: inline-flex;
}

/* Display - End */

/* Auto complete - Start */

.ui-autocomplete-suggestions {
	display: block;
	position: relative
}

.ui-autocomplete {
	position: absolute;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-corner-all {
	border-radius: 0px !important;
}

/*.ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all*/

/* Auto complete - End */

/* Grid Styles - Start */
.table {
	/*font: 11px Verdana;*/
}

	.table th {
		margin: 2px;
		padding: 5px;
		font-weight: bold;
		background-color: #DDDDDD;
		color: #222222;
		height: 22px;
		border: none;
	}

	.table td {
		padding: 5px;
		border-bottom: 1px solid #e4e4e4 !important;
	}

	.table tr th:first-child, .table tr td:first-child {
		border-left: 1px solid #e4e4e4 !important;
	}

	.table tr th:last-child, .table tr td:last-child {
		border-right: 1px solid #e4e4e4 !important;
	}

	.table tr:last-child td {
		border-bottom: 1px solid #e4e4e4 !important;
	}

	.table tr.row-group {
		border-top: 5px solid #D5D5D5 !important;
	}

	.table th.column-group, .table td.column-group {
		border-left: 5px solid #e4e4e4 !important;
	}

	.table th.column-group-right, .table td.column-group-right {
		border-right: 5px solid #e4e4e4 !important;
	}

	.table tr.sticky th, .table tr.sticky td {
		position: sticky !important;
		top: -21px !important;
		background-color: #dddddd;
		z-index: 100 !important;
	}

.pagination, .pagination div {
	display: inline-flex !important;
	margin: 0px !important;
}

	.pagination div a {
		padding: 0px 2px;
		color: #0000AA;
		text-decoration: none;
		/*margin: 0 1px 0 1px;
        padding: 2px 3px;
        background-color: #F5F5F5;
        border: 1px solid #E5E5E5;
        min-width: 20px;*/
	}

		.pagination div a.current {
			color: black;
			font-weight: bold;
			text-decoration: none;
		}

		.pagination div a.inactive, .pagination div a:hover.inactive {
			color: gray;
			text-decoration: none;
		}

	.pagination div.page, .pagination div.records {
		margin-right: 15px !important;
	}

table tr .icon-edit,
table tr .icon-delete,
table tr .icon-select {
	font-size: medium;
	/*color: #888888;*/
}

.icon-delete {
	font-size: larger;
}

/*
table tr:hover .icon-edit
{
    color: #0000FF;
}

table tr:hover .icon-delete
{
    color: #CC0000;
}

table tr:hover .icon-select
{
    color: #008800;
}*/
/* Grid Styles - End */

.filebasket {
	margin: 0px;
	padding: 5px;
	height: 120px;
	border: 5px dashed #EEEEEE;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
}

	.filebasket .fileinfo {
		width: auto;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		color: #cccccc;
	}

.required {
	font-size: 12px;
	color: #CC0000;
	margin: 0px 0px;
	vertical-align: sub;
}

/* Padding - Start */
.pl-0 {
	padding-left: 0px;
}
/* Padding - End */

/* Align - Start */
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}
/* Align - End */

.icon-button {
	min-width: 32px !important;
	width: 28px !important;
	height: 28px !important;
}

.heading {
	margin-top: 0px;
	color: #2e74b5;
	font-family: Calibri Light,Calibri;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

/* Onboarding Status Page - Start */
input[type="radio"] {
	margin-left: 10px;
	margin-right: 5px;
}

#dvEmployee label {
	font-weight: normal !important;
}

.panel-info.panel-dark .panel-heading .panel-title {
	color: #fff !important;
}

#pills-contact label {
	font-weight: normal !important;
}

.heading {
	margin-top: 0px;
	color: #2e74b5;
	font-family: Calibri Light,Calibri;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.headingline {
	border-bottom: 1px solid #ddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
}

.panel-default {
	border: 1px solid #FAFAFA;
}

tr.tabe-group-buttons th, tr.tabe-group-buttons td,
tr.tabe-group-buttons th:first-child, tr.tabe-group-buttons td:first-child,
tr.tabe-group-buttons th:last-child, tr.tabe-group-buttons td:last-child {
	border: 0px solid transparent !important;
}

#dvModalDocument .modal-dialog {
	width: 1000px;
	height: 520px;
	max-height: 600px;
}

#dvModalDocument .modal-body {
	padding: 0px;
}

#dvModalDocument .modal-footer {
	margin-top: -5px !important;
}

.panel-title {
	color: #2e74b5;
}

.panel {
	box-shadow: none !important;
}



.shrink-space {
	letter-spacing: -1.3px !important;
}

.pagerow {
	padding: 6px !important;
}

.spanright {
	padding-right: 10px;
}

.disabled {
	color: #b1b1b1;
	cursor: inherit;
	pointer-events: none;
}

.active {
	font-weight: bold;
}

	.active a {
		color: #000;
	}
	
.action-icons {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    gap: 14px;
}

.action-icon {
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

.action-icon.edit i {
    color: #e53935; /* pencil red */
}

.action-icon.approve i {
    color: #2e7d32;
}

.action-icon.decline i {
    color: #d32f2f;
}

.action-icon:hover {
    transform: scale(1.1);
}

.action-icon.edit i {
		font-size: 14px; /* reduce size */
		color: #e53935;
}