html,body{
	height:100%;
	background-color:LightGrey;
	overflow-x: hidden;
	color: #000;
}
div.lien-chatbox-div{
	display:inline;padding: 0px;
}
a.lien-chatbox{
	background-color: #CDAC24;
	padding: 7px 10px 6px 10px;
	font-size: 0.9em;
	height:0px;
	border-radius: 4px;
	display: table-cell;
	color:white;
}


.tooltipparam .tooltiptextparam {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
}

.tooltipparam:hover .tooltiptextparam {
	visibility: visible;
}


a.lien-chatbox:active{
	background-color: #CDAC24;
	padding: 7px 10px 6px 10px;
	font-size: 0.9em;
	height:0px;
	border-radius: 4px;
	display: table-cell;
	color:white;
}
a.lien-chatbox:hover{
	cursor: pointer;
	background-color: #CDAC24;
	padding: 7px 10px 6px 10px;
	font-size: 0.9em;
	height:0px;
	border-radius: 4px;
	display: table-cell;
	color:white;
}
a.sti{
	background-color: #CDAC24;
}
a.sti:active{
	background-color: #CDAC24;
}

a.sti:hover{
	background-color: #CDAC24;
	box-shadow: 3px 3px 0px #CDAC24;
}

.menu_item_selected:hover {
	background-color: #77920b !important;
	box-shadow: 3px 3px 0px #77920b !important;
}

.spes_container {
	height: 85px;
	overflow: auto;
	margin-bottom: 7px;
}

img.verticalAlign {
	display:block;
	margin:auto;
}

.hide {
	display:none;
}

div.infos_top {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	border: 1px solid black;
}

button.right {
	float: right;
}

.label_inline {
	display:inline;
}

#helpTitle {
	text-decoration: underline;
	cursor: pointer;
}

.loadingGif{
   background: url('../images/loader.gif')
              no-repeat;

    background-size: 100%;
}

.dico_message {
	line-height: 35px;
	background-color: green;
	display: none;
	position: absolute;
	color : white;
	margin-top: 10px;
}

.invis_button{
	background-color:transparent;
	border:none;
	float:right;
}

.invis_button2{
	background-color:transparent;
	border:none;
}

.horiz_line{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: solid;
	border-bottom-width: thin;
}
.toggle_button{
	width:20px;
	height:20px;
}

.vote_thumb_img{
	width:35px;
	height:35px;
}

.bouton_gris {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:-15px -15px !important;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.btn-right{
	float: right;
}

.bouton_gris:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	text-decoration:none;
}
.bouton_gris:active {
	position:relative;
	top:1px;
}


.btn_profile {
	min-width: 200px;
}

figure#logo {
    display: inline-block;
}
figure#logo img {
    vertical-align: top;
    width: 120px;
    margin:auto;
}
figure#logo figcaption {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    color: #9F9D9D;
}

/* .container-fluid{ */
/* 	min-height:100%; */
/* 	position:relative; */
/* } */

.vcenter{
  display: flex;
  flex-direction: row;
}

.vcenter > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items
                              horizontally inside the column */
}

.vCol{ /* classe à utiliser sur les colonnes d'une row pour un alignement vertical */
	display: inline-block;
    vertical-align: middle;
    float: none;
}

.nopadding{
	padding:0;
}

.nav_top{
	padding: 1em 0.5em 0.5em;
	background-image: url("../images/header_background.png");
	margin-bottom:3px;
	background-size: 100% 100%;
	background-repeat:repeat-y;
}

.footer {
	margin-top:1em;
	text-align:center;
	margin-right:0;
	margin-left:0;
	height:6em;
	left:0;
	bottom:0;
	padding-top:1.5em;
	width:100%;
	margin:0;
	position:absolute;
}

.footer, .footer > * {
/* 	background-color:gray; */
	background-color:#ccc7cb;
}

.main_content {
	padding-bottom:2em;
	padding-top:0.75em;
	border: 2px solid black;
	border-radius: 8px;
	margin-top:3px;
	margin-bottom:2em;
	background: rgb(247, 247, 247);
	background: rgba(247, 247, 247, 0.9);
	min-height: 250px;
}
/* .main_content div { */
/* 	opacity: 1 !important; */
/* } */

