// Custom Scroll
$(function() {
	$('.customScroll').slimScroll({
		height: "180px",
		color: '#e5e8f2',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#0066bf",
	});
});

// Custom Scroll 2
$(function() {
	$('.customScroll2').slimScroll({
		height: "227px",
		color: '#ffffff',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#ffffff",
	});
});

// Custom Scroll 3
$(function() {
	$('.customScroll3').slimScroll({
		height: "218px",
		color: '#ffffff',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#ffffff",
	});
});

// Custom Scroll 4
$(function() {
	$('.customScroll4').slimScroll({
		height: "310px",
		color: '#ffffff',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#ffffff",
	});
});

// Custom Scroll 3
$(function() {
	$('.customScroll5').slimScroll({
		height: "250px",
		color: '#ffffff',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#ffffff",
	});
});




// Custom Scroll
$(function() {
	$('.sidebarNavScroll').slimScroll({
		height: "calc(100vh - 250px)",
		color: '#17202b',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#0066bf",
		position: 'left',
	});
});



// Chat App Page
// Chat Container Scroll
$(function() {
	$('.usersContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
	});
});
// Chat Users Container Scroll
$(function() {
	$('.chatContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
	});
});



// Tasks App Page
// Tasks Labels Container Scroll
$(function() {
	$('.lablesContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
		position: 'left',
	});
});
// Tasks Container Scroll
$(function() {
	$('.tasksContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
	});
});




// Documents App Page
// Documents Labels Container Scroll
$(function() {
	$('.docTypeContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
		position: 'left',
	});
});
// Documents Container Scroll
$(function() {
	$('.documentsContainerScroll').slimScroll({
		height: "100%",
		color: '#e6ecf3',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e6ecf3",
	});
});


$(function() {
	$('.hotelMapScroll').slimScroll({
		height: "350px",
		color: '#e5e8f2',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e5e8f2",
	});
});



$(function() {
	$('.projectLog').slimScroll({
		height: "170px",
		color: '#e5e8f2',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e5e8f2",
	});
});



$(function() {
	$('.fullHeight').slimScroll({
		height: "100%",
		color: '#e5e8f2',
		alwaysVisible: false,
		size: "4px",
		distance: '1px',
		railVisible: false,
		railColor: "#e5e8f2",
		position: 'left',
	});
});



// Fixed Body Scroll
$(function() {
	$('.fixedBodyScroll').slimScroll({
		height: "100%",
		color: '#c7cdd4',
		alwaysVisible: false,
		size: "4px",
		distance: '3px',
		railVisible: false,
		railColor: "#c7cdd4",
	});
});