:root {
   /* COLOURS */
   --main_colour: #afb0d9;
	--main_colour_hover: #bcbde2;
   --light_colour: #3d3d47;
   --light_colour_hover: #4a4a55;

   --grey_5: #F7F7F7;
   --grey_4: #929292;
   --grey_3: #6e6e6e;
   --grey_2: #464646;
   --grey_1: #242424;

   --white: #2f2f2f;
   --red: #ff5252;
   --light_red: #4b3838;
   --green: #75D722;
   --light_green: #42493c;
	
	--icon: var(--main_colour);
   --icon_grey: var(--grey_5);
   --icon_green: var(--green);
   --icon_amber: #FF8B2B;
   --icon_red: var(--red);

	--box-shadow: 0px 0px 20px #00000073; 
}

::-webkit-scrollbar-thumb {
	background-color: #c7c7c7;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #b4b4b4;
}

.number_input_active .number_input {
	background-color: var(--grey_1);
}

.current_state_green:hover {
	background-color: #525a4b;
}

.menu_psoda_button {
	background-color: #513928 !important;
}

.user_menu_button.menu_psoda_button:hover {
	background-color: #694b36 !important;
}

#error_message {
	background: linear-gradient(to left, rgb(55 22 22), rgb(47 20 20));
}

#error_message.error_message_success {
	background: linear-gradient(to left, rgb(25 61 22), rgb(24 47 24));
}

#error_message.error_message_warning {
	background: linear-gradient(to left, #452c19, #532a08);
}

.add_time_input textarea {
	background-color: var(--grey_2);
}

.comment_time, .comment_time.comment_comment_editable:hover, .comment_time.comment_comment_editable:focus {
	background-color: var(--grey_1);
}

.comment_delete_button:hover, .current_state_red:hover {
	background-color: #4b3434;
}

.checkbox_input_checked .checkbox_input_background {
	background-color: #5558cb;
}