.main_menu {
	padding : 0;
	margin: 0px 5px;
	width : 100%;
	list-style-type:none;
	text-align: center;
	line-height:4em;
}

.main_menu > li {
	float:left;
	width:31%;
	border: 2px solid black;
	border-radius: 3px;
	font-size:large;
	/* display:block;  pour pouvoir cliquer sur tout le block ?*/

	margin-right:2%;
	display: flex;
	align-items: center; /* vertical align */
	justify-content: center; /*horizontal align*/
}

.main_menu_links {
	text-decoration:none;
	color:black;
	display:block;
	height:100%;
	width:100%;
	/*background-color:beige;*/
}


.main_menu > li > a:hover {
	font-weight:bold;
	color:white;
	background-color: #2B3C48;
	text-decoration:underline;
}

/* menu displayed in X-small displays*/
.main_menu_bis {
	display:flex;
	padding : 0;
	margin:0;
	width : 100%;
	height:3em;

	list-style-type:none;
	text-align: center;
}
.main_menu_bis > li {
	width : 50%;
	float:left;
	display: flex;
	align-items: center; /* vertical align */
	justify-content: center; /*horizontal align*/
	border: 2px solid black;
	border-radius: 3px;
}

.sub_menu{
	padding : 0;
	margin:0;
	width : 100%;
	height:100%;
	list-style-type:none;
	text-align: center;
	/*line-height:2em;*/
}

.sub_menu > li {
	height:40px;
	display:table-cell;
    vertical-align:middle;
	padding : 0px 5px;
	margin-bottom: 15px;

	/*width:25%;
	float:left;
	display: flex;
	align-items: center;
	justify-content: center; */
}

/*.sub_menu > li > a {
	border: 2px solid black;
	border-radius: 10px;
	text-decoration:none;
	color:black;
	display:block;
	width:100%;
	background-color:#BEC4D5;
	padding: 0 8px;
	min-height: 40px;
}

.sub_menu > li > a:hover {
	text-decoration:underline;
	color: #2B3C48;
}

.sub_menu > li > a.menu_item_selected {
	font-weight:bold;
	color:white;
	background-color:#2B3C48;
}*/

 .menu_item_selected {
	font-weight:bold;
	color:white;
	 background-color : #77920b !important;
	/*text-shadow: 3px 3px 3px black;*/
	/*text-decoration: underline;*/
}

/* bouton de pagination du dictionnaire */
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #be2727;
    border-color: #da4848;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
/* fin de pagination du dico */

.logo{
	max-width: 250px;
}

.box_jeux{
	width : 100%;
	display: inline-block;
}

.jouer{
	cursor : pointer;
}

.profile_frame {
	padding:0;
}
.profile_frame > * > * {
	height:  100%;
	padding:0;
	border-radius: 6px;
}
.profile_frame > * {
	height:  100%;
	padding:0;
	border-radius: 6px;
}

.flash_error, .flash_success, .flash_info{
	color:white;
	border-radius:6px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
}

.flash_error{
	background-color:DarkRed;
}
.flash_success{
	background-color:Green;
}
.flash_info{
	color:black;
	background-color:beige;
}

.flash_error > .title, .flash_success > .title, .flash_success > .title {
	font-size:medium;
	font-weight:bold;
}

.test_col{
	border:solid;
	border-radius:6px;
	background-color:bisque;
	text-align:center;
}

/* .text_barre_xp{ */
/* 	position:absolute; */
/* 	width:100%; */
/* 	height:100%; */
/* 	display:block; */
/* 	text-align:center; */
/* 	color:white; */
/* 	font-style:italic; */
/* 	top: 3px; */
/* } */

/* .barre_xp{ */
/* 	background-color:purple; */
/* 	height:100%; */
/* 	display:block; */
/* 	border-radius:6px; */
/* 	position:absolute; */
/* 	top:0; */
/* 	left:0; */
/* } */

/* #avatar { */
/* 	display: flex; */
/* } */

