/* ======================================================= */
/*				Couleurs liées à interface.css			   */
/*				  Et au template base.html				   */
/* ======================================================= */

html, body {
	background: rgb(255, 255, 255);
}

#menu {
	color: rgb(49, 125, 14);
	background: rgb(180, 180, 180);
	box-shadow: 0 0 10px 10px rgba(180, 180, 180, 1);
}

.btn_menu {
	color: rgb(50, 50, 50);
	background: rgb(230, 230, 230);
	box-shadow: 0 -5px rgb(210, 210, 210) inset;
}

.btn_menu:hover, .btn_menu:active {
	box-shadow: 0 5px rgb(200, 200, 200) inset;
}

.btn_footer {
	color: rgb(40, 40, 40);
}

.custom-button {
	background-color: transparent;
}

.hr {
	background-color: #fff;
}
/* Couleurs liées aux flashups */
.page_flashup_container {
	background: #e0e0e0;
	box-shadow: 
		5px 5px #d0d0d0 inset, 
		5px -5px #d0d0d0 inset;
}

.flashup_danger {
	color: rgb(255, 80, 80);
}

.flashup_success {
	color: rgb(0, 163, 0);
}

.flashup_normal {
	color: rgb(184, 95, 0);
}
/* Couleurs liées aux différentes taille d'écran */
@media only screen and (max-width: 500px) {
	#menu {
		box-shadow: 0 0 0px 0px rgba(200, 200, 200, 0.5);
	}
}

@media only screen and (max-width: 500px) {
	#menu-toggle {
		color: rgb(0, 0, 0);
	}
}

@media only screen and (min-width: 501px) and (max-width: 768px) {
	#menu {
		box-shadow: 0 0 0px 0px rgba(200, 200, 200, 0.5);
	}

	#menu-toggle {
		color: rgb(0, 0, 0);
	}
}


/* ======================================================= */
/*			   Couleurs liées au bouton de login		   */
/*				Et au template auth/login.html			   */
/* ======================================================= */

.btn_login_container {
	background: #fff;
	box-shadow: 0 14px 28px rgba(200,200,200,0.25), 0 10px 10px rgba(200,200,200,0.22);
}

.btn_login_text {
	color: black;
}

.btn_login_fingerprint {
	stroke: #888;
}

.btn_login_fingerprint-active {
	stroke: #000;
}


/* ======================================================= */
/*				  Couleurs liées aux tchats			   	   */
/*														   */
/* ======================================================= */

.tchat_cursor_passage:hover, .tchat_cursor_passage:active {
	background-color: #eaeaea;
}

.tchat_reaction_add_button_font {
	background: #d0d0d0;
}

#tchat_reaction_add_popup_content {
	background-color: rgb(220, 220, 220);
	box-shadow: 0px 0px 10px rgba(200, 200, 200, 0.5);
}

.tchat_reaction_add_popup_reaction_checkbox {
	border: 2px solid #7289DA; /* Couleur de bordure initiale */
	background-color: #e6e6e6; /* Couleur de fond initiale */
}

.tchat_reaction_add_popup_reaction_emoji {
	color: #000; /* Couleur de l'émoji */
}

.btn_load_more_message_type1 {
	color: #555;
	background: #eeeeee;
}

.btn_load_more_message_type1:hover, .btn_load_more_message_type1:active {
	color: #555;
	background: #e0e0e0;
}

.btn_load_more_message_type2 {
	color: #555;
	background: #eeeeee;
}

.btn_load_more_message_type2:hover, .btn_load_more_message_type2:active {
	color: #555;
	background: #e0e0e0;
}


/* ======================================================= */
/*			   Couleurs liées plusieurs templates		   */
/*				 Mais pas au template base.html			   */
/* ======================================================= */

/* Couleurs des textes dans l'affichage */
.page_message_white {
	color: rgb(48, 48, 48);
}

.super {
	color: rgb(167, 255, 255);
}

.en {
	color: rgb(253, 240, 44);
}

.folie {
	color: rgb(212, 38, 41);
}

.sh {
	color: rgb(170, 0, 170);
}

.land {
	color: rgb(85, 255, 85);
}

/* Couleurs de textes */
.text-orange {
	color: rgb(255, 128, 0);
}

.text-khaki-green {
	color: rgb(67, 73, 0);
}

.text-grey {
	color: rgb(110, 110, 110);
}

.text-green {
	color: rgb(43, 130, 0);
}

.text-blue {
	color: rgb(0, 51, 255);
}

/* Couleurs des changelogs */
.changelog-Added {
	color: #008000;
}

.changelog-Fixed {
	color: #336699;
}

.changelog-Changed {
	color: #4901f1;
}

.changelog-Deprecated {
	color: #f4a461;
}

.changelog-Removed {
	color: #990000;
}

.changelog-Security {
	color: #bdbd00;
}

.changelog-Other {
	color: #666666;
}

/* Couleurs liées aux popups présent dans certaines pages */
.page_popup_font {
	background-color: rgba(255, 255, 255, 0.5);
}

.page_popup_content {
	background-color: rgb(220, 220, 220);
	box-shadow: 0px 0px 10px rgba(200, 200, 200, 0.5);
}

.btn_type1 {
	color: rgb(65, 46, 5);
	background: rgb(170, 32, 32);
	box-shadow: 0 -5px rgba(142, 4, 4) inset;
}

.btn_type1:hover, .btn_type1:active {
	color: rgb(65, 46, 5);
	background: rgb(170, 32, 32);
	box-shadow: 0 5px #ffffff inset;
}

.btn_type2 {
	color: rgb(0, 7, 55);
	background: rgb(205, 198, 0);
	box-shadow: 0 -5px rgba(210, 202, 0) inset;
}

.btn_type2:hover, .btn_type2:active {
	color: rgb(0, 7, 55);
	background: rgb(205, 198, 0);
	box-shadow: 0 5px #ffffff inset;
}

.table thead tr th, .table tbody tr td {
	border: 1px solid rgb(0, 0, 0);
}

.table thead tr th {
	background-color: rgb(210, 212, 215);
}