/* a:hover {
	text-decoration: none;
	cursor: pointer;
} */
.add-klien {
	display: none;
}
.add-klien.active {
	display: block;
}
.has-error {
	border-color: red;
	background-color: #ffeeec;
}
.has-error:focus {
	border-color: red;
	background-color: #ffeeec;
	box-shadow: 0 0 0 0.2rem #eb9a91;
}
.bi {
	line-height: 80%;
}
.bg-light-gray {
	background-color: #eaeaea;
}
.btn-excel {
	color: azure;
	background-color: #51b346;
	border-color: #51b346;
}
.btn-excel:hover {
	color: azure;
	background-color: #45983b;
}
.btn-sm {
	line-height: 1.15;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	font-size: 1em;
}
.btn-logout {
	cursor: pointer;
}
.btn-pdf {
	color: azure;
	background-color: #d5483d;
	border-color: #d5483d;
}
.btn-pdf:hover {
	color: azure;
	background-color: #ce2a1d;
}
.card-round {
	border-radius: 10px;
	/* box-shadow: 0 4px 8px 0 #00000033; */
}
.card-shadow {
	border: none;
	box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%)
	/* box-shadow: 0 4px 8px 0 #00000033; */
}
.card-header {
	background-color: #fff;
	border-bottom: 0;
}
.card-header-title {
	margin-bottom: 0;
}
.col-profile {
	max-width: 500px;
}
.container, .container-fluid {
	font-size: 1rem;
}
.container-akses {
	padding: 7px;
	max-height: 250px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.content {
	padding: 1.5rem 2rem;
}
.content-header {
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #ced4da;
}
.content .row {
	margin-right: -15px!important;
	margin-left: -15px!important;
}
.dashboard {
	color: whitesmoke;
	font-size: 1.15rem!important;
	font-weight: 700;
	padding: 1rem 1rem;
	cursor: default;
}
.detail-title {
	font-weight: 500;
	color: #585858;
}
div.dataTables_wrapper div.dataTables_filter {
	padding-top: .85rem;
	padding-left: .85rem;
	padding-right: .85rem;
}
div.dataTables_wrapper div.dataTables_info {
	padding: .85rem;
}
div.dataTables_wrapper div.dataTables_paginate {
	padding: .25rem .85rem .75rem;
}
.dt-buttons {
	margin-bottom: .5rem;
}
.dt-buttons .btn {
	border: 1px solid gray;
	border-radius: .25rem!important;
	margin-right: .25rem;
	background-color: #3381bf;
	color: white;
}
.footer {
	background-color: #e2e1e1;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	border-top: 1px solid #0000001a;
}
.icon-medium {
	font-size:20px!important;
	line-height:80%!important;
}
.icon-status {
	font-size: 22px;
	padding-top: 0%!important;
	padding-bottom: 0%!important;
}
.kalender .form-control[readonly] {
	background-color: #ffffff;
	opacity: 1;
}
/* .nav-link {
	color: #f5f4f8!important;
} */
/* .nav-link:hover {
	color: inherit!important;
} */
/* .nav-link.active {
	font-weight: 600;
	border-bottom: 2px solid rgb(58, 58, 230);
	color: #fff!important;
	background-color:#1e97ec!important; 
	border-color:#1e97ec!important; 
} */
.nav-profile {
	color:black!important;
	font-size: 1rem!important;
	font-weight: 500;
	padding: .3rem 0;
}
/* .nav-profile:hover {
	color:white; 
	font-size: 1.3rem!important;
	text-shadow: 2px 2px 2px #bbbbbb;
	padding-top: 12px;
	padding-bottom: 11px;
} */
.navbar {
	background-color: #d1d6da;
}
.reset-date {
	background-color: #e9ecef;
	border-color: #ced4da;
}
.sidebar a span.menu-arrow {
	font-size: 10px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	/* -webkit-transform: rotate(90deg); */
}
.sidebar a[aria-expanded="true"]>span.menu-arrow {
	transform: translateY(-50%) rotate(90deg);
	/* -webkit-transform: translateY(-50%) rotate(90deg); */
}
.sidebar-header {
	position: relative;
	color: white;
	border-radius: 0;
	font-size: 1rem!important;
	font-weight: 500;
	padding: .5rem 1rem;
	border-left: 3px solid transparent;
}
.sidebar-header:hover, .sidebar-subheading:hover {
	border-left: 3px solid #dee2e6;
	color: #dee2e6!important;
}
.sidebar-heading {
	display: block;
	position: relative;
	color: #bebec3;
	font-weight: 700;
	padding: .75rem 1.5rem;
	cursor: default;
	/* border-bottom: 1px solid #dee2e6; */
}
#sidebarMenu {
	background-color: #3381bf;
}
.sidebar-subheading {
	color: #fff!important;
	font-size:.9rem!important;
	font-weight: 500;
	padding: .5rem 1rem .5rem 2.5rem;
	display: block;
	border-left: 3px solid transparent;
}
.sidebar-subheading.active, .sidebar-subheading2.active, .sidebar-header.active {
	color: #6c757d!important;
	background-color: #dee2e6;
}
.sidebar-subheading2 {
	color: #fff!important;
	font-size:15px!important;
	font-weight: 500;
	padding: .5rem 1rem .5rem 1.5rem;
	display: block;
	border-left: 3px solid transparent;
}
.sidebar-subheading2:hover {
	color: #dee2e6!important;
	border-left: 3px solid #dee2e6;
}
.sidebar-subheading2.active:hover {
	color: #6c757d!important;
}
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #cccccc;
	border: none;
	border-radius: 50%;
	display: inline-block;
	/* opacity: 0.5; */
}
.step.active {
	background-color: gray;
}
.step.finish {
	background-color: #04AA6D;
}
.subheader {
	color: #969696!important;
	font-weight: 500;
	font-size: 1.15rem;
	/*
	text-shadow: -1px 1px 2px #bbbbbb;
	text-transform: uppercase;
	*/
}
table.dataTable {
	margin-top: 0!important;
}
.tab-proses {
	cursor: pointer;
}
.tab-proses.active {
	font-weight: 600;
	border-bottom: 2px solid rgb(58, 58, 230);
}
.table {
	border-bottom: 1px solid #dee2e6;
	/* border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6; */
}
.table-detail {
	border-width: 0px!important;
}
.table td, .table th {
	padding: .5rem;
	/* padding: .5rem 1rem; */
	/* vertical-align: middle */
}
.table.table-akses td, .table.table-akses th {
	vertical-align: baseline;
}
.table-detail td, .table-detail th {
	padding: .5rem .75rem;
	border-top: 0;
	border-bottom: 1px solid #c9ced2;
}
.table-striped thead, .table-striped tbody tr:nth-of-type(even) {
	background-color: #ebf5fc;
} 
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fff;
}
.table thead th {
	vertical-align: top;
}
.sidebar-sticky::-webkit-scrollbar {
	width: 10px;
}
/* .sidebar-sticky:hover::-webkit-scrollbar {
	width: 10px;
} */
.sidebar-sticky::-webkit-scrollbar-track {
	background: transparent;
}
/* .sidebar-sticky::-webkit-scrollbar-thumb {
	background: transparent;
} */
.sidebar-sticky::-webkit-scrollbar-thumb {
	background: #bdd6ea;
	border: 2px solid #3381bf;
	border-radius: 30px;
}
.sidebar-sticky::-webkit-scrollbar-thumb:hover {
	background: #e0e9f1;
}
/* untuk membuat table scroll vertical */
/* .table-responsive {
	max-height: 450px;
	border: 1px solid #dee2e6;
} */
/* Loading halaman */
#loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}
/*-- css spin --*/
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*-- css loader --*/
.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}
.loader {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	border-bottom: 10px solid #FFC107;
	width: 150px;
	height: 150px;
	left: 43.5%;
	top: 20%;
	-webkit-animation: spin 2s linear infinite;
	position: fixed;
	animation: spin 2s linear infinite;
}
.textLoader{
	position: fixed;
	top: 56%;
	left: 45.6%;
	color: #34495e;
}
/*-- end css loader --*/

/*-- responsive --*/
@media screen and (max-width: 1034px){
	.textLoader{
		left: 46.2%;
	}
}
@media screen and (max-width: 824px){
	.textLoader {
		left: 47.2%;
	}
}
@media screen and (max-width: 732px){
	.textLoader {
		left: 48.2%;
	}
}
@media screen and (max-width: 500px){
	.loader {
		left: 36.5%;;
	}
	.textLoader {
		left: 40.5%;
	}
}
@media screen and (max-height: 432px){
	.textLoader {
		top: 65%;
	}
}
@media screen and (max-height: 350px){
	.textLoader {
		top: 75%;
	}
}
@media screen and (max-height: 312px){
	.textLoader {
		display: none;
	}
}
/*-- end responsive --*/