/*!
 * draw stylesheet v1.0.0
 * http://www.youmeusdesign.com/
 *
 * Date: 2021-03-20
 *
 * ---- CANVAS
 * ---- CONNECTED USERS COUNT
 * ---- COLOURS
 *
 */

/* FIX USER-AGENT */
* {
  box-sizing: border-box;
}

/* CANVAS */
#whiteboardwrapper {
	z-index:1;
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden !important;
	margin:0;
}

.whiteboard {
	z-index:2;
	position:absolute;
	display:block;
	border:none;
	left:0;
	right:0;
	bottom:0;
	top:0;
	cursor: url(../media/interface/pencil.cur) 0 19, /* modern browsers */
			url(../media/interface/pencil.png) 0 19, /* modern browsers */
			crosshair;
}

/* CONNECTED USERS COUNT */
#count {
	z-index:3;
	position:absolute;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	pointer-events:none;
	bottom:17px;
	left:0;
	right:0;
	height:20px;
	margin:0 20px 0 20px;
	padding:0 5px 0 0;
	font-family:"HelveticaNeueW01-45Ligh";
	font-size:12px;
	color:#999;
	line-height:130%;
	text-align:left;
}

/* COLOURS */
.colors {
  position:fixed;
}

.color {
  display:inline-block;
  height:48px;
  width:48px;
}

.color.black {
	background-color:black;
}
.color.grey {
	background-color:#2E2D2C;
}
.color.red {
	background-color:red;
}
.color.green {
	background-color:green;
}
.color.blue {
	background-color:blue;
}
.color.yellow {
	background-color:yellow;
}