/* add red stat for field required */
form div.required label:after {
    content: " *Required ";
    /* content: " * "; */
    color: red;
    font-size: 50%;
    vertical-align: top;
}
/* end add red stat for field required */

.img-xs {
    width: 24px;
	height: 24px
}
.nav-item .bi {
    position: relative;
    top: -.168rem;
	font-size: 1.11em;
}
.text-sm {
	font-size: .85em !important;
}
.text-overflow {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-2x {
	line-height: 1.5em;
	min-height: 3em;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	overflow: hidden;
	text-overflow: ellipsis;
}
.cs-pointer {
	cursor: pointer;
}
/* Important part */
.modal-dialog.scrollable{
    overflow-y: initial !important
}
.scrollable .modal-body{
    height: 80vh;
    overflow-y: auto;
}


.bord-outline {
	border-bottom: 4px solid rgba(0,0,0,.1);
}

.input-group-text-border {
	background: none;
    border: none;
    border-bottom: 1px solid gainsboro;
    border-radius: 0;
}
.input-group-text-border-0 {
	background: none;
    border: none;
    border-radius: 0;
}

.media-block .media-left {
	display: block;
	float: left
}

.media-block .media-right {
	float: right
}

.media-block .media-body {
	display: block;
	overflow: hidden;
	width: auto
}

.media-block:after {
	content: '';
	display: table;
	clear: both
}

/* Dropdown */
.dropdown-menu.dropdown-period {
	width: 250px !important;
}
.dropdown-menu.dropdown-period .dropdown-item{
	line-height: 2.5em;
}
.dropdown-item {
	line-height: 2.2em;
}

/* Navigation No Hovering*/
.header-nav .nav-link.no-hover, .header-nav .nav-link.no-hover{
	color: rgb(177 177 218 / 85%) !important;
}
.header-nav .nav-link.no-hover:focus, .header-nav .nav-link.no-hover:hover{
	color: rgb(177 177 218 / 85%) !important;
	background: transparent !important;
}
.header-nav .nav-link.no-hover span:focus, .header-nav .nav-link.no-hover span:hover,
.header-nav .nav-link.no-hover span.active, .header-nav .nav-link.no-hover span.active{
	color: #fff !important;
	
}

/* Tile */
.visual-picker-content .tile-md img {
	width: 36px;
	height: 36px;
}

/* Toast */
.colored-toast .swal2-title {
	color: #fff !important;
}

.font-weight-semibold {
	font-weight: 500;
}