/*

	CSS for KCS Portal
	Copyright 2021
	Robbie Rae Solis Dela Cruz

*/

/*~Page Main Menu Style~*/

	.page-right-sidebar{
		top: 130px;
		right: 0;
		padding: 0;
		color: #FFFFFF;
		position: fixed;
		width: 20%;
		height: calc(100% - 130px);
		background-color: #06417b;
		border-left-color: #20507f;
		border-left-style: solid;
		border-left-width: 2px;
		overflow-y: scroll;
		scrollbar-width: thin;
		scrollbar-color: #555555 #333333;
		cursor: pointer;
	}
	
	.page-right-sidebar-menu{
		font-size: 17px;
		color: #FFFFFF;
		width: 100%;
		height: 25px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.page-right-sidebar-menu:hover{
		color: #EEEFFF;
		background-color: #20507f;
		cursor: pointer;
	}
	
	.page-right-sidebar-submenu-holder{
		display: none;
	}
	
	.page-right-sidebar-submenu-body{
		width: 100%;
		font-size: 14px;
	}
	
	.page-right-sidebar-submenu{
		color: #FFFFFF;
		width: 100%;
		height: 15px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.page-right-sidebar-submenu:hover{
		color: #EEEFFF;
		background-color: #406990;
		cursor: pointer;
	}

/*~Page Media Style~*/

	@media all and (min-width: 1201px) {
		.page-right-sidebar{
			display: none;
			width: 20%;
		}
	}
	
	@media all and (min-width: 540px) and (max-width: 1200px) {
		.page-right-sidebar{
			display: none;
			width: 40%;
		}
	}
	
	@media all and (max-width: 540px) {
		.page-right-sidebar{
			display: none;
			width: 50%;
		}
	}