/*@$enable-gradients=true;*/

a, a:hover, a:focus {
	text-decoration: none;
	transition: all 0.3s;
}
.navbar {
	padding: 15px 10px;
	background: #fff;
	border: none;
	border-radius: 0;
	margin-bottom: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}

/* ---------------------------------------------------
	SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
	display: flex;
	align-items: stretch;
	perspective: 1500px;
}

#sidebar {
	min-width: 250px;
	max-width: 250px;
	background: #E1E1E1;
	color: #000;
	transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
	transform-origin: bottom left;
}

#sidebar.active {
	margin-left: -250px;
	transform: rotateY(100deg);
}

#sidebar .sidebar-header {
	padding: 20px;
	text-align: center;
	/*background: #E3B354;*/
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 50px rgba(0,0,0,0.1);
}

#sidebar ul.components {
	padding: 20px 0;
	border-bottom: 1px solid #000000;
}

#sidebar ul p {
	color: #000;
	font-weight:700;
	padding: 10px;
}


#sidebar ul li a {
	padding: 10px;
	color: #000;
	display: block;
}
#sidebar>ul.list-unstyled>li {
	border: 1px solid rgba(199,199,199,1);
	/*box-shadow: inset 0px -2px 1px rgba(0,0,0,0.3),inset 0px -4px 1px rgba(0,0,0,0.2),inset 0px -6px 1px rgba(0,0,0,0.1);*/
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1)*/

}
#sidebar ul li a:hover {
	color: #000;
	background: #C8C8C8;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
	/*color: #000;*/
	/*background: #BDBDBD;*/
	font-weight: 900;
}


a[data-toggle="collapse"] {
	position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
	font-family: 'Font Awesome 5 Free';
	/*font-size: 1em;*/
	font-weight:900;
	content: '\f107';
	display: block;
	position: absolute;
	right: 20px;
}
a[aria-expanded="true"]::before {
	content: '\f106';
}


ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	/*background: #6d7fcc;*/
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

a.download {
	background: #fff;
	color: #7386D5;
}

a.article, a.article:hover {
	background: #6d7fcc !important;
	color: #fff !important;
}



/* ---------------------------------------------------
	CONTENT STYLE
----------------------------------------------------- */
#content {
	padding: 20px;
	min-height: 100vh;
	transition: all 0.3s;
	width:100%;
}

#sidebarCollapse {
	width: 40px;
	height: 40px;
	background: transparent;
	margin-top: 3px;
	cursor: pointer;
}

#sidebarCollapse span {
	width: 80%;
	height: 2px;
	margin: 0 auto;
	display: block;
	background: #555;
	transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
	transition-delay: 0.2s;
}

#sidebarCollapse span:first-of-type {
	transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
	opacity: 0;
}
#sidebarCollapse span:last-of-type {
	transform: rotate(-45deg) translate(1px, -1px);
}


#sidebarCollapse.active span {
	transform: none;
	opacity: 1;
	margin: 5px auto;
}


/* ---------------------------------------------------
	MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
	#sidebar {
		margin-left: -250px;
		transform: rotateY(90deg);
	}
	#sidebar.active {
		margin-left: 0;
		transform: none;
	}

	#sidebarCollapse span:first-of-type,
	#sidebarCollapse span:nth-of-type(2),
	#sidebarCollapse span:last-of-type {
		transform: none;
		opacity: 1;
		margin: 5px auto;
	}
	#sidebarCollapse.active span {
		margin: 0 auto;
	}
	#sidebarCollapse.active span:first-of-type {
		transform: rotate(45deg) translate(2px, 2px);
	}
	#sidebarCollapse.active span:nth-of-type(2) {
		opacity: 0;
	}
	#sidebarCollapse.active span:last-of-type {
		transform: rotate(-45deg) translate(1px, -1px);
	}

}

.navbar-header {
	position: absolute;
}
ol.breadcrumb {
	padding-left:50px;
}

.dataTables_wrapper.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

/*#panel-loading {
	position: fixed;
	width:100%;
	height:100%;
	z-index: 10;
	background: rgba(0,0,0,0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	display:none;
}
#panel-loading .loading-item{
	color: #cca205;
}*/

#waitform {
	position: fixed;
	width:100%;
	height:100%;
	z-index: 1051;
	background: #00000090;
	display: flex;
	justify-content: center;
	align-items: center;
	display:none;
	font-size: 18px;
}
#waitform .content {
	display:block;
	border-radius: 15px;
	/*padding: 10px 20px 10px 20px; */
	background: #fff;
	color: #000;
}
#waitform .content.warning .icon .fas {
	/*background: #D48E1B;*/
	color: #D48E1B;
}
#waitform .content.success .icon .fas {
	/*background: #00FF1B;*/
	color: #00FF1B;
}
#waitform .content.danger .icon .fas {
	/*background: #B40505;*/
	color: #B40505;
}
/*#waitform button.btn {
	background: #000;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
	padding: 2px 8px 2px 8px;
	height: auto;
	border-radius: 5px;
}*/

#waitform .content .message {
	display:inline-block;
}
#waitform .content .message .icon, #waitform .content .message .isi {
	display:inline-block;
}

.flash {
  -moz-animation: flash 1s ease-in;
  -moz-animation-iteration-count: infinite;

  -webkit-animation: flash 1s ease-in;
  -webkit-animation-iteration-count: infinite;

  -ms-animation: flash 1s ease-in;
  -ms-animation-iteration-count: infinite;
}

@keyframes flash {
    /*0% { background-color: ; }*/
    50% { background-color: #4E67E5; }
    /*100% { background-color: red; }*/
}

@-webkit-keyframes flash {
    /*0% { background-color: transparent; }*/
    50% { background-color: #4E67E5; }
    /*100% { background-color: transparent; }*/
}

@-moz-keyframes flash {
    /*0% { background-color: transparent; }*/
    50% { background-color: #4E67E5; }
    /*100% { background-color: transparent; }*/
}

@-ms-keyframes flash {
    /*0% { background-color: transparent; }*/
    50% { background-color: #4E67E5; }
    /*100% { background-color: transparent; }*/
}

hr.style-1 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -moz-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -ms-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -o-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
}