@charset "utf-8";
/* CSS Document */

:root {
  --hexColore1: #f6d9e6;
  --hexColore2: #4e152f;
	--rgbColor1: rgb(246,217,230); /*#f6d9e6*/
	--rgbColor2: rgb(78,21,47); /*#4e152f*/
	--rgbaColor1: rgba(246,217,230, 1); /*#f6d9e6*/
	--rgbaColor2: rgba(78,21,47, 1); /*#4e152f*/
}

#sidebar:after {
  background-image:url(../uploads/logo/logoSidebar.png) !important;
}

#shortcut {
  cursor:pointer;
  position:fixed;
  bottom:60px;
  right:10px;
  width:40px;
  height:40px;
  border-radius:20px;
  display:block;
  background:var(--hexColore2);
  z-index:9;
}
#shortcut:hover {
  background:var(--hexColore1);
}
#shortcut.close::after {
  font-family: "Font Awesome 5 Free";
  content: "\f128";
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  color: #fff;
  position:absolute;
  top:9px;
  left:11px;
}
#shortcut.open::after {
  font-family: "Font Awesome 5 Free";
  content: "\f068";
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  color: #fff;
  position:absolute;
  top:9px;
  left:11px;
}
#shortcut-menu {
  display:none;
  position:fixed;
  bottom:72px;
  right:10px;
  background:#fff;
}
#shortcut-menu h1 {
  padding:5px;
  margin:0;
  background: var(--hexColor2);
  color:#fff;
  font-size:1em;
}
#shortcut-menu p {
  padding:5px;
}
#shortcut-menu a {
  padding:5px;
  color:var(--hexColor5);
  text-decoration:none;
}
#shortcut-menu a:hover {
  color:var(--hexColor2);
  text-decoration:none;
}

#message-box.video {
		top: 50%;
		left: 50%;
		width: 800px;
		height: 550px;
		margin-left: -400px;
		margin-top: -275px;
}