/* #avatar .profile_pic { */
/* 	max-width:100%; */
/* 	border-radius: 60%; */
/* } */
/* #avatar:hover { */
/* 	background-color: black; */
/* 	opacity: 0.5; */
/*     filter: alpha(opacity=50); */
/* } */
/* #avatar .text { */
/* 	position: float; */
/* 	width:59px; */
/* 	display:block; */
/* 	margin: auto auto; */
/* 	visibility: hidden; */
/* } */
/* #avatar:hover .text { */
/* 	visibility: visible; */
/* } */

.icone_email{
	max-height:75%;
	max-width:75%;
	margin:12.5% auto;
	display:block;
}

.icone_logout {
	float: right;
}
.icone_logout img {
	width: 40px;
	margin-top:-5px;
}

/* attention la classe "badge" est déjà définie par boostrap*/
.badge_utilisateur{
	max-width:25%;
	max-height:100%;
	border-radius:10px;
}

.params_column{
	padding:0.5em;
	align-items: center;
	border:solid;
	border-radius:6px;
	background: rgb(247, 247, 247);
	background: rgba(247, 247, 247, 0.9);
}

/* MAIN CONTENT STYLES */
.center_txt{
	text-align:center;
}

.main_title{
/* 	background-color:brown; */
/* 	color:white; */
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
	padding:0.5em;
	border-radius:6px;
}

.section_title{
	background-color:brown;
	color:white;
	display:table;
	margin-left:0.5em;
	padding:0.35em;
	border-radius:6px;
}

.sub_title{
	margin-top:10px;
	margin-bottom:5px;
	display:list-item;
	list-style-image: url("../images/list_arrow.png");

    list-style-position: inside;
}

.encart_droite{
	width: 33%;
	float: right;
	border: solid;
	padding: 0.25em;
	border-radius: 6px;
}

.col-centered {
    margin: 0 auto;
    float: none;
}

.flagImg{
	height:1.5em;
	width:1.5em;
}

.mot_valide{ background-color: #C0E8C0; }
.mot_invalide{ background-color: #F9D6D6; }
.mot_pending{ background-color: #FFFFED; }

/************* dico.html.twig *************/
.lbl_search {
	display: inline-block;
	width: 80px;
	text-align: right;
}

.tgl_search {
	cursor: pointer;
}

.spinner {
	background:url('../images/loader.gif') no-repeat center center;
	width:100%;
	height: 250px
}

.graphie {
	font-size: 15px;
	font-weight: bold;
}

/************* DataTables *************/
table.dataTable .odd {
	background-color: #FAF9FC;
}

table.dataTable .odd:hover, table.dataTable .even:hover {
	background-color: #FFF5BA;
}

table.dataTable thead > tr > th.sortable {
    padding-left: 30px !important;
    padding-right: initial !important;

}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    left: 8px !important;
    right: auto !important;
}

#tblTranslations_filter {
	position: relative;
}

#tbl_spesOfCat_filter {
	margin-left: -100px;
}

label.label_langue {
    display: inline-block;
    width: 133px;
    text-align: right;
}

table.valider tbody tr: {
	background-color: #E3F1FC !important;
}

/************ details.html.twig *****************/
.ficheTitle{
	font-size:1.5em;
	border: solid;
	padding: 10px;
	border-radius: 5px;
}

/************ valider.html.twig *****************/
.centeredDiv{
	float:none;
	margin:0 auto;
}
.styledTitle{
	font-size:2em;
/* 	border: solid; */
	padding: 15px;
/* 	border-radius: 5px; */
	text-shadow: 0 01px 0 #C2192A;
}
.biggerText{
	font-size:1.33em;
}
.voteFrame{
	margin:0.5em 0;
}

/************ completer.html.twig *****************/
.img_soumise{
	max-width:12em;
	max-height:12em;
}

.completion_menu_wrapper {
	float:right;
	margin-bottom: -180px;
}
.completion_menu_wrapper ul {
	list-style: none;
	line-height: 25px;
	border: 1px solid black;
	padding: 10px;
}
.completion_menu_wrapper ul li {
	padding: 0 5px;
}
.completion_menu_wrapper ul li.selected {
	background-color: maroon !important;
	color:white !important;
}
.completion_menu_wrapper ul li: {
	cursor:pointer;
	background-color: #FFD6D6;
}
.completion_menu_wrapper ul li.selected:hover {
	cursor: default;
}

