h1.title-table  {
  display: block;
}

h2.title-table  {
  display: block;
  font-size:1.35em;
}

h2.title-table small {
  font-weight: normal;
  font-size:0.9em;
}

hr.title-table-separator {
	clear:both;
	margin:120px 0 50px 0;
}

/**
 * Improve Select 2 <select>
 */

.bootstrap-select a:not([href]).active,
.bootstrap-select a:not([href]).selected,
.bootstrap-select a:not([href]):active,
.bootstrap-select a:not([href]):focus,
.bootstrap-select a:not([href]):hover 
{
	background-color:white !important;
}

a.dropdown-item .fa-check {
	color: black !important;
}

/**
 * Improve horizontal header bar
 */

.navbar {
	z-index:999;
}

.app-main {
	padding-top: 0;
}

.app-header {
	position: static;
}

.navbar-dark .navbar-nav .nav-link.active {
	font-weight: bold;
}

@media (min-width: 992px)
{
	.page-inner {
	     padding-right: 4.5rem; 
	     padding-left: 4.5rem; 
	}
}

/* homemade class to disable 2-parts-input */
.input-disabled {
	background:#f6f7f9 !important;
}

/**
 * Effect for archived notifications
 */

.archived-notification {
	opacity:0.30;
}

/**
 * Customize Datatable
 */

table.table-hover tr:hover
{
	cursor: pointer;
}

/**
 * Fix general template
 */

.text-warning, .badge-subtle.badge-warning {
	color:#e8a430 !important;
}

/**
 * Auth
 */

#auth-header {
	background-size:cover;
	background-position: left top;
}

@media (min-width: 768px)
{
	.auth-header {
		padding-bottom: 6rem;
		margin-bottom: -6rem;
	}
}

/**
 * HT
 */

small.ht {
	font-size:.6em;
	font-weight: bold;
}

/**
 * Disable row for table (pending transaction)
 */

.pending-transaction {
	opacity: .44;
}

/**
 * Transaction alerts list
 */

.alerts-list .list-group-item.disabled {
	opacity: .3;
}

.alerts-list .list-group-item:hover {
	background: #f6f7f9 !important;
}

/**
 * Enrich progress bar
 */

.progress-info {
	display: flex;
	justify-content: space-between
}

.progress-info li {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #495463;
	line-height: 1.4
}

.progress-info li span {
	color: #758698;
	display: block;
	font-size: 12px
}

.g-round {
	width: 20px;
	height: 20px;
	background: black;
	color: white !important;
	border-radius: 100%;
	padding: 1px;
	display: inline;
	margin: 0 auto;
}

.progress-bar-enrich {
	display: block;
	color: #758698;
	background: #aebac7;
	height: 6px;
	border-radius: 3px;
	margin: 12px 0 60px;
	position: relative;
	overflow: visible !important;
}

.progress-hcap,
.progress-scap,
.progress-psale,
.progress-percent {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	border-radius: 3px
}

.progress-hcap>div,
.progress-scap>div,
.progress-psale>div,
.progress-percent>div {
	position: absolute;
	right: 0;
	transform: translateX(50%);
	width: 120px;
	font-size: 10px;
	line-height: 14px;
	font-weight: 500;
	padding: 25px 0 0 0;
	text-transform: uppercase;
	text-align: center;
}

.progress-hcap>div:after,
.progress-scap>div:after,
.progress-psale>div:after,
.progress-percent>div:after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	width: 2px;
	height: 20px;
	content: '';
	background: rgba(78, 92, 110, 0.3)
}

.progress-hcap>div span,
.progress-scap>div span,
.progress-psale>div span,
.progress-percent>div span {
	display: block;
	color: #495463
}

.progress-hcap {
	background: #d2dde9
}

.progress-scap {
	background: #8299d3
}

.progress-psale {
	background: #8299d3
}

.progress-percent {
	background: #2c80ff
}

.progress-percent:after {
	position: absolute;
	content: '';
	right: 0;
	top: 50%;
	height: 18px;
	width: 18px;
	border: 3px solid #F7C46C;
	background: #fff;
	border-radius: 50%;
	transform: translate(50%, -50%)
}