/*================================================================================
	Version: 1.0
	Author: PIXELPHY
	Author URL: http://www.pixelphy.com/
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.scrollbar-y {
	height: 630px;
	overflow-y: scroll;
	/* Tambahkan kemampuan untuk melakukan scrolling */
}

/* Sembunyikan scrollbar dari Chrome, Safari dan Opera */
.scrollbar-y::-webkit-scrollbar {
	display: none;
}

/* Sembunyikan scrollbar untuk IE, Edge dan Firefox */
.scrollbar-y {
	-ms-overflow-style: none;
	/* IE dan Edge */
	scrollbar-width: none;
	/* Firefox */
}

.scrollbar-x {
	width: 100%;
	overflow-x: scroll;
	/* Tambahkan kemampuan untuk melakukan scrolling */
}

/* Sembunyikan scrollbar dari Chrome, Safari dan Opera */
.scrollbar-x::-webkit-scrollbar {
	display: none;
}

/* Sembunyikan scrollbar untuk IE, Edge dan Firefox */
.scrollbar-x {
	-ms-overflow-style: none;
	/* IE dan Edge */
	scrollbar-width: none;
	/* Firefox */
}



/* SCROLL BAR BODY */
::-webkit-scrollbar {
	width: 4px;
	height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #5559C4; 
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #56C455; 
}


/* PRELOADER */
body>div.preloader {
	position: fixed;
	background: white;
	width: 100%;
	height: 100%;
	z-index: 1071;
	opacity: 0;
	transition: opacity .5s ease;
	overflow: hidden;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.loaded)>div.preloader {
	opacity: 1;
}

body:not(.loaded) {
	overflow: hidden;
}

body.loaded>div.preloader {
	animation: hidePreloader .5s linear .5s forwards;
}

fieldset {
	border: 2px solid lightskyblue;
	border-radius: 10px;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 10px 10px;
}

legend {
	padding: 5px;
	width: auto;
	border-radius: 10px;
	font-size: 14px;
	font-weight: bold;
}