.complLink{
	text-decoration:underline;
	color:blue;
}
.complLink:hover{
	color:maroon;
	cursor: pointer;
	cursor: hand;
}

.fieldTitle{
	font-size:1.25em;
	text-decoration:underline;
}

.rightAlign{
	text-align:right;
}

.valide{
	background-color:palegreen;
}
.invalide{
	background-color:peru;
}
.pending{
	background-color:palegoldenrod;
}

.submittedObj{
	font-size : 1.5em;
	background-color: rgba(100,100,100,0.33);
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 0.5em;
}

.propositionFrame{
	padding: 15px;
	background-color: lightgray;
}

.complRowInfos{
	margin-top:5px;
}

.subTitleProposition{
	margin: 15px auto;
	float: none;
	border-top: solid;
	text-align: center;
}

/************ proposer.html.twig ***************/
.border_bottom_solid td, .border_bottom_solid th {
	border-bottom: 1px solid black;
}

/************ clavier PHONETIQUE ***************/
input.bt_clavPhon{
	font-size:20px;
}
input.bt_clavPhonAccent{
	font-size:25px;
}
.phon_textarea{
	font-size:25px;
}

#formExemplesAjout_texte{
	width: 75%;
}

/************* Override de bootstrap *************/
fieldset {
	border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    margin-bottom : 15px;
}

legend {
	width:auto;
	border:none;
	font-size:inherit;
	margin:0;
}

.cache_testUtils {
	display:none;
}

/************* FRAME D'AIDE *************/
#helpFrame{
	position:absolute;
	right:0;
	bottom:0;
	width:300px;
	background-color:rgba(102,178,255,0.5);
	border-radius: 25px;
	padding: 15px;
	border: solid;
	border-width: thin;
	border-color: #5f5f5f;
}

#helpCloseLink{
	text-decoration:underline;
	color:rgb(120,120,120);
	cursor: pointer;
	cursor: hand;
}

.helpIcon{
	height:2.5em;
	width:2.5em;
}

.helpIconMini{
	height:1.33em;
	width:1.33em;
}

.helpTxtLine{
	line-height:2.5em;
}

/************* AUDIO PLAYER *************/
.player_small{
	max-width:8em;
}

/************* VOTES : progress bars (code récupéré sur le net) *************/
progress.progressInvalider[value] {color:red} /* IE10 */
progress.progressInvalider::-webkit-progress-bar-value {background:red}
progress.progressInvalider::-webkit-progress-value {background:red}
progress.progressInvalider::-moz-progress-bar {background:red}
progress.progressInvalider{
	width:150px;
	border-radius: 15px;
	overflow: hidden;
	background-color: rgba(142,35,35,0.1);
}
progress.progressValider[value] {color:green} /* IE10 */
progress.progressValider::-webkit-progress-bar-value {background:green}
progress.progressValider::-webkit-progress-value {background:green}
progress.progressValider::-moz-progress-bar {background:green}
progress.progressValider{
	width:150px;
	border-radius: 15px;
	overflow: hidden;
	background-color: rgba(50,205,50,0.1);
}

/********** LISTES PERSOS ***************/

td.graph_col{
	font-size:large;
}

td.graph_col > a{
	color : #be2828;
}
td.def_col{
	/*width:30em;*/
}
td.def_col > div {
	display: flex;
	align-items: center;
	overflow:hidden;
}

td.trad_col a {
	color : #be2828;
}

#table_liste_mots td  {
	padding: .5em;
	border: solid 1px #ccc;
}

/******* contributeurs **********/
.contrib_container {
    height: 200px;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.contrib_container:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.contrib_container img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
}

.tabs-menu {
    height: 100px;
    text-align: center;
    margin: auto;
    padding-bottom: 50px;
    padding-top: 50px;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    display : inline-block;
}

