@color-navy: rgb(17, 27, 88);

/* base selectors */
a,
a:active,
a:visited,
a:hover {
  color: @color-navy;
}

textarea {
  resize: auto;
}


.fs-sm {
  font-size: 0.875em;
}

.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
/**
Use it on a td to force its size to be the smallest possible.
Useful for a column with checkboxes for example.
**/
.table-col-smallest {
  width: 0;
  white-space: nowrap;
}

.table .table-active {
	background-color: rgb(225,232,246);
}

*:not(.menu-portal) > .navbar a.nav-link:hover {
  text-decoration: none;
  background-color: #dee2e6;
  border-radius: 4px;
}

.sidebar-width {
	min-width: 150px;
	max-width: 300px;
}

.alert-danger .errorMessage:first-child { list-style-type: none;}
.alert-danger .errorMessage:not(:first-child) { margin-left: 30px;}

/** Useful to rotate a font-awesome icon like the pager icon. **/
.rotate-180 {
	transform: rotate(180deg);
}

#notice-container {
	position: fixed;
	display: none;
	cursor: pointer;
	top: 0px;
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	z-index: 10000;
}

#notice-container>.notif {
	text-align: center;
	padding: .8rem 0;
	font-size: 1.2rem;
	font-weight: bold;
}

.nav-tabs {
	.nav-link {
		border-color: #e9ecef #e9ecef;
		color:#495057;
		
		&:hover {
			border-color: #6c757d;
		}
		&.active {
			border-bottom:none;
			border-color: #6c757d;
			background-color: #f8f9fa;
			font-weight: bold;
			height: calc(100% + 1px);
		}
	}
}

.editor-tab-panel {
	.row {display: table-row;}
	.col-form-label {
		width: auto!important;
		display: table-cell;
		white-space: nowrap;
		padding-bottom: 15px;
		padding-left: 0px;
		vertical-align: middle;
	}
	
	// Workaround for dependent operation widget displayed on the right to ignore the mb-2 class
	.jpEdit .operation {
		margin-bottom: 0 !important;
	}
}

.w-fit-content {
	width: fit-content;
}

/* remove the border on the last row of a table */
.table-bordered-not-last-row tbody tr:last-child td {
	border-bottom: none;
}

.table-no-hover-row:hover>* {
	color:inherit !important;
	background-color:inherit !important;
	--bs-table-accent-bg:inherit !important;
}

.faxdetail-no-last-row-border > div:last-child table tr:last-child td  {
	border-bottom: none;
}

.z-max {
	/* bootstrap z-index max is 1080 */
	z-index: 1090;
}

#dialogSpinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}