/* breadcrumb */
.content-header>.breadcrumb {
	float: unset;
	position: unset;
	top: unset;
	right: unset;
}


/* left sidebar */
.sidebar-menu>li>.treeview-menu {
    padding: 0 1px 0 21px;
}

/* input element */
.linear-bg {
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 0px);
    background-size: 3em 3em;
    background-origin: content-box;
	line-height: 21px;
}
.btn-app {
	margin: 10px 10px 10px 0px;
}
.info-box-number {
	color: #444444;
}

#qrcode img{
	display: inline-block;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    border-radius: 2px;
    z-index: 2;
}

.input-underline {
	border-top: unset;
	border-left: unset;
	border-right: unset;
}

.fa.sub-top-right {
	font-size: 60%;
	position: relative;
	top: -10px;
	left: 1px;
}

/* box */
.box-header:hover {cursor: pointer}
.border-top-none {border-top: unset;}
.content {min-height: 20px; padding: 0px 15px;}

/* general */
.font-9 {font-size: 9px;}
.font-10 {font-size: 10px;}
.font-13 {font-size: 13px;}
.font-20 {font-size: 20px;}
.font-35 {font-size: 35px;}

.w-12 {width: 12px;}
.w-100 {width: 100px;}
.w-200 {width: 200px;}
.mb-10 {margin-bottom: 10px;}
.mt-30 {margin-top: 30px;}

.me-3 {margin-right: 3px;}
.ms-3 {margin-left: 3px;}


.float-left {float: left;}
.float-right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}