.tabs-menu li.current {
    position: relative;
    background-color: #be2828;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

.tabs-menu .current a {
    color: white;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.tab-content {
    width: 100%;
    padding: 20px;
    display: none;
}

#tab-all {
	display: block;
}

.form_item ul li {
	color: #BE2828;
}

/* ---- bouton envoie du formulaire de contact -> contact.html.twig */
.contactformEnvoie{
	margin-left: 25px;
}

/* ------- bouton fin de jeu  */
.btn-jeux{
	/*background-color: #be2828;*/
	background-color: rgba(64,64,64,0.5);
	border-color: #404040;
	margin-top: 15px;
	text-decoration: none;
}

.btn-jeux:hover {
	background-color: #404040;
	border-color: #404040;
}

.btn-jeux:focus {
	background-color: #404040;
	border-color : #404040;
	text-decoration: none;
}

.btn-jeux:active {
	background-color: #404040 !important;
	border-color : #404040 !important;
	text-decoration: none !important;
}

/* pseudo page commu */

.pseudo_commu {
	background-color: #fffaf2;
	margin: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pseudo_commu  a {
	color: black;
}

.pseudo_commu a:hover {
	color: #23527c;
}

.dd {
	margin-bottom: 5px;
}

#menu_liste_flottant {
/* 	position: fixed; */
/* 	top: 320px; */
/* 	left: 560px; */
}

/* @media(max-width:767px) { */
/* 	#menu_liste_flottant { */
/* 		position: fixed; */
/* 		top: 320px; */
/* 		left: 560px; */
/* 	} */
/* } */

/* @media(min-width:768px) { */
/* 	#menu_liste_flottant { */
/* 		position: fixed; */
/* 		top: 320px; */
/* 		left: 560px; */
/* 	} */
/* } */

/* @media(min-width:992px) { */
/* 	#menu_liste_flottant { */
/* 		position: fixed; */
/* 		top: 320px; */
/* 		left: 560px; */
/* 	} */
/* } */

/* @media(min-width:1200px) { */
/* 	#menu_liste_flottant { */
/* 		position: fixed; */
/* 		top: 320px; */
/* 		left: 560px; */
/* 	} */
/* } */

.support_frame {
	background-color: rgba(0,0,0,0.8);
	z-index: 1000;
}

.vertical-center {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: -15px 0 0;
  	height:100%;
  	width:100%;
  	text-align: center;  /* align the inline(-block) elements horizontally */
  	font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.support_frame iframe{
	font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -157px;
	margin-left: -280px;
}

.tooltip_templates {
	display: none;
}

/* .meter {  */
/* 	height: 20px; */
/* 	position: relative; */
/* 	background: #555; */
/* 	-moz-border-radius: 25px; */
/* 	-webkit-border-radius: 25px; */
/* 	border-radius: 25px; */
/* 	padding: 10px; */
/* 	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); */
/* } */

/* .meter > span { */
/*   display: block; */
/*   height: 100%; */
/*   border-top-right-radius: 8px; */
/*   border-bottom-right-radius: 8px; */
/*   border-top-left-radius: 20px; */
/*   border-bottom-left-radius: 20px; */
/*   background-color: rgb(43,194,83); */
/*   background-image: linear-gradient( */
/*     center bottom, */
/*     rgb(43,194,83) 37%, */
/*     rgb(84,240,84) 69% */
/*   ); */
/*   box-shadow:  */
/*     inset 0 2px 9px  rgba(255,255,255,0.3), */
/*     inset 0 -2px 6px rgba(0,0,0,0.4); */
/*   position: relative; */
/*   overflow: hidden; */
/*   z-index: 99999; */
/* } */

.clicable {
	cursor: pointer;
}


.menu-profil-item-container {
	display:table;
	padding: 5px;
}

.enable-with-sti-activation {
	display: none;
}

#toggle-menu-profil {
	width: 100%;
	padding: 10px;
	text-align: center;
	background: #c9c9c9;
	font-size: 20px;
	font-weight: bold;
}

#chatbox_dest_name {
	font-weight: bold;
}

@media (min-width: 768px) {
	.menu_hidden {
		display: block;
	}
	.toggle-menu {
		display: none;
	}
}

@media (max-width: 767px) {
	.toggle-menu {
		display: block;
	}
	.menu_hidden {
		display: none;
	}
}