/* GENERAL SETTINGS */

header {
	background: #0D0D1A; 		/* very dark grey */
}
footer {
	background: #0D0D1A; 		/* very dark grey */
}

body {
	background: #202133;
	color: #F0F0F0;
}

main > .container { 	
	background-color: #202133; 	/* background: dark grey */
	color: #F0F0F0; 			/* text: light grey */
}

/* BUTTONS */
	.btn {
		background-color: #349E9C; 	/* cyan */
		color: white;
		border-color: #349E9C; 		/* same as button background */
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	}

	
	.btn:hover {
		background-color: #6FC6C0; 	/* Darker background on mouse-over */
		border-color: #6FC6C0;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
	}

	.btn:disabled {
		background-color: gray;
		border-color: gray;
	}

	.pressed{
		color: #919296;
		background-color: #202133;
	}

/* RADIO INPUTS */

	.radio-selector input:checked +.btn{
		color: #919296;
		background-color: #202133;
	}
	.radio-type{
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	}
	.radio-type:hover{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
	}	
	
/* IMAGE - ROUNDED CORNERS */

	img.rounded {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	}
	
/* MODALS */
	.modal-content {
		background-image: linear-gradient( #2E2F41, #121325);
	}
	.card-header {
		background-color: #0D0D1A;
	}
	.card-body {
		background-color: #202133;
	}
	
/* TABS */
	.nav-link {
		background-color: #0D0D1A;
	}
	.nav-link.active{
		background-color: #202133;
	}
	
/* SLIDERS */
	
	/* TOOLTIP */
	.noUi-active .noUi-tooltip {
		color: #c37158;
	}
	
	/* HORIZONTAL (PROFILE) SLIDERS */
	.sliders.profile .noUi-connect {
		background-color: #349E9C; /* background color of the sliders: */
	}
	.sliders.profile .noUi-handle {
		background-color: #F0F0F0;
		color: #FFFFFF;
	}

	/* VERTICAL (MODULE) SLIDERS */
	.sliders.vertical .noUi-handle{
		background-color: #F0F0F0;
	}
	.sliders.vertical .noUi-connect {
		background-color: #349E9C;
	}
	#general-slider .noUi-connect {
		background-color: #6FC6C0;
	}


/* DISPLAY SIZE¨*/