html {
	/* overflow: hidden; */
	/* height: 100%; */
}

body {
	/* height: auto;  set for height modal form */
	/* overflow: auto; */
	height: 100%;
	padding: 0px;
	margin: 0px;
	min-height: 100%;
	background-image: radial-gradient(
		ellipse at 100% 50%,
		rgba(224, 224, 224, 0.836),
		rgb(255, 255, 255)
	);

	/* background-image: repeating-linear-gradient(90deg, rgb(221, 226, 221), white 0.25%); */
}

#login-page #text {
	border: none;
	font-size: 36px;
	font-weight: 600;
	/* width: 16%; */
	height: auto;
	margin-bottom: 0;
	text-align: center;
	/* position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); */
}

#login-page #loginImage {
	font-size: 4.2em;
	padding: 0;
	color: rgba(4, 46, 73, 0.7);
}

#login-page #username {
	color: rgb(82, 80, 80);
	font-size: 1.2em;
	text-align: center;
}

.title-page {
	border-radius: 13px;
	margin: 10px 0px 5px 0px;
	padding: 3px;
	color: rgb(23, 24, 24);
	font-weight: 500;
	font-size: 0.7rem;
	text-transform: uppercase;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	box-shadow: -1px 4px 6px -2px #565555af;

	/* background: #f7f7f7; */
	/* background: linear-gradient(to bottom,#78b1ed 0%,#417bb5 100%); */
	border: 1px solid #3a3a3a83;
}

.card-body.login {
}

.footer {
	font-size: 0.8em;
}

#register {
	color: rgb(156, 156, 156);
	font-size: 1em;
	text-align: center;
}

.cari {
	border-radius: 20px;
}

#fakebox_search {
	position: relative;
}

#fakebox {
	background: none;
	width: 30px;
	border: none;
	height: 30px;
	/* background-size: 30px 30px; */
	bottom: 0;
	cursor: pointer;
	padding: 4px 4px;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #827e7e;
	outline: none;
}

#fakebox:hover {
	transition: all 0.7s;
	background-color: #00000014;
	opacity: 0.5;
	color: black;
}

.modal-header,
.modal-footer {
	background: rgb(243, 243, 243);
}

.tombol-form {
	cursor: pointer;
}

.enabled-pointer :disabled {
	cursor: no-drop;
}

.element-form {
	width: 100%;
	border-radius: 5px;
	outline: none;
}

#data-page a {
	color: rgba(255, 255, 255, 0.5);
}

#data-page .active,
#data-page a:hover {
	transition: all 0.6s;
	color: rgb(255, 255, 255);
}

.jtable-column-header-container {
	text-align: center;
}

/* .jtable-main-container  {
	width: 100%;
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
} */

.table-modal .jtable {
	/* overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background: white;
    display: inline-block;
    height: 95%; */
}

/* .modal div.jtable-main-container div.jtable-bottom-panel{
	background: #d9dde0;
	display: none;
} */

.scroll-content {
	overflow-x: hidden;
	overflow-y: auto;
	background: rgb(228, 228, 228);
	width: 100%;
	height: 100%;
	border: 1px solid #c8c8c8;
}

.devider-h {
	border-right: thin solid rgba(214, 214, 214, 0.486);
	margin: 6px 15px;
	height: auto;
	padding: 0px;
}

.devider-h2 {
	border-right: thin solid rgba(196, 195, 195, 0.438);
	margin: 6px 10px;
	height: auto;
	padding: 0px;
}

a.text-warning {
	position: relative;
}

#btn-terimaasset {
	position: relative;
}

#btn-distribusi {
	position: absolute;
	transform: scale(0.7);
	transform-origin: top right;
	right: -0.09rem;
	top: 8.5px;
}

#summary {
	margin-top: 2px;
	font-size: 0.8rem;
	overflow: auto;
	background: #f5f4f4;
	border: thin solid rgb(206, 206, 206);
	border-radius: 3px;
}

li .summary {
	background: #c9c9c9;
	font-size: 0.7rem;
	padding: 1px 9px 1px 9px;
	border-radius: 9px 0px 0px 9px;
	color: black;
	font-weight: bold;
}

.detail-summary {
	background: #4a4a4a;
	font-size: 0.7rem;
	padding: 1px 9px 1px 9px;
	border-radius: 0px 9px 9px 0px;
	color: white;
}

/* #summary .list-inline-item:not(:last-child) {
    margin-right: .1rem;
} */

#asset_detail #summary-footer {
	padding: 0.3rem;
}

@media screen {
	#cetak-penerimaan,
	.print-frame {
		display: none;
	}
}

@media print {
	#cetak-penerimaan,
	.print-frame {
		display: block;
	}

	@page {
		size: portrait;
		/* size:legal landscape; */
	}

	.jtable-command-column {
		display: none;
	}
}

#input-msg {
	margin-top: 5px;
}

#messages {
	border: thin solid #ccc;
	padding: 9px;
	border-radius: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}

.user-msg,
.client-msg {
	border: thin solid gainsboro;
	border-radius: 19px;
	white-space: pre-wrap;
}

.user-msg {
	background: azure;
}

.client-msg {
	background: honeydew;
}

.select-editable {
	font-size: 0.9rem;
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #c92525;
}

.jtable-child-row tbody tr {
	color: #035abd;
}

.jtable-child-table-container {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

mark {
	background: orange;
	color: black;
}

div.search span {
	display: block;
}

div.panel {
	margin-bottom: 15px;
}

div.panel .panel-body p:last-child {
	margin-bottom: 0;
}

/**
   * Styles for datatables.mark.js
   */

.mark {
	padding: 0;
	background: #02ff21;
	color: #dc3545;
}

#qr-frame {
	width: 90px;
	height: 90px;
}

.password {
	position: relative;
	/* background-color: #02ff21;; */
}

.loader-frame {
	position: absolute;
	width: 15px;
	height: 15px;
	/* background-color: #02ff21; */
	top: 9px;
	left: 8px;
}

.loader {
	display: inline-block;
	border: 0.5px solid #006a94;
	border-radius: 50%;
	border-top: 0.5px solid #e9e8e8;
	width: 15px;
	height: 15px;
	animation: spin 1s linear infinite;
	/* margin-right: 10px; */
}

#input-baru .asset-detail a {
	color: rgb(156, 156, 156);
}

#input-baru .asset-detail a:hover {
	color: rgb(104, 103, 103);
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

span.item:first-child {
	font-size: 16px;
	color: inherit;
}

span.item:not(:first-child):last-child {
	color: inherit;
	font-size: 11px;
}

.not-found-list {
	color: rgb(201, 24, 1);
	font-weight: bold;
}

.row-eq-height [class^="col"] {
	display: flex;
	flex-direction: column;
}

.row-eq-height [class^="col"] div {
	flex-grow: 1;
}

.img-frame:hover {
	opacity: 0.7;
	transition: all 0.8s;
}

.skeleton {
	animation: skeleton-loading 0.5s linear infinite alternate;
}

@keyframes skeleton-loading {
	0% {
		background-color: hsl(0, 0%, 81%);
	}

	100% {
		background-color: hsl(0, 0%, 91%);
	}
}

.skeleton-body {
	background-color: transparent;
	height: 12rem;
}

.skeleton-text {
	width: 100%;
	height: 0.7rem;
	margin-bottom: 0.5rem;
	border-radius: 0.25rem;
}

.skeleton-text__body {
	width: 100%;
}

.skeleton-title {
	width: 100%;
}

.skeleton-footer {
	width: 60%;
}
#item_id-flexdatalist-results {
	width: 50% !important;
}

.select-editable {
	width: 800